/* Kindle */
/* @media(max-width:1280px)  */
@media only screen and (min-width: 1280px) and (orientation: landscape) {
    .video-sec iframe {
        height: 197px!important;
    }
}

@media only screen and (min-width: 800px) and (orientation: portrait) {

}

/* end kindle */

/* Horizonal iPad */
@media(min-width:768px) and (max-width:1024px) {
    .jok li a, .jok .dropdown {
        font-size: 15px;
    }
    .carousel-caption {
        bottom: 81%;
    }
    .carousel-caption h2 {
        font-size: 28px;
    }
   .focus-area {
        background: #fff;
    }
    .focus-area .row {
        margin-top: 0;
    }
    .focus-area .container {
        padding: 25px 0;
    }
    .focus-btn {
        bottom: 4px;
        left: 39%;
    }
    .video-sec iframe {
        height: 137px;
    }
    .video-sec {
        width: 85%;
        display: block;
        margin: 0 auto;
    }
    .carousel-control-prev {
        left: -43px;
        top: -51px;
    }
    .carousel-control-next {
        right: -32px;
        top: -51px;
    }
    .video-carousel {
        background-position: center;
    }
    .carousel-control-next, .carousel-control-prev {
        display: none;
    }
    .parallax2 {
        background-attachment: inherit;
        padding: 0;
    }
    #car iframe {
        width: 57%;
    }
    #car {
        height: 438px;
    }
    .car-inner:before {
        width: 481px;
        padding: 0;
        height: auto;
    }
    .car-inner::after {
        width: 356px;
        padding: 0;
        background: #000;
        height: auto;
    }
    .client-review-submit {
        padding-top: 12%;
    }
    .comingsoon-text {
        padding-top: 12%;
    }
    .auto-service-page h1 {
        margin-top: 0px;
        text-shadow: 0 0 4px #000;
        padding: 15px 0 15px;
    }
    .photo-g-list {
        height: 99px;
    }
    .contactus-form-confirm {
        padding-top: 14%;
    }
    .about-us-page {
        overflow: hidden;
    }
    .about-us-page img {
        width: 134%;
    }
    .about-us-page h1 {
        padding: 16px 0 15px;
    }
}

/* Vertical iPad */
@media(min-width:700px) and (max-width:1023px) {
    .logo img {
        width: 95%;
    }
    .hours-left {
        font-size: 17px;
    }
    .contact-info {
        float: none;
        text-align: center;
    }
    .carousel-caption {
        bottom: 80%;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .carousel-caption h2 {
        font-size: 22px;
    }
    .focus-area {
        background: #fff;
    }
    .focus-area .row {
        margin-top: 0;
    }
    .focus-area .container {
        padding: 25px 0;
    }
    .content-box i:before {
        margin-left: -17px;
    }
    .content-box h2 {
        font-size: 17px;
        right: -38px;
        top: 54px;
        padding: 0 75px 10px;
    }
    .circle {
        left: 28px;
        top: 24px;
    }
    .focus-btn {
        bottom: 6px;
        left: 35%;
    }
    .video-sec iframe {
        height: 99px;
    }
    .carousel-control-next, .carousel-control-prev {
        display: none;
    }
    .parallax {
        background-attachment: inherit;
    }
    #car iframe {
        position: relative;
        width: 100%;
        height: 48%;
    }
    .news-text {
        margin-left: 0;
    }
    .parallax2 {
        background: #000;
    }
    .car-inner:before {
        top: -1px;
        width: 998px;
        padding: 0;
        transform: skew(-0deg, 0deg);
        /* background: linear-gradient(90deg, rgb(0, 0, 0) 1000px, rgba(0, 0, 0, 0) 72%); */
        height: auto;
    }
    .car-inner:after {
        display: none;
    }
    #car {
        height: 641px;
    }
    .footer-logo img {
        width: 70%;
        display: block;
        margin: 0 auto;
    }
    .footer-right {
        float: right;
        margin-top: -21%;
    }
    .footer-middle {
        padding-left: 15px;
    }
    .footer-left {
        margin-bottom: 34px;
    }
    .about-us-page h1 {
        padding: 10px 0 15px;
        text-shadow: 0 0 4px #000;
    }
    .about-us-page {
        overflow: hidden;
    }
    .about-us-page img {
        width: 159%;
    }
    .client-review-submit {
        padding-top: 13%;
    }
    .comingsoon-text {
        padding-top: 14%;
    }
    .auto-service-page h1 {
        font-size: 33px;
        margin-top: 0px;
        padding: 15px 0 15px;
    }
    /* .muffler-photo-list {
        overflow: hidden;
        max-height: 112px;
    } */
    .fancybox-content img {
        padding: 0 24px;
    }
    .photo-g-list {
        overflow: hidden;
        height: 114px;
    }
    .contactus-form-confirm {
        padding-top: 20%;
    }
}

