@media only screen and (min-width: 1024px) {
    .hv-three.top-bar .call-wrap{
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .col-1 {
        width: 8.33333%;
    }
    .col-2 {
        width: 16.66667%;
    }
    .col-3 {
        width: 25%;
    }
    .col-4 {
        width: 33.33333%;
    }
    .col-fifth{
        width: 20%;
    }
    .col-5 {
        width: 41.66667%;
    }
    .col-6 {
        width: 50%;
    }
    .col-7 {
        width: 58.33333%;
    }
    .col-8 {
        width: 66.66667%;
    }
    .col-9 {
        width: 75%;
    }
    .col-10 {
        width: 83.33333%;
    }
    .col-11 {
        width: 91.66667%;
    }
    .col-12 {
        width: 100%;
    }
    .e2e {
        width: calc(100% + 15px);
        margin-left: -15px;
    }
}


@media screen and (max-width: 1500px){
    .banner-inner{ height: 280px; }
}
@media (max-width: 1400px) {
    .banner-wrapper .slick-prev {
        height: 37px;
        left: 15px;
    }
    .banner-wrapper .slick-next {
        height: 37px;
        right: 15px;
    }
}
@media (max-width: 1300px) {
    .banner-wrapper .container {
        width: 95%;
    }
    .banner-wrapper2 .box-wrapper .container {
        width: 95%;
    }
}
@media screen and (max-width: 1300px) and (min-width: 600px){
    .banner-inner{ height: auto; }
    .banner-inner h1, .banner-inner p.promo-banner-title{ font-size: 30px; }
    .banner-inner p{ font-size: 18px; }
    .contact-page .message {
        padding-left: 30px;
    }
    .car-services-1 .item-desc .title,
    .car-services-2 .item-desc .title{
        font-size:18px;
    }
    .banner-inner.car-logo .banner-inner-inner > .container{
        background-size: 150px !important;
        background-position: right 50px center !important;
    }
}
@media (max-width: 1250px) {
    .logo-bar .logo {
        width: 30%;
    }
    .logo-bar .call {
        width: 70%;
    }
    .banner-wrapper .slick-prev {
        font-size: 20px;
        display: none !important;
    }
    .banner-wrapper .slick-next {
        font-size: 20px;
        display: none !important;
    }
    .banner-wrapper2 .slick-prev, .banner-wrapper2 .slick-next {
        font-size: 20px;
        right: -46px;
    }
}
@media (max-width: 1230px) {
    .navigation.hv-three-fixed.scrolled,
    .navigation.hv-three-fixed{
        display: none !important;
    }
    .top-bar ul li {
        float: none;
        display: inline-block;
    }
    .top-bar ul {
        text-align: left;
    }
    .fixed-header-wrapper img {
        width: auto !important;
    }
    .fixed-header-wrapper .header {
        text-align: center;
    }
    .fixed-header-wrapper nav ul li a {
        font-size: 13px;
    }
    .fixed-header-wrapper nav {
        float: none;
        display: inline-block !important;
    }
    .fixed-header-wrapper nav {
        display: none !important;
    }
    .fixed-header-wrapper .call {
        padding: 0 50px 0 0px;
        width: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 50px;
    }
    .fixed-header-wrapper .call a {
        font-size: 15px;
    }
    .fixed-header-wrapper .call a {
        font-size: 20px;
        padding: 0px;
    }
    .navigation ul li a {
        padding-left: 11px;
        padding-right: 11px;
        font-size: 16px;
    }
    .navigation > ul {
        text-align: center;
        display: table;
        margin: 0 auto;
    }
    .white-block .block .btn-wrap {
        font-size: 25px;
    }
    .widget .widget-title,
    .white-block .block h2,
    .white-block .block h3 {
        font-size: 25px;
    }
    .offers-main .btn-wrap {
        font-size: 20px;
    }
    #menu-wrapper {
        display: inline-block;
    }
    #menu-wrapper{
        width: 31px;
        position: absolute;
        right: 10px;
        top: 0;
        height: 100%;
    }
    #menu-wrapper .header {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    #menu-wrapper .header a {
        display: inline-block;
        top: 28px;
    }
    #menu-wrapper .header a {
        display: inline-block;
        background: #005665;
        width: 31px;
        right: 10px;
        height: 31px;
        top: 13px;
        padding: 9px 7px;
        position: static;
    }
    .container {
        width: 100%;
    }
}
@media screen and (max-width:1200px){
    .product-page .detail-section{
        padding-left:20px;
    }
    .product-list .inner .btn-wrap{
        font-size:20px;
    }
    .filter-section .acc-heading,.product-list .single-list,.listing-page .heading{
        margin-bottom:10px;
    }
    .pagination li,.filter-section .acc-heading{
        font-size:18px;
    }
    .pagination li:after{
        height:18px;
    }
    .pagination{
        top:0;
    }
    .pricing-table .table-head .col3,
    .pricing-table .table-body .col3{
        margin-right:7px;
    }
    .car-servicing-4 select,.car-servicing-3 select, .car-servicing-1 select, .car-servicing-2 select{
        float:none;
    }
    .car-servicing-4 .pricing-table .table-cell.col3{
        margin-right: 16px;
    }
}
@media (max-width: 1199px) {
    .fixed-header-wrapper {
        padding: 0 0 5px 0;
    }
    .white-block .block .btn-wrap {
        font-size: 23px;
    }
    .side-by-side ul li,
    .services ul li {
        text-align: left;
    }
    .car-list-wrapper .btn-wrap {
        font-size: 23px;
    }
    .car-list-wrapper .car-list .single-list p.h4,
    .car-list-wrapper .car-list .single-list h4 {
        font-size: 19px;
    }
    .find-us-wrapper .btn-wrap {
        font-size: 20px;
    }
    .find-us-wrapper h3 {
        font-size: 23px;
    }
    .footer-wrapper .links ul li a {
        font-size: 14px;
    }
    .footer-wrapper .repairs ul li a {
        font-size: 14px;
    }
    .footer-wrapper .Servicing ul li a {
        font-size: 14px;
    }
}