@media only screen and (min-width: 768px) {
    .front-page::before { content: 'tablet'; }
}
@media only screen and (min-width: 1170px) {
    .front-page::before { content: 'desktop';}
}
@media (min-width: 1200px){
    .container {
        padding-right: 0;
        padding-left: 0;
        max-width: 1280px;
    }
    .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: 40px; margin-top: 80px;}
    .FeaturesExterior .article-grid .article-block .article-meta .description {max-height: 340px;}
}

@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;}
    .medium-up--hide {display: none !important;}
    .article__title {font-size: 1.571rem;}
    #frmSearch {padding-left: 0;}
    #mainNavigation .navbar .navbar-brand {display: flex;}
    #masthead .on_menu_left {display: block;}
    #menuMain ul > li.root > a {
        padding: .75rem .5rem;
        font-size: .813rem;
    }
    #menuMain ul > li.root:first-child > a { padding-left: 0;}
    #menuMain ul > li.root:last-child > a { padding-right: 0;}
    header nav#mainNavigation #header-Menu {display: none !important;}
    #menuMain .buttons .brandName,.vehicle-dropdown a {font-size: 1rem;}
    .special-box-info .column .inner {padding: .75rem .313rem;}
    .vehicle-menu .special-box-info .column span {font-size: 12px;}
    .search-box form {min-width: unset;}
    .footer-item .title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .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 (min-width: 768px){
    .cms-static-saleoff-product .products-grid .product_box.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;}
    #menuMain .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .cart-subtotal__price{
        padding-left:55px;
        min-width:150px;
        display:inline-block
    }
    .FeaturesExterior .article-grid .item {
        background-image: none !important;
    }
    .menuFixed {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .menuFixed li:first-child .divIcon {
        border-top-left-radius: 10px;
    }
    .menuFixed li:last-child .divIcon {
        border-bottom-left-radius: 10px;
    }
}
/* Iphone 5 landscape */
@media only screen and (max-width: 767px){
    body {font-size: 13px;}
    .container,.container-fluid {padding-left: 5px; padding-right: 5px;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .no-gutters>.col, .no-gutters>[class*=col-] {padding-left: 0; padding-right: 0;}
    .small--visible{
        display:block !important
    }
    .small--hide{
        display:none !important
    }
    .navbar-content-fix.fixed {position: absolute;}
    .navbar-content-fix .news_offers {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .contact_panel.view-carousel {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    header nav#mainNavigation #header-Menu {display: none !important;}
    .section-element.vehicle-menu.fixed {position: relative;}
    #mainNavigation .navbar .navbar-brand {
        display: flex;
        width: 100%;
    }
    #mainNavigation .buttons .brandName {font-size: 1.063rem;}
    #mainNavigation .buttons .hotline-info .hotline-phone {font-size: 0.875rem; letter-spacing: 2.5px;}
    #mainNavigation .navbar .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    #mainNavigation .navbar .logo {max-width: 110px;}
    #masthead {margin-bottom: 0;}
    #masthead .on_menu_left {display: block; margin-left: auto;}
    .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;}
    .section-element.section-control {padding: 2rem 0;}
    .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;}
    section.section-element .features-inner {margin: 2.5rem 2rem; padding: 1.5rem 2rem;}
    .master-slider {min-height: 300px;}
    .sub_catagory a {
        padding: 2px;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .vehicle-menu .vehicle-wrap {flex-direction: column;}
    .special-box-info {
        flex-wrap: nowrap;
        justify-content: center;
        padding-left: 0;
    }
    .vehicle-menu .special-box-info .column span {font-size: .813rem;}
    .FeaturesExterior .view-carousel .owl-carousel .owl-stage {
        display: flex;
    }
    .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 .name, .FeaturesExterior .article-grid .article-block .article-meta .description {
        color: #fff;
    }
    .FeaturesExterior .article-grid .article-block .article-meta {
        padding: 15% 10% 10%;
        background-color: rgba(0,0,0,.5);
        color: #fff;
    }
    .FeaturesExterior .article-grid .article-block .article-meta .description {
        max-height: unset;
        font-size: .813rem;
    }
    .FeaturesExterior .article-grid .article-block .i-Thumbs {
        display: none;
    }
    .menuFixed li {flex-grow: 1;}
    #footer {padding-bottom: 50px;}
    .footer-item {margin-bottom: 20px;}
    #footer .footer-item:last-child {margin-bottom: 0;}
    .box-social {text-align: center;}
    .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;}
    .special-box-info .column .inner {padding: .5rem .313rem;}
    .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%;
    }
    .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);
    }
    #id_color_imgs > img {display: block;}
}

@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) {
    .bx-main-slider {padding-top: 10px;}
    .master-slider {min-height: 210px;}
    .step__footer__continue-btn {padding: 0.45em 1.15em; font-size: 13px;}
    #frmSearch {padding-left: 0;}
    .product_gallery .items:after {padding-bottom: 100%;}
    .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;}
}