/* Vertical iPhone */
@media(min-width:220px) and (max-width:414px) {
    .img-banner {
        background-image: url(images/imgbanner_mobile.jpg);
    }
    .logo img {
        width: 100%;
    }
    .contact-info {
        margin-top: 21px;
        float: none;
        text-align: center;
    }
    .hours-left {
        font-size: 16px;
    }
    .focus-area .col-lg-6 {
        padding: 0 35px;
    }
    .content-box {
        margin-bottom: 16px;
        height: 205px;
    }
    .content-box h2 {
        font-size: 18px;
        right: -52px;
        top: 64px;
        padding: 0 64px 10px;
    }
    .circle {
        left: 28px;
    }
    .focus-btn {
        left: 34%;
        bottom: 5px;
    }
    .focus-area .row {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }
    .focus-area .container {
        padding: 25px 0;
        padding-top: 56px;
    }
    .focus-area {
        background: #fff;
    }
    .video-carousel {
        background-size: 500px;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    .video-carousel .container {
        padding: 30px 27px;
    }
    .video-sec iframe {
        height: 187px;
    }
    .video-link {
        margin-bottom: 15px;
    }
    .carousel-control-next, .carousel-control-prev {
        display: none;
    }
    .parallax {
        background-attachment: inherit;
    }
    .parallax2 {
        background-attachment: inherit;
        padding: 0;
    }
    #car iframe {
        position: relative;
        width: 100%;
        height: 57%;
    }
    #car {
        height: auto;
    }
    .news-text {
        margin-left: 0;
    }
    .car-inner:before {
        top: -1px;
        width: 495px;
        transform: skew(0deg, 0deg);
        background: linear-gradient(0deg, rgb(0, 0, 0) 400px, rgba(0, 0, 0, 0) 72%);
        display: none;
    }
    .parallax2 .row {
        background: #000;
        border: solid 1px #F63E24;
        border-right: 0;
        border-left: 0;
    }
    .car-inner:after {
        display: none;
    }
    .comingsoon-text-home {
        margin-right: 0;
    }
    .sitemap-items {
        text-align: center;
    }
    .footer-middle {
        padding-left: 15px;
        margin-top: 21px;
        margin-bottom: 10px;
    }
    .about-page-photo img {
        margin-bottom: 12px;
    }
    .about-us-page h1, .auto-service-page h1 {
        background: none;
    }
    .testimonial-descript .card-columns {
        column-count: 1;
    }
    .client-review-submit {
        padding-top: 31%;
    }
    .comingsoon-text {
        padding-top: 29%;
    }
    .about-us-page {
        overflow: hidden;
        height: 72px;
    }
    .about-us-page img {
        width: 295%;
        display: block;
        margin: 0 -150px;
    }
    .auto-service-page h1, .about-us-page h1 {
        font-size: 31px;
        margin-top: 14px;
        text-shadow: 0 0 4px #000;
    }
    .about-us-page h1 {
        font-size: 31px;
        margin-top: -18px;
        text-shadow: 0 0 4px #000;
        padding: 29px 0 15px;
    }
    /* .muffler-photo-list {
        max-height: 219px;
    } */
    .fancybox-content img {
        padding: 0 24px;
    }
    .photo-g-list {
        height: auto;
    }
    .photo-g h2 {
        font-size: 22px;
    }
    .newsdetail-pdf-link .btn-primary {
        padding: 4px 12px;
    }
    .contactus-form-confirm {
        padding-top: 42%;
    }
}

/* iphone 5/5S */
@media(min-width:199px) and (max-width:320px) {
    .content-box i:before {
        margin-left: -17px;
    }
    .content-box {
        height: 255px;
    }
    .content-box h2 {
        right: -3px;
        top: 137px;
    }
    .circle {
        left: 77px;
        top: 18px;
    }
    .focus-btn {
        left: 27%;
        bottom: 0px;
    }
    .video-sec iframe {
        height: 154px!important;
    }
    .test-form-recap .g-recaptcha {
        transform: scale(0.75);
        transform-origin: 0 0;
    }
    .auto-service-page h1 {
        font-size: 33px;
        margin-top: -12px;
    }
    .newsdetail-pdf-link .btn-primary {
        font-size: 12px;
    }
}

