@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 only all and (min-width: 1366px){
    .container {
        max-width: 1366px!important;
    }
}
@media(min-width: 992px) {
}
@media (min-width: 1200px){
    .product-detail-container {padding: 0 3rem;}
    .testimonial-slider {margin-right: 90px;}
}
@media (min-width: 1024px) {
}    

@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;}
    .tablet--hide {display: none !important;}
    .article__title {font-size: 1.75rem;}
    #frmSearch {padding-left: 0;}
    .footer-item .title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}

@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;}
    .testimonial-slider {margin-left: 90px;}
    .testimonial-slider:before {
        margin-left: -90px;
    }
    .cart-subtotal__price{
        padding-left:55px;
        min-width:150px;
        display:inline-block
    }
}
/* Iphone 5 landscape */
@media only screen and (max-width: 767px){
    body {font-size: 14px;}
    .container,.container-fluid {padding-left: 5px; padding-right: 5px;}
    #masthead .container {padding-left: 0; padding-right: 0;}
    section.section-element .container {padding-top: 5px; padding-bottom: 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;}
    .mobile--hide{ display:none !important}
    .bx-product-slider .container {margin-top: 1.5rem;}
    .header-fixed #masthead.nav-is-visible {position: relative;}
    .box-special-menu {display: none;}
    .box-heading .name {letter-spacing: 0;}
    .box-heading .name.extra {font-size: 3rem;}
    .box-heading .name.h1 {font-size: 1.875rem;}
    .box-heading .name.h2 {font-size: 1.75rem;}
    .box-heading .name.h3 {font-size: 1.5rem;}
    .box-heading .name.h4 {font-size: 1.25rem;}
    .box-heading.line-diver .name span {padding-right: 0;}
    .box-heading.line-diver .name span:after {left: 0; right: auto;}
    .banner-breadcrumb .box-heading.line-diver .name span:after {display: none;}
    .box-heading > .viewall {display: none;}
    .template-article #masthead, #masthead.is-scroll {background-color: var(--main);}
    #masthead .on_menu_left {display: block;}
    #masthead #langmobile {display: flex;}
    .nav-control {display: none;}
    .header-main-nav,.brandnav,.brandnav .navbar-logo,#masthead.is-scroll .header-main-nav, #masthead.is-scroll .brandnav,.template-article #masthead .header-main-nav, .template-article #masthead .brandnav,
    #masthead.is-scroll .brandnav .navbar-logo, .template-article #masthead .brandnav .navbar-logo {height: 60px;}
    .brandnav .navbar-logo,#masthead.is-scroll .brandnav .navbar-logo, .template-article #masthead .brandnav .navbar-logo {width: 96px;}
    .wrap-scroll-nav {
        width: 100%;
        padding-right: 30px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .wrap-scroll-nav::-webkit-scrollbar {display: none;}
    .section-element-about .nav-tabs, .product-content .nav-tabs,.sub_nav,#product-filter .inner {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-y: auto;
        width: auto;
    }
    .section-element .wrap-scroll-nav:before {
        font-family: FontAwesome;
        content: '\f178';
        font-size: 1.125rem;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
        width: 34px;
        height: 45px;
        line-height: 43px;
        display: flex;
        align-content: center;
        justify-content: center;
        border-top-right-radius: .35rem;
        border-bottom-right-radius: .35rem;
        color: var(--main);
        background-color: var(--white);
    }
    .section-element .wrap-scroll-nav:after {
        content: '';
        position: absolute;
        top: 0;
        right: 34px;
        width: 16px;
        height: 45px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }
    .sub_nav .sub_nav--link,#product-filter .cbp-filter-item {
        white-space: nowrap;
        margin: 0 5px 10px 5px;
        padding: .75rem 1rem;
    }
    .product-description {margin-left: unset;}
    .section-element-about .nav-tabs::-webkit-scrollbar, .product-content .nav-tabs::-webkit-scrollbar, .sub_nav::-webkit-scrollbar,#product-filter .inner::-webkit-scrollbar { display: none;}
    .section-element-about .nav-tabs .nav-item + .nav-item, .product-content .nav-tabs .nav-item + .nav-item {margin-left: .5rem;}
    .section-element-about .nav-tabs .nav-item .nav-link, .product-content .nav-tabs .nav-item .nav-link {white-space: nowrap; padding: .75rem 1rem;}
    .section-element.section-element-about,.section-element-about .content_about {padding: 1.5rem 0;}
    section.section-element .features-inner {padding: 0 1rem;}
    .section-background {min-height: 217px;}
    .section-element.featured-product {padding: 2rem 0;}
    .section-element .product-wrap {padding: 10px 0;}
    .section-element.about-story {padding: 1rem 0 2rem;}
    .content_about .item_about .social_left {padding-right: unset;}
    .content_about .item_about .social_right {padding-left: unset;}
    .store_buy .store_title,.store_buy .store_brand {min-height: unset;padding: .75rem 1rem;}
    .store_buy .store_title figure {width: 80px;}
    .store_buy .store_title .name { font-size: 2rem;}
    .store_buy .owl-theme .owl-nav [class*=owl-] {height: 40px;width: 40px;padding: 4px 7px;}
    .store_buy .owl-theme .owl-nav .owl-next {right: 0;}
    .store_buy .owl-theme .owl-nav .owl-prev{left: 0;} 
    .video-background,.about-story .card.left,.about-inner.card.left {margin-right: unset;}
    .video-background {margin-bottom: 1rem;}
    .video-background.right {margin-top: 1rem; margin-bottom: 0;}
    .video-background a.video__link {width: 96px; height: 96px;}
    .audioPlayer {padding: .25rem 0;}
    .about-story .card,.about-inner.card,.video-background.right {margin-left: unset;}
    .product_box.box_lists .product-hover.p-3 {padding: .5rem;}
    .product_box .product-hover .icon_label {width: 36px; height: 36px;}
    .product_box .product-hover .text_label {
        font-size: .625rem;
        padding: .25rem .35rem;
    }
    .content_about .item_about .about_card_top {margin-top: unset;}
    .clients-register {margin-left: 0; padding: 1.5rem; text-align: center; align-items: center;}
    .clients-register .title {font-size: 2rem;}
    .clients_list {margin-right: 0; padding: 1.5rem 1rem;}
    #blog_article article.items {margin-bottom: 1rem;}
    .view-carousel .carousel-control {right: 0; background-color: var(--white); top: 50%; margin-top: -20px;}
    .view-carousel .carousel-control.left { right: auto; left: 0;}
    .owl-theme .owl-dots {text-align: center;}
    .ms-layer .name {font-size: 2.125rem !important;}
    .ms-layer p {font-size: 1.125rem !important;}
    .ms-bullets.ms-dir-v {display: none;}
    .item .per-product .product-info button {padding-left: 10px; padding-right: 10px; width: 100%;}
    .featured .article-block .article-meta {padding: .75rem 1rem;}
    .section-element.info-newsletter .content {margin-bottom: 1rem; text-align: center;}
    .banner-breadcrumb {padding: 1.5rem 0;}
    .bg-breadcrumb .box-heading {text-align: center;}
    .breadcrumb {justify-content: center; font-size: .75rem;}
    .article-block.box_radius_2rem {
        -webkit-border-radius: 1rem !important;
        border-radius: 1rem !important;
    }
    .element_cert_inner {padding: 1.5rem .5rem;}
    .article-section {padding: 1rem;}
    .article__title {font-size: 1.75rem;}
    .card .card-block {padding: 1.5rem;}
    .products-grid.product-cat .product_box,.blog_pagelist .card.featured,.article-grid .items {margin-bottom: 1rem;}
    .product-cat .product_box.box_lists .product-simple-info {padding:0;}
    .product-cat .product_box.box_lists .product-simple-info .product-box-name {
        min-width: unset;
        padding: .5rem 0;
        border-radius: 0;
        border: 0;
        width: 100%;
        font-size: 12px;
    }
    .product-cat .product_box:not(.no-shadow):hover .product-hover .product-simple-info .product-box-name, .product-cat .product_box.active:not(.no-shadow) .product-hover .product-simple-info .product-box-name {
        background-color: transparent;
        color: var(--green);
    }
    .products-grid .product_box {margin-bottom: 1rem;}
    .product_box.box_lists .product-hover .product-simple-info.p-3 {padding-left: .25rem!important; padding-right: .25rem!important;}
    .product-cat .sub_catagory .owl-carousel {
        border-radius: 1rem;
        padding: .75rem 2.75rem;
    }
    .product-cat .sub_catagory .owl-carousel a {
        white-space: nowrap;
    }
    .category_tab_menu ul li a {font-size: 1.175rem;}
    .article-inner .article-meta {padding: 1rem .75rem;}
    .article-meta .name {font-size: inherit;}
    .article-grid .cat_info {font-size: .625rem;}
    .product-box-price,.featured .article-meta .box-price {
        font-size: 1rem;
        flex-direction: column;
    }
    .product-box-price .price__old,.box-price .price__old {margin-left: 0;}
    .sub_catagory > ul > li {padding: .5rem .75rem;}
    .footer-item {margin-bottom: 20px;}
    #footer .footer-item:last-child {margin-bottom: 0;}
    .footer-item .box-content .content .list-flex {max-height: unset;}
    .footer-item .box-content .content .link-list li:not(:last-child) a {padding-bottom: 0;}
    .footer-item .box-content .content .link-list a {line-height: 30px;}
    .footer__text {text-align: center;}
    .box-social,.social .title {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;}
    
    .box-heading .name.black-title {padding: 2px 15px;}
    .product-wrap .box-heading {margin-top: 10px;}
    .product-title span{font-size: 18px}
    .article_gallery .i-Thumbs:after {padding-bottom: 203px;}
    .footer-item:first-child.col-xs-12 {width: 100%;}
    .footer-item:nth-child(n+2):nth-child(-n+3).col-xs-12 {width: 50%;}
}

@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%;}
    .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;}
    .section-element.counter {padding: 3rem 0;}
    .testimonial__item__text,.testimonial__item__author {font-size: 1.125rem;}
    .formQuick .form .form-warp { margin-top: 0;}
}