/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .videoframe{
        width: 100%;
        max-height: 214px
    }
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    h2{font-weight: bold;font-size: 21px; line-height: 1.1;}
    body h3 {
        font-size: 18px !important;
        line-height: 1.2;
    }
    body p{font-size: 16px;}
    .servetoday, .times{flex-wrap: wrap;}
    body .times li img{margin-bottom: 5px;}
    body .servetoday li, body .times li{width: 100%; margin-bottom: 10px;font-size: 18px; line-height: 1.2;}
    .mobile-off{display: none;}
    .text-xs-left{text-align: left !important;}
    .tobtn{flex-wrap: wrap !important;}
    .tobtn a{width: 100%;margin-bottom: 10px;}
    .mb-xs-40{margin-bottom: 40px;}
    body .box_green {
        background-image: none !important;
        background-color: #98a8838f;
        width: 90%;
        padding:  30px 25px;
    }
}
/*13 inch retina*/
@media (min-width: 799px) and (max-width: 1350px) {
  .videoframe{
      max-height: 414px
  }
}


/* iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    body .box_green {
        background-image: none !important;
        background-color: #98a8838f;
        width: 90%;
        padding:  60px 25px;
    }
    .tobtn a{margin-bottom: 10px;}
}