/* Pixel 2 */
@media(min-width:411px) and (max-width:731px) {
    .contact-info {
        float: none;
        text-align: center;
    }
}

/* iPhone plus */
@media(min-width:414px) and (max-width:737px) {
    .contact-info {
        float: none;
        text-align: center;
    }
    .content-box i:before {
        margin-left: -18px;
    }
    .content-box h2 {
        top: 70px;
        padding: 0 81px 10px;
    }
    .video-sec iframe {
        height: 211px;
    }
    .car-inner:before {
        top: -1px;
        width: 549px;
    }
}

/* iPad Pro 10" vertial */
/* @media(min-width:834px) and (max-width:1112px)  */
@media only screen and (min-width: 834px) and (orientation: portrait) {
    .carousel-caption {
        bottom: 81%;
    }
    .video-sec {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .video-sec iframe {
        height: 119px;
    }
    .carousel-control-prev {
        left: -82px;
        top: -67px;
    }
    .carousel-control-next {
        right: -82px;
        top: -67px;
    }
    .car-inner:before {
        top: -1px;
        width: 1031px;
        padding: 0;
        /* transform: skew(-0deg, 0deg); */
        background: linear-gradient(90deg, rgb(0, 0, 0) 1030px, rgba(0, 0, 0, 0) 72%);
    }
    #car {
        height: 641px;
    }
    #car iframe {
        position: relative;
        width: 100%;
        height: 48%;
    }
    .about-us-page h1{
        background: none;
        text-shadow: 0 0 4px #000;
    }
}

/* ipad pro (10.5 horizontal) */
@media only screen and (max-width: 1112px) and (orientation: landscape) {
    /* .jok li a, .jok .dropdown {
        font-size: 16px;
    } */
    .carousel-caption {
        bottom: 82%;
    }
    .focus-area {
        background: #fff;
    }
    .focus-area .row {
        margin-top: 0;
    }
    .focus-area .container {
        padding: 25px 0;
    }
    .content-box {
        height: 177px;
    }
    .content-box h5 {
        font-size: 18px;
    }
    .carousel-control-prev, .carousel-control-next {
        /* left: -93px; */
        top: -67px;
    }
    .parallax2 {
        background-attachment: inherit;
        padding: 0;
    }
    #car iframe {
        width: 57%;
    }
    .car-inner::after {
        width: 390px;
        padding: 0;
        background: #000;
    }
    .photo-g-list {
        height: 99px;
    }
    .about-us-page h1{
        background: none;
        text-shadow: 0 0 4px #000;
        padding: 16px 0 15px;
    }
    .about-us-page {
        overflow: hidden;
    }
    .about-us-page img {
        width: 134%;
    }
}

/* @media (min-width:1111px) {
    .video-sec iframe {
        height: 163px;
    }
} */

/* Galaxy S9/S9+ */
@media(min-width:321px) and (max-width:361px) {
    .contact-info {
        float: none;
        text-align: center;
    }
    .hours-left {
        font-size: 15px;
    }
    .video-sec iframe {
        height: 178px;
    }
    .newsdetail-pdf-link .btn-primary {
        padding: 4px 5px;
    }
    .content-box h2 {
        font-size: 17px;
        padding: 0 94px 0 65px;
        right: -58px;
    }
}

/* iPad Pro 12" */
/* @media(min-width:1024px) and (max-width:1366px)  */ 
@media only screen and (min-width: 1024px) and (orientation: portrait) {
    #car {
        height: 417px;
    }
    #car iframe {
        height: 100%;
    }
    .car-inner::after {
        top: -1px;
    }
    .content-box i:before {
        margin-left: -16px;
    }
    .content-box {
        height: 189px;
    }
    .content-box h2 {
        font-size: 17px;
        right: -56px;
    }
    .video-sec iframe {
        height: 164px;
    }
    .car-inner:before {
        width: 477px;
    }
    .parallax {
        background-attachment: inherit;
    }
   
}

