@media only screen and (min-width: 768px) {
    .site-wrap::before { content: 'tablet'; }
}
@media only screen and (min-width: 1170px) {
    .site-wrap::before { content: 'desktop';}
}
@media (min-width: 1200px){
    .container {
        padding-right: 0;
        padding-left: 0;
    }
    .container_inner {
        width: 98%;
    }
    section.section-element.vehicle-banner .section-foreground .container_inner {
        padding-top:50px;
    }
    section.section-element.vehicle-banner .features-inner {margin-left: 0; margin-top: 80px;}
    .product-detail-container {padding: 0 3rem;}
    .discovery360 .modal-lg {
        max-width: 1180px;
    }
    .footer-item .box-content .content .list-flex {max-height: 130px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
}    

@media (min-width: 768px) and (max-width: 1024px) {
    .container {padding-left: 5px; padding-right: 5px;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .no-gutters.row {margin-left: 0; margin-right: 0;}
    .no-gutters>.col, .no-gutters>[class*=col-] {padding-left: 0; padding-right: 0;}
    .medium-up--hide {display: none !important;    }
    .article__title {font-size: 1.571rem;}
    .section-element.section-element-0,.section-element.section-element-1 {padding: 2rem 0 1.75rem;}
    #frmSearch {padding-left: 0;}
    .vehicle-dropdown a {font-size: 1.125rem;}
    .vehicle-dropdown a .gruxIcon {display: none;}
    .special-box-info .column .inner {padding: .75rem .5rem;}
    .product-detail-container .price-box-info {padding-left: 0;}
    #menuMain ul > li.root > a {padding: 1rem .5rem;font-size: 13px;}
    #menuMain .buttons .brandName {font-size: 1rem;}
    .footer-item .title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .product_gallery .items:after {padding-bottom: 200px;}
    .product_gallery .items.single:after {padding-bottom: 200px;}
    .product_gallery .items.double:after {padding-bottom: 400px;}
    #menuMain .buttons .hotline-info {margin-top: 1px;}
    #menuMain .buttons .hotline-info .hotline-icon {
        width: 14px;
        height: 14px;
        line-height: 15px;
        font-size: 10px;
    }
    #menuMain .buttons .hotline-info .hotline-phone {
        letter-spacing: 0;
        font-size: 13px;
    }
    .menuFixed {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .menuFixed li {
        display: flex;
        height: 100%;
        width: 14.285%;
        flex-grow: 1;
    }
    .menuFixed li a {
        display: flex;
        width: 100%;
    }
    .menuFixed li .divText {display: none;}
    .menuFixed li .divIcon {
        position: relative; width: 100%;
        border-top: solid 0 rgba(255,255,255,.1);
        border-left: solid 1px rgba(255,255,255,.1);
    }
    .box-heading .name {font-size: 1.5rem;}
    .product-cat .product_box.box_lists .product-simple-info {padding: .75rem .125rem;}
    .product-cat .product_box.box_lists .product-hover .product-simple-info ul li a {font-size: 10px; padding: 0 5px;}
    .section-element.vehicle-menu.fixed {top:71px}
    .vehicle-menu .special-box-info .column:last-child {display: none;}
}
@media only screen and (min-width: 768px){
    .cms-static-saleoff-product .products-grid .product_box.box_lists.col-md-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .box-heading .heading-center {
        max-width: 675px;
        margin-left: auto;
        margin-right: auto;
    }
    #product-page .product-info-page .multiple.row {
        margin-left: -15px;
        margin-right: -15px;
    }
    #product-page .product-info-page .multiple.row [class*="col-"] {padding-left: 15px; padding-right: 15px;}
    
    .cart-subtotal__price{
        padding-left:55px;
        min-width:150px;
        display:inline-block
    }
    .filters-toolbar__item-child:last-child {
        margin-left: auto!important;
        margin-right: 0;
    }
    .FeaturesExterior .article-grid .item {background-image: none !important;}
}
/* Iphone 5 landscape */
@media only screen and (max-width: 767px){
    body {font-size: 13px;}
    .container,.container-fluid {padding-left: 5px; padding-right: 5px;}
    .section-element.vehicle-menu .container {padding-left: 0; padding-right: 0;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .no-gutters.row {margin-left: 0; margin-right: 0;}
    .no-gutters>.col, .no-gutters>[class*=col-] {padding-left: 0; padding-right: 0;}
    .small--hide{
        display:none !important
    }
    #mainNavigation.navbar {padding: 0 .5rem;}
    #mainNavigation.navbar .navbar-brand {display: flex;}
    #mainNavigation.navbar .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    #mainNavigation.navbar .logo {max-width: 100px;}
    #menuMain .buttons .brandName {font-size: 1rem;}
    #masthead {margin-bottom: 0;}
    #masthead .on_menu_left {display: block;}
    .search-box .inner-wrap {
        padding: .5rem .75rem;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .search-box .inner-wrap form {position: relative;}
    .navbar-search .contact_panel {
        -ms-flex: 0 0 calc(100% - 50px);
        flex: 0 0 calc(100% - 50px);
        max-width: calc(100% - 50px);
    }
    .navbar-search .news_offers {width: 50px;min-width: 50px;}
    .navbar-search .news_offers .news_offers_text {display: none;}
    .navbar-search .news_offers .news_offers_icon {display: block; font-size: 2rem;}
    .section-element.section-element-main {padding: 25px 0;}
    .section-element.section-element-1 {padding: 2rem 0 2rem;}
    .item .per-product .product-info button {padding-left: 10px; padding-right: 10px; width: 100%;}
    .l_main .bx-detailPro .tx-Content .ind-content {padding-left: 0;}
    .sub_catagory a {
        padding: 2px;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .article__title {font-size: 1.571rem;}
    .section-element.vehicle-menu.fixed {top:63px}
    #footer {padding-bottom: 50px;}
    .footer-item {margin-bottom: 20px;}
    #footer .footer-item:last-child {margin-bottom: 0;}
    .footer-item .box-content .content .list-flex {max-height: unset;}
    .box-social {
        text-align: center;
        padding-top: .5rem;
        border-top: 1px solid rgba(255,255,255,.2);
    }
    .box-heading h1,.box-heading h2,.box-heading h3 {font-size: 1.429rem;}
    .box-heading {margin-bottom: 15px;}
    .box-heading .sub-heading {font-size: 0.875rem;}
    .product-info-page .multiple .listpro a {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;    
    }
    .article {padding-left: 0;}
    section.section-element.vehicle-banner .section-foreground .container_inner .name {font-size: 1.6rem;}
    .vehicle-menu .vehicle-wrap { flex-direction: column;}
    .vehicle-menu .special-box-info .column:last-child {display: none;}
    .vehicle-dropdown:after {
        content: '';
        position: absolute;
        top: 0;
        background: #1B3A4F;
        width: 100vh;
        display: block;
        bottom: 0;
        left: 100%;
    }
    .vehicle-dropdown .dropdown-menu {border-width: 0;}
    .vehicle-dropdown .dropdown-menu.show {transform: translate3d(0px, 57px, 0px) !important;}
    .vehicle-dropdown .dropdown-menu.show .dropdown-exten {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .special-box-info {
        justify-content:center;
        padding-left: 0;
        border-left-width: 0;
    }
    .special-box-info .column .inner {padding: .5rem .313rem;}
    section.section-element.FeaturesExterior {padding: 0;}
    .FeaturesExterior .view-carousel .owl-carousel .owl-stage {display: flex;}
    .FeaturesExterior .container.view-carousel {padding: 0;}
    .FeaturesExterior .article-grid .item {
        display: flex;
        flex: 1 0 auto;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
    }
    .FeaturesExterior .article-grid .article-block .article-meta {
        padding: 15% 5% 10%;
        background-color: rgba(0,0,0,.5);
        color: #fff;
    }
    .FeaturesExterior .article-grid .article-block .i-Thumbs {display: none;}
    .FeaturesExterior .article-grid .article-block .article-meta .name,.FeaturesExterior .article-grid .article-block .article-meta .description {color: #fff;}
    .FeaturesExterior .article-grid .article-block .article-meta .description {
        max-height: unset;
    }
    .box-heading .name,.box-heading .name.h3,.box-heading .name.h4 {font-size: 1.429rem;}
    .vehicle-dropdown {padding: 0 .313rem; width: 100%;}
    .product-title span{font-size: 18px}
    .footer-item:first-child.col-xs-12 {width: 100%;}
    .footer-item:nth-child(n+2):nth-child(-n+3).col-xs-12 {width: 50%;}
    
    .menuFixed {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .menuFixed li {
        display: flex;
        height: 100%;
        width: 14.285%;
        flex-grow: 1;
    }
    .menuFixed li a {
        display: flex;
        width: 100%;
    }
    .menuFixed li .divText {display: none;}
    .menuFixed li .divIcon {
        position: relative; width: 100%;
        border-top: solid 0 rgba(255,255,255,.1);
        border-left: solid 1px rgba(255,255,255,.1);
    }
}

@media only screen and (max-width: 640px) {
    .ms-slide .ms-layer {display: none;}
}

@media only screen and (max-width: 600px) {
}
/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 639px) {}

/* width < 320px */
@media only screen and (max-width: 480px) {
    .step__footer__continue-btn {padding: 0.45em 1.15em; font-size: 13px;}
    #frmSearch {padding-left: 0;}
    .product_gallery .items:after {padding-bottom: 100%;}
    .product_gallery .items.double:after {padding-bottom: 75%;}
    .product_gallery .items.single:after {padding-bottom: 75%;}
    .product_box .vehicle-info {font-size: 11px;}
    .product_box .vehicle-info span {padding: 0 5px;}
    .fearured-products, .fearured-article {margin-top: 20px;}
    .product-title, .custom-title {margin: 10px 0;}
    .product-title span, .custom-title .inner-hd {font-size: 18px; line-height: 30px;}
    button.button > span{height:34px;line-height:32px;padding:0 10px;}
}