/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .intro-text .intro-heading { font-size: 30px; line-height:40px }
  .performance .col-md-4 {
    border-bottom: 1px solid #ccc;
    border-right: medium none;
}
.performance .math-symbol {
    background: #3c5f81 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 50% !important;
    height: 40px;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 40px;
}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  .intro-text .intro-heading { font-size: 20px; line-height:30px }
}
@media only screen and (min-width : 480px) and (max-width : 768px) 
{
    .performance .col-md-4 {
    border-bottom: 1px solid #ccc;
    border-right: medium none;
}
.performance .math-symbol {
    background: #3c5f81 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 50% !important;
    height: 40px;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 40px;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .front-banner .banner-text {top: 30%;}
  .performance .col-md-4 {
    border-bottom: 1px solid #ccc;
    border-right: medium none;
}
.performance .math-symbol {
    background: #3c5f81 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 50% !important;
    height: 40px;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 40px;
}
   

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  /* Styles */
}