@media screen and (max-width: 1200px){
    .counterBox>span{
        font-size:30px;
        margin-top:-5px
    }
    .counterBox>p{
        font-size:13px
    }
    .formCountMain .couterMain-warp {bottom: 40px;}
    .formCount .form .form-warp {margin: 40px 0;}
    .formCountMain .form form{
        padding:30px 30px 20px 30px
    }
}
@media (min-width:1024px) {
    .formCount .couterMain {
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%;
    }
    .formCount .form{
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
    }
}
@media screen and (max-width: 1023px){
    .formCountMain {background-color: #eee; padding: 10px 20px 20px;}
    .formCountMain .couterMain-warp {position: static; background-color: transparent;}
    .formCount .form .form-warp {margin: 0;}
    .counterBox{
        display:inline-block;
        vertical-align:top;
        margin:0;
        float:none;
        padding:0 10px
    }
    .counterBox>span{
        padding-top:0;
        margin-top:0;
        margin-bottom:5px;
        font-size:30px
    }
    .counterBox:after{
        left:-15px;
        width:1px;
        bottom:0
    }
    .counterBox p{font-size:12px}
    .formCountMain .form .tit{
        padding-top:20px;
    }
    .counterBox:after{
        display:none !important
    }
    .formCountMain .couterMain .counterBox span{
        text-shadow:none
    }
    .formCountMain .couterMain .counterBox p{
        text-shadow:none
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .yith_magnifier_gallery li{ height: 109px !important; }
    .topnav ul > li.root > a {font-size: 15px;}
    .header-top a.callphone {font-size: 18px;}
    .header-top .top-sale {
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .nav-cart-box #miniCart {margin-left: 1rem;}
}    

@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: 992px) {
    .policy-box .service-content .info-title h3 {font-size: 13px;}
}
@media(max-width:991px) {
    .text-center-mobile { text-align: center !important;}
    .ft-copyright,.footer-counter {text-align: center;}
    .footer-container .footer-item:nth-child(3n){clear: both;}
    .cms-static-main-final .newsletter,
    .cms-static-main-final .link-social{float: none; text-align: center;}
    .breadcrumbs > .title-page{font-size: 30px}
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {padding-left: 5px; padding-right: 5px;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .medium--hide {display: none !important;}
    #frmSearch {padding-left: 0;}
    span.hd-cart {padding-left: 5px; padding-right: 5px;}
    .header-top .top-sale {font-size: 14px;}
    .header-top-control #miniUser {display: none;}
    #masthead .on_menu_left {display: block;}
    .navbar-brand {
        display: flex;
        width: 100%; 
        margin-right: 0;
        font-size: .875rem;
    }
    .navbar-brand .buttons {display: flex; align-items: center;}
    .nav-cart-box.small--hide {display:none}
    .nav-cart-box .user-icon {background-position: -50px 2px;}
    .nav-cart-box .cart-icon {background-position: -100px 2px;}
    .nav-cart-box .cart-text {
        position: absolute;
        top: -5px;
        right: 0;
    }
    .nav-cart-box .user-text,.nav-cart-box .cart-text .text {display: none;}
    .HeaderMenuSubTop span.hd-email {margin-left: 10px; margin-right: 10px;}
    .HeaderMenuSubTop a {padding-left: 6px; padding-right: 5px;}
    .item .per-product .product-info button {padding-left: 10px; padding-right: 10px; width: 100%;}
    .footer-item .title {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
}
@media only screen and (min-width: 768px){
    .medium--hide {display: none !important;}
    .box-heading .heading-center {
        max-width: 675px;
        margin-left: auto;
        margin-right: auto;
    }
    .section-element.featured_category {margin-top:-50px; padding-top:0}
.featured_category .view-carousel {background-color:#fff; z-index:5}
    #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;}
    .nav-cart-box .user-icon {display: none;}
    .cart__row td{
        vertical-align:middle
    }
    .cart__meta{
        max-width:4300px
    }
    .cart__remove{
        margin-top:4px
    }
    .cart__qty{
        text-align:center
    }
    
    .cart-subtotal__price{
        padding-left:55px;
        min-width:150px;
        display:inline-block
    }
    #myNavbar {display: none;}
}
/* Iphone 5 landscape */
@media only screen and (max-width: 767px){
    .container,.container-fluid {padding-left: 5px; padding-right: 5px;}
    .row {margin-left: -5px; margin-right: -5px;}
    .row.no-gutters {margin-left: 0; margin-right: 0;}
    .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}
    .row.no-gutters>[class*=col-] {padding-left: 0; padding-right: 0;}
    .small--hide{
        display:none !important
    }
    .section-element.section-element-box {padding: 1rem 0 .5rem;}
.formCount {margin-left: -5px;margin-right: -5px;}
.formCount .couterMain, .formCount .form {padding-left: 5px;padding-right: 5px}
    .nav-cart-box .user-number {display: none;}
    .featured-box {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
    }
    .icon-box-text {text-align: center; margin-left: 0;}
    .cart__update-wrapper{
        display:none;
    }
    .cart__update--show .cart__update-wrapper {
        display: block;
    }
    .cart__image {max-height: 75px;}
    .cart__update-controls{
        margin-top: 10px;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-align:center;
        -webkit-align-items:center;
        -moz-align-items:center;
        -ms-align-items:center;
        -o-align-items:center;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between
    }
    .cart__update-control--remove{line-height:1.2}
    .navbar-brand {
        display: flex;
        width: 100%; 
        margin-right: 0;
        font-size: .875rem;
    }
    .navbar-brand .buttons {display: flex; align-items: center;}
    .nav-cart-box .user-icon {font-size: 1.5rem;}
    .nav-cart-box .cart-text {
        position: absolute;
        top: -5px;
        right: 0;
    }
    .nav-cart-box .user-text,.nav-cart-box .cart-text .text {display: none;}
    .step__footer__continue-btn {padding: 0.45em 1.15em;}
    #masthead {margin-bottom: 0;}
    #masthead .on_menu_left {display: block;}
    #masthead .HeaderLogo {overflow: hidden;}
    .HeaderLogo a.logo {display: none;}
    .HeaderLogo a.logo2 {display: block;}
    .header-top {display: none;}
    .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;}
    .list-view-item__title {font-size: 1em;}
    #frmSearch {background-color: #fff;}
    #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;}
    .phonering-alo-phone.phonering-alo-show {
        visibility: visible;
    }
    .promotion-info {font-size: 14px; line-height: 18px;}
    .wprt-section.promotion {padding: 20px 0;}
    .cms-static-fearured-article, .cms-our-clients {padding: 5px 0;}
    .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%;    
    }
    .wprt-button {font-size: 15px;}
    .article {padding-left: 0;}
    .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%;}
}

@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 600px) {
    .callnow {
        right: 10px!important;
        bottom: 40px!important;
        display: block;
    }
}
/* 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-title, .custom-title {margin: 10px 0;}
    .product-title span, .custom-title .inner-hd {font-size: 18px; line-height: 30px;}
    #masthead .HeaderLogo a img {max-height: 50px;}
    .promotion-info {padding-bottom: 10px;}
    button.button > span{height:34px;line-height:32px;padding:0 10px;}
    .about-img {margin-top: 20px;}
    .l_main .bx-detailPro .tx-Content .ind-content {padding-left: 0;}
    .item-cart .add-cart-button .btn-cart {width: 100%; margin-left: 0; margin-bottom: 5px;}
}