/* iPad pro 12" horizontal */
@media only screen and (max-width: 1366px) and (orientation: landscape) {
    .carousel-control-next, .carousel-control-prev {
        display: none;
    }
    .carousel-caption {
        bottom: 86%;
    }
    .content-box i:before {
        margin-left: -17px;
    }
    .content-box {
        height: 184px;
    }
    .content-box h5 {
        font-size: 17px;
        right: -59px;
    }
    .focus-area .row {
        margin-top: 0;
    }
    .focus-area .container {
        padding: 25px 0;
    }
    .focus-area {
        background: #fff;
    }
    .circle {
        left: 20px;
        bottom: 6px;
    }
    .content-box h2 {
        right: -50px;
    }
    .focus-btn {
        left: 40%;
        bottom: 0px;
    }
    .parallax {
        background-attachment: inherit;
    }
    .parallax2 {
        background-attachment: inherit;
        padding: 0;
    }
    .car-inner:before {
        width: 472px;
        transform: skew(-25deg, 0deg);
        bottom: -23px;
    }
    .car-inner:after {
        width: 487px;
        bottom: -23px;
    }
    .auto-service-page h1 {
        font-size: 38px;
        margin-top: 0px;
        text-shadow: 0 0 4px #000;
        padding: 15px 0 15px;
    }
    .about-us-page h1 {
        background: none;
        text-shadow: 0 0 4px #000;
        padding: 16px 0 15px;
    }
}

@media (min-width: 1366px) {
    .video-sec iframe {
       height: 197px;
   }
   
}

/* Smaller desktop screens */
@media (min-width: 1185px) and (max-width: 1262px) {
   #car iframe {
       width: 57%;
   }
}
@media (min-width: 1098px) and (max-width: 1198px) {
    #car iframe {
        width: 57%;
    }
}
@media (min-width: 1010px) and (max-width: 1082px) {
    #car iframe {
       position: absolute;
   } 
    .news-text {
       margin-left: 57%;
   }
    .footer-right {
        margin-top: 0;
    }
    .footer-logo img {
        width: 96%;
    }
}
@media (min-width: 990px) and (max-width: 1009px) {
    #car iframe {
       position: absolute;
   } 
    .news-text {
       margin-left: 57%;
   }
   #car iframe {
       height: 465px;
   }
    .footer-right {
        margin-top: 0;
    }
    #car iframe {
        height: 420px;
    }
  
}
@media (min-width: 920px) and (max-width: 987px) {
   #car iframe {
       width: 100%;
   }
}

@media (min-width: 650px) and (max-width: 767px) {
    .contact-info {
        margin-top: 21px;
    }
    .content-box {
        margin-bottom: 10px;
    }
    .content-box i:before {
        margin-left: -17px;
    }
    .content-box h5 {
        top: 83px;
    }
    .circle {
        left: 40px;
        top: 43px;
    }
    .focus-btn {
        bottom: 0px;
        left: 37%;
    }
    .testimonials .card-deck {
        display: block;
    }
    .testimonials .card {
        margin-bottom: 10px;
    }
    .sitemap-items {
        text-align: center;
    }
    .footer-right {
        margin-top: 11px;
    }
}

@media (min-width: 400px) and (max-width: 670px) {
    .contact-info {
        margin-top: 21px;
    }
    .content-box h5 {
        padding: 0 100px 10px;
    }
    .testimonials .card-deck {
        display: block;
    }
    .testimonials .card {
        margin-bottom: 10px;
    }
    .sitemap-items {
        text-align: center;
    }
}

@media (min-width: 401px) and (max-width: 750px) {
    .focus-area .row {
        margin-top: 0;
    }
    .focus-area .container {
        padding: 25px 0;
    }
    .focus-area {
        background: #fff;
    }
    .content-box {
        margin-bottom: 10px;
    }
    .focus-area .col-lg-6 {
        padding: 0 35px;
    }
    .content-box h5 {
        font-size: 16px;
    }
    #car iframe {
        position: relative;
        width: 100%;
    }
    .news-text {
        margin-left: 0;
    }
    .car-inner:before {
        display none
    }
    .parallax2 .row {
        background: #000;
        border: solid 1px #F63E24;
        border-right: 0;
        border-left: 0;
    }
    .footer-middle {
        padding-left: 15px;
        margin-top: 10px;
    }
    .footer-logo img {
        display: block;
        margin: 0 auto;
    }
}

/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .testimonials .row{
        justify-content: space-between;
      }
}