/*
Theme Name: Flatsome Childmu
Description: This is a child theme for musheji Theme
Author: musheji
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.clear{ clear: both;}

.header_top_left{ color: #E53333; font-weight: bold; letter-spacing: 0.5px; font-size: 13px;}
.header-search-form .secondary{ background: #000 !important;}
.header-nav .header-search .nav-dropdown{min-width: 360px;}

#masthead li.header-search-form{ margin: 0; padding-right: 60px;}
.searchform-wrapper input.search-field{ border: #e1e1e1 solid 1px; border-right: none; border-radius: 6px 0 0 6px; height: 46px;}
.header-nav .searchform .button.icon i{ font-size: 14px;}
.header-nav .searchform .button.icon { padding: 0; width: 46px; height: 46px; border-radius: 0 6px 6px 0;}
.nav-dropdown-has-border .nav-dropdown{border: 1px solid #ddd;}

.nav-dropdown-default{padding: 10px 16px;}
#top-bar .nav-dropdown.nav-dropdown-default{ right: 0 !important; }
#top-bar .nav-dropdown{}

.header-cart-title, .header-favorites, .header-myaccount{ display: block; padding: 2px 0 0 0 !important; margin: 0 !important; font-size: 13px; text-transform: capitalize; line-height: 18px;}



.mupd20{ padding-bottom: 20px;}
.wishlist-icon{ display: none;}
.box-text p.product-title{ margin: 0; padding: 0 0 10px 0;}
.box-text p.product-title a{ padding: 0; margin: 0; color: #000; font-size: 16px;}
.product-small .col-inner a.wpcbn-btn{ display: none !important;}


.nav > li > a.nav-top-link{ font-size: 16px; color: #000;}
.has-dropdown .icon-angle-down{ font-size: 14px;}

.header-main .nav > li > a{ font-size: 14px; font-weight: normal; line-height: 20px; padding:24px 0; letter-spacing: 0; display: block; text-align: center;}
.nav-dropdown-has-arrow li.has-dropdown::after{ display: none !important; }
.nav-dark .nav > li > a{ color: #333;}
.nav-dark .nav > li > a:hover{ color: #f9d780;}
.nav > li.has-icon > a > i{ font-size: 18px;}
.nav > li.has-icon > a > i.icon-user{ font-size: 22px;}

.nav > li > a, .nav-dropdown > li > a, .nav-column > li > a, .nav-vertical-fly-out > li > a{ color: #000;}
.nav > li > a:hover, .nav-dropdown > li > a:hover, .nav-column > li > a:hover, .nav-vertical-fly-out > li > a:hover{ color: #ac7610;}
.nav > li{ margin: 0 16px;}
.button, button, input[type="submit"], input[type="reset"], input[type="button"]{ font-size: 13px; line-height: 20px; padding: 9px 22px; background: #000; border-radius: 4px;}
.wc-proceed-to-checkout .checkout-button.button{ font-size: 16px; padding-top: 13px; padding-bottom: 13px;}
button#place_order{ font-size: 16px;  padding: 13px 36px;}
.woocommerce-mini-cart a{ font-size: 14px;}
form.checkout h3{ color: #000;}
.cart_totals th.product-name{ border-left: none; border-right: none; border-top: none;}

.button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
    background: #444;
}

.cart-icon strong{ color: #000; border-color: #000;}
.cart-icon strong::after{border-color: #000;}
.current-dropdown .cart-icon strong,
.cart-icon:hover strong { background: #000;}

#wide-nav .nav-dropdown-default{ padding:10px 15px;}
.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a{ margin: 0; border: none;}
.nav-column li > a, .nav-dropdown > li > a{ font-size: 15px; border: none; font-weight: normal; line-height: 32px; padding: 0; }
.nav-dropdown > li > a:hover{ color: #ac7610;}
.top-divider{border-top:none;}
.header-wrapper.stuck #masthead{  }




.collection-list-box{ padding-bottom: 20px;}
.collection-list-box .col {
    padding: 0 10px;
}
.collection-list-box .col .box-image{border-radius: 100%;}
.collection-list-box .col .box-image img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.collection-list-box .col .box-text.text-center{ padding: 15px 0 0 0; margin: 0;}
.collection-list-box .col .box-text.text-center h3{ margin: 0; font-size: 18px; line-height: 22px;}

.wishlist-icon .button.icon{ margin: 0; padding: 0; width: 32px; height: 32px;}
.badge-container.left{ left: 15px;}
.button.icon{width: 36px; height: 36px; line-height: 36px; padding: 0; margin: 0;}
.footer-2{ color: #ccc !important;}
.footer-2 p{color: #ccc !important; margin: 0; padding: 0 0 10px 0; font-size: 14px;}
.footer-2 a{ color: #ccc !important; font-size: 14px;}
.footer-2 a:hover{ color: #ac7610 !important;}
.footer-2 .widget-title{color: #fff !important;}
.footer-2 .dark .is-divider{background-color: #fff !important; margin:8px 0 10px 0; display: none;}
.foot-contact-us{ padding-top: 10px;}
.foot-contact-us .follow-icons a{ margin: 0 10px 0 0; border-color:#333 !important;}
.social-icons  a{ margin: 0 10px 0 0 !important; }

.badge-inner{ background: #E53333;}
.badge-circle + .badge{ margin:10px 0 0  0;}


.foot-subscription{ padding-top: 10px;}
.foot-subscription form{ margin: 0; padding: 0;}
.foot-subscription .tnp-field-email{ float: left; width: calc(100% - 100px);}
.foot-subscription .tnp-field-button{float: left; width: 100px;}
.foot-subscription .tnp-field-button input{ font-weight: normal;
    width: 100px; line-height: 46px;
    height: 46px; padding: 0; margin: 0;}
.foot-subscription .tnp-field-email input{ background: #fff; border: #ddd solid 1px; height: 46px;}

.product-quick-view-container .product-info.summary .quantity .button.minus, .product-quick-view-container .product-info.summary .quantity  .button.plus{ padding-top: 0 !important; padding-bottom: 0 !important;}
.product-quick-view-container .product_meta{ display: none;}
.badge-inner.on-sale{ background: #ac7610;}
.badge-inner{ font-size: 14px; font-weight: normal;}
.quantity .button.minus, .quantity .button.plus{ width: 30px; height: 40px; padding-top: 0 !important; padding-bottom: 0 !important;}
.product-info-rt-box input.input-text.qty{ width: 42px; max-width: 42px; height: 40px; font-size: 14px;}

[data-icon-label]::after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step {
    background-color: #ac7610 !important;
}

.notice-tip{ font-size: 14px;}

button.toggle{ background:none;}


.product-main{ padding-top: 20px;}

.section-title-normal{border-bottom:none;}
.section-title{ margin: 0;}
.section-title-normal span{ border-bottom: 2px solid #000; color: #000; letter-spacing: 1px; text-align: center;}
.product-small .box-text{ padding: 10px 0 0 0; text-align: left;}
.product-small .box-text .price-wrapper{padding-top:0;
    line-height: 22px; color: #000; font-size: 16px;}
.product-small .box-text .price-wrapper span.amount{ font-weight: normal; color: #000; font-size: 16px;}
.product-small .box-text .price-wrapper del{color: #333;}
.product-small .box-text .price-wrapper del  span.amount{ font-size: 14px; color: #333;}
.product-small .box-text .price-wrapper ins  span.amount{ font-size: 16px; color: #000; font-weight: normal;}
.product-small > .col-inner:hover p.name a{ color: #ac7610;}
.product-small .badge-container{ margin: 0; left: 15px; top: 10px; color: #ac7610;}
.product-small .price-wrapper{ padding-top: 6px; line-height: 20px; }
.price-wrapper del span.amount{ font-size: 15px; font-weight:normal;}

.mu-single-product-box{ padding-bottom: 20px;}
.mu-single-product-box ul li{ color: #333; list-style: none; padding: 6px 0; line-height: 20px; margin: 0; font-size: 15px; font-weight: normal;}
.mu-single-product-box ul{ padding: 0; margin: 0;}
.mu-single-product-box ul li i.fa{ padding-right: 6px; font-size: 16px;}
#block_widget-3 .tnp-subscription input.tnp-submit{background: #ac7610;}
#block_widget-3 .tnp-subscription input.tnp-submit:hover{ background: #ac7610;}


span.widget-title{ font-size: 16px; text-transform: uppercase; font-weight: bold; color: #000; display: block; padding: 0 0 10px 0;}
#menu-support li,#menu-quick-links li{ border: none !important; text-transform: capitalize;}
#footer .absolute-footer{ border-top: #333 solid 1px; padding: 5px 0;}
.product-info form.cart{ margin: 0;}
.product-categories li a{ line-height: 30px; color: #222; font-size: 15px;}
.widget > ul > li li > a{ font-size: 14px;}
.product-categories li a:hover{ color: #ac7610;}
.widget .product-categories .current-cat > a{color: #ac7610;}
h1.product-title{ color: #000;}
.product-info h1.product-title{ font-size: 26px; margin: 0; padding: 0 0 12px 0; font-weight: bold; line-height: 32px;}

.nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover{border-color: #000;
    background-color: #000;}
.wc-tabs-wrapper .nav-line > li > a{ font-size: 16px; letter-spacing:0; font-weight: normal; text-transform: uppercase;}
.wc-tabs-wrapper .nav-line > li > a::before { background-color: #000;}
.has-border{ border: 2px solid #fff;}
#tab-description{ font-size: 15px; color: #333;}
#tab-title-additional_information{ display: none !important;}

.wt-related-products h2.wt-crp-heading{ color: #000; font-size: 28px;
    line-height: 32px; font-weight: bold; margin: 0; padding: 0 0 20px 0;}


.h2-title.mo-pd-no{ padding-top: 2px;}
.h2-title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.h2-title .page-heading{font-size: 28px;
    line-height: 32px;
    margin: 0;
    width: auto;
    font-weight: bold;
    display: inline-block;
    text-transform: capitalize;
    color: #000;
    position: relative;}





label, legend{ font-weight: normal;}


#newslist{overflow: hidden;
    height:40px;
    line-height:40px;
    text-align: center;
    text-transform: capitalize;
    font-size: 13px; }

#contain {
    overflow: hidden;
}
#contain ul{ margin: 0; padding: 0;}
#contain li{
    margin: 0; padding: 0;
    height:40px;line-height:40px;white-space:nowrap;overflow:hidden; color:#000;
}




.woocommerce-result-count{ font-size: 14px;}
.woocommerce-ordering, .woocommerce-ordering select{ font-size: 13px;}
.widget .is-divider{ height: 2px; background-color: #ac7610; margin: 0;}
.widget.widget_price_filter .is-divider{ margin-bottom: 14px;}


.product-info .price-wrapper .price{ font-size: 24px; color: #000; line-height: 26px; font-weight: normal;}
.product-info .price-wrapper .price del{color: #333; }
.product-info .price-wrapper .price del span.amount{font-size: 15px; color: #333;  font-weight: normal;}
.product-info .price-wrapper .price ins span.amount{font-size: 24px; color: #000;  font-weight: normal;}

.product-info .variations th.label{ font-size: 15px; }
.product-info .variations th.label label{font-weight: bold;}
.product-info-rt-box table.variations{ margin: 0;}


.product-short-description{ padding: 0 0 10px 0; border-bottom: #e8e8e8 solid 1px; margin-bottom: 10px;}
.productView-info {
    color: #222;
   margin: 0;
    text-transform: capitalize;
}
.productView-info::after,
.productView-info::before {
    display:table;
    content:' '
}
.productView-info::after {
    clear:both
}
.productView-info>:first-child {
    margin-top:1.5rem
}
.productView-info>:last-child {
    margin-bottom:0
}
.productView-info-name,
.productView-info-value {
    float:left;
    float:none
}
.productView-info-name {
    clear:both;
    margin:0;
    float:left;
    line-height:20px;
    font-weight:400;
    margin-bottom:0;
    padding:8px 0;
    margin-right:15px;
    width:100px
}
.productView-info-name:first-child {
    margin-top:0
}
.productView-info-value {
    overflow:hidden;
    font-weight:400;
    margin:0;
    line-height:20px;
    padding:8px 0;
    float:left
}
.productView-options {
    margin-bottom:30px;
    text-align:center;
    position:relative;
    display:block;
    text-align:left;
    margin-bottom:0
}
.productView-options::after,
.productView-options::before {
    display:table;
    content:' '
}
.productView-options::after {
    clear:both
}


.button, button, input[type="submit"], input[type="reset"], input[type="button"]{ font-size: 14px; font-weight: normal;}

.product-info-rt-box button.button{ border-radius: 5px; line-height: 20px;
    padding: 13px 0; margin: 0; width: calc(100% - 130px)}
.product-info-rt-box .variations_button{ padding: 10px 0;}
.product-info-rt-box .quantity{ margin-bottom: 0; margin-right: 20px;}
.product-info button.button{ font-size: 14px; text-transform: uppercase;}
.product-info button.button.wpcbn-btn{ margin: 12px 0 0 0; width: 100%; background: #000 !important; display: block;}
#product-sidebar .product_list_widget a{ line-height: 16px;}
#product-sidebar .product_list_widget .product-title{ font-size: 14px; line-height: 16px;}
#product-sidebar .product_list_widget span.amount, .widget_recently_viewed_products .product_list_widget span.amount{font-size: 14px; color: #ac7610; font-weight: normal;}
#product-sidebar .product_list_widget del span.amount, .widget_recently_viewed_products .product_list_widget del span.amount{ font-size: 13px; color: #222;}
#product-sidebar .product_list_widget ins span.amount, .widget_recently_viewed_products .product_list_widget ins span.amount{ font-size: 14px; color: #ac7610; font-weight: normal;}
#product-sidebar .product_list_widget .star-rating{ display: none;}

.widget_recently_viewed_products .product_list_widget a{ font-size: 13px; line-height: 16px;}


.nav-line-bottom > li > a::before, .nav-line-grow > li > a::before, .nav-line > li > a::before{ height: 2px;}


.header-vertical-menu .header-vertical-menu__opener{ cursor: pointer; border-radius: 6px; color: #000; padding-left: 10px;}
.header-vertical-menu .header-vertical-menu__opener .icon-menu{ margin-right: 6px;}
.header-vertical-menu .header-vertical-menu__opener:hover{ background: #ac7610 !important; color: #fff;}
.header-vertical-menu__title{ font-size: 16px; font-weight: normal;}
.header-vertical-menu .header-vertical-menu__fly-out{ width: 238px; border: #e1e1e1 solid 1px; border-radius: 6px;}
#menu-vertical-menu li a{ font-size: 15px;}
#menu-vertical-menu li a:hover{ background: #ac7610; color: #fff;}
#menu-vertical-menu ul.sub-menu li a{ font-size: 14px;}
#menu-vertical-menu ul.sub-menu li a:hover{ background: #fff; color: #ac7610;}
#menu-vertical-menu ul.sub-menu{ border-radius: 6px;}


.why-trust-us-box{ padding-top: 20px;}
.why-trust-us-1 .fill, .why-trust-us-2 .fill, .why-trust-us-3 .fill, .why-trust-us-box .banner, .home-factory-box .banner, .home-factory-box .fill{ border-radius: 10px;}
.why-trust-us-1 .text-box-content{ color: #3e3e3e; line-height: 28px; }
.why-trust-us-1 .text-box-content ul{font-size: 16px !important;}
.why-trust-us-1 h2, .why-trust-us-2 h2{ font-size: 36px; line-height: 42px; color: #fff; font-weight: 600; margin: 0; padding-bottom: 20px;}
.why-trust-us-2 h2{ font-size: 26px; line-height: 30px; padding: 10px 0 12px 0;}
.why-trust-us-1 a.button{ border-radius: 6px; background: #ac7610 !important; font-size: 16px;}
.why-trust-us-2 .text-box{ width: 86% !important; top: 20px !important; transform: translate(-50%, 0) !important;}
.why-trust-us-2 p{font-size: 16px; line-height: 22px; padding: 0 0 20px 0; color: #fff; margin: 0;}
.why-trust-us-2 a.button{border-radius: 6px; background: #000 !important; margin: 0; color: #fff; font-size: 16px; padding: 7px 22px;}
.why-trust-us-2 a.button span{ color: #fff !important;}
.why-trust-us-3 p{ font-size: 22px; line-height: 26px; font-weight: 600; color: #000; margin: 0; padding: 0 0 16px 0;}
.why-trust-us-btn a{ font-size: 15px; color: #000; line-height: 18px;}
.why-trust-us-btn a:hover{ color: #ac7610;}
.home-factory-box .col{ padding-bottom: 20px;}
.home-factory-box .text-box-content h2{font-size: 28px; color: #fff; line-height: 32px; font-weight: 600; margin: 0; padding: 0 0 10px 0;}
.home-factory-box .text-box-content p{font-size: 16px; line-height: 22px; padding: 0 0 20px 0; color: #fff; margin: 0;}
.factory-btn a{ display: inline-block; background: #ac7610; border-radius: 6px; padding: 9px 20px; line-height: 24px; font-size: 16px; color: #fff; border: #ac7610 solid 1px;}
.factory-btn a:hover{ background: #ac7610; border-color: #ac7610; color: #fff;}
.home-factorycol-1{ padding-right: 10px;}
.home-factorycol-2{ padding-left: 10px;}
.home-factory-box-2{ padding-top: 20px;}

.factory-cate-box ul, .factory-cate-box-2 ul{ margin: 0 -20px 0 0; padding: 0; list-style: none;}
.factory-cate-box li, .factory-cate-box-2 li{ float: left; box-sizing: border-box; padding: 0 20px 0 0; margin: 0; width: 12.5%;}
.factory-cate-box-2 li{ width: 16.6667%;}
.factory-cate-box li a, .factory-cate-box-2 li a{ display: block; text-align: center;}
.factory-cate-img img, .factory-cate-box-2 img{ border-radius: 6px;}
.factory-cate-box p, .factory-cate-box-2 p{ padding: 6px 0 0 0; line-height: 20px; margin: 0; font-size: 14px; color: #000;}
.factory-cate-box li a:hover p, .factory-cate-box-2 li a:hover p{ color: #ac7610;}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.feature-item {
    flex: 1 1 180px;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    background-color: #fff;
    transition: transform 0.2s;
}

.feature-item:hover {
    transform: translateY(-3px);
}

.feature-item img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.feature-item span {
    font-size: 15px;
    line-height: 22px;
    color: #111;
}



.col.hot-brand-box-rt{ padding-left: 0; padding-bottom: 0;}
.hot-brand-box-left.col{ border: #e1e1e1 solid 1px;}
.hot-brand-box-rt > .col-inner{ border: #e1e1e1 solid 1px; border-left: none;}

.hot-brand-box.hot-pd-20{ padding-top: 20px;}

main#main{ min-height: 480px;}
.menu li{ border: none !important;}
.product-info.product-info-rt-box{ padding-top: 0;}
.product-info-rt-box .is-divider { display: none;}


.info-people-display{ padding: 20px 0 0 0;}
.info-people-display ul{ margin: 0; padding: 0; list-style: none;}
.info-people-display ul li{ line-height: 18px; font-size: 14px; font-weight: normal; text-transform: capitalize; color: #222; margin: 0; padding: 0 0 10px 26px;}
.info-people-display ul li span{ font-weight: bold;}
.info-people-display ul li p{ padding: 0; margin: 0;}
.info-people-display ul li.buy-ico span{ color: #ac7610;}
.info-people-display li.only-ico{  background: url("./image/only-ico.png") no-repeat 0 2px;}
.info-people-display li.people-ico{  background: url("./image/people-ico.png") no-repeat 0 2px;}
.info-people-display li.people-2-ico{  background: url("./image/people-ico2.png") no-repeat 0 0;}
.info-people-display li.buy-ico{  background: url("./image/buy-ico.png") no-repeat 0 2px;}


.hot-brand-box .box-text p.product-title a{ font-size: 14px;}
.breadcrumbs{ font-size: 14px;}
.page-title-inner{ min-height: auto;}
.page-title-inner .woocommerce-ordering, .woocommerce-ordering select {
    margin: 0;
}

#wide-nav .label-text, .sidebar-menu .label-text {
    position: relative;
    top: -.2em;
    margin-left: 5px;
    color: #fff;
    -webkit-text-fill-color: currentColor;
    font-size: .57em;
    line-height: .9em;
    padding: 3px 3px 3px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 2px;
    background-color: #a4004f;
}

.product-info-rt-box .product_meta{ margin: 0; font-size: 14px;}
.product-info-rt-box  .product_meta > span{ padding: 10px 0 0 0 ;}
.product-info-rt-box  .product_meta a{ padding-left: 4px;}
.product-info-rt-box p.stock{ display: none;}
.product-info.product-info-rt-box .price{ margin: 0; padding: 10px 0 20px 0;}

/*#shop-sidebar .product-categories > li.cat-item{ display: none;}
#shop-sidebar .product-categories > li.active{ display: block;}*/
#shop-sidebar .product-categories > li.cat-item ul{ margin: 0; padding: 0 0 0 10px;}
#shop-sidebar .product-categories > li.cat-item ul a{line-height: 26px;}
@media (max-width: 600px) {
    .features {
        flex-direction: column;
    }
    .feature-item {
        width: 100%;
    }
}





@media screen and (max-width: 849px){

    .page-title-inner{ padding-top: 10px;}
    .woocommerce-breadcrumb{ text-transform: capitalize; font-size: 14px; font-weight: normal;}
    .mu-product-info-box > .product-main{ padding-top: 0 !important; padding-bottom: 0;}

    .box-text p.product-title a{ font-size: 14px;}
    .product-small .box-text .price-wrapper del span.amount{ font-size: 13px;}

#header #wide-nav{ display: none;}
    .header-main{
        height: 60px !important; }



    .header-wrapper.stuck #masthead{ height: 60px !important;}
    #masthead{ background: #fff; border-bottom: #efefef solid 1px;}

    .header-inner #logo img{ height: 36px !important; max-height: 36px !important; width: auto!important;}
   .cart-item.has-icon [data-icon-label]:after{ background: #00796b;}
}



@media screen and (min-width: 850px){

    #header .stuck{ position: static !important;}

    .header-vertical-menu .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item{ position: relative !important;}

   #wide-nav ul.header-nav > li#menu-item-12103 ul.sub-menu li.menu-item{ width: 16.6667%; float: left; box-sizing: border-box;}
    #wide-nav ul.header-nav #menu-item-12103 .nav-dropdown{ padding: 15px 20px;}



    #masthead.header-main{ height: auto !important;}
    .hot-brand-box .box-text p.product-title{}

    .home-bottom-pd{ padding-top: 40px !important;}
    .hot-brand-box-left.col{  padding: 0; margin-left: 15px;}
    .hot-brand-box-left{ max-width: calc(22% - 15px);
        -ms-flex-preferred-size: calc(22% - 15px);
        flex-basis: calc(22% - 15px);}
    .hot-brand-box-rt{ max-width: 78%;
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;}
    .hot-brand-box-rt > .col-inner > .row{ margin-left: 0; margin-right: 0;}
    .hot-brand-box-rt .product-small.col{max-width: 16.6667%;
        -ms-flex-preferred-size: 16.6667%;
        flex-basis: 16.6667%; padding: 10px 10px 16px 10px; border-right: #e1e1e1 solid 1px;}
    .hot-brand-box-rt > .col-inner{ border-right: none;}


    .why-trust-us-1{ width: 46%;}
    .why-trust-us-2{width: 22%;}
    .why-trust-us-3{max-width: 32%;
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;}

    .category-page-row .col.large-3 {
        max-width: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
    .category-page-row .col.large-9 {
        max-width: 80%;
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }

    .stuck #masthead.header-main{ display: none;}


    .why-choose-box ul li{ float: left; width: 25%; box-sizing: border-box; text-align: center;}

    .gap-pd30{ padding-top:30px !important; }
    .mupd20{ padding-bottom: 30px;}
    .what-fire-box{ padding-top: 30px;}
    .home-logo-box{ padding-bottom: 10px;}
    .home-logo-box .col{ padding-bottom: 20px;}


    .footer.footer-2{ padding-top: 40px;}

    .notice-tip{ font-size: 16px;}
    .copyright-footer{padding: 7.5px 0; line-height: 34px;}
    .collection-list-box{ padding-bottom: 40px;}
    .collection-list-box .col {
        max-width: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    }

}


@media screen and (max-width: 549px){

    .wt-related-products h2.wt-crp-heading{ font-size: 22px; padding-bottom: 10px;}
   .mu-product-info-box .small-nav-collapse>li{margin: 0 20px 0 0!important; width: auto;}

    .product-info-rt-box summary{ padding-top: 16px;}
    .product-info.product-info-rt-box{ padding-top: 16px;}

    .hot-brand-box{ padding-left: 10px; padding-right: 10px;}
    .factory-cate-box ul, .factory-cate-box-2 ul{ margin-right: -10px;}
    .factory-cate-box li, .factory-cate-box-2 li{ padding: 10px 10px 0 0; width: 50%;}
    .home-factory-box .col{ padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
    .h2-title{ padding-bottom: 10px;}

    .why-trust-us-box.row-small>.col { padding-bottom: 10px;}
    .why-trust-us-box{ padding-top: 10px;}
    .container.features-col-box{padding-left: 10px;
        padding-right: 10px;}
    .features{ gap: 10px;}
    .feature-item{flex: 1 1 20px;}
    .product-info h1.product-title{ font-size: 22px; font-weight: normal; line-height: 28px;}

    .h2-title .page-heading{ font-size: 22px;}
    .collection-list-box .col{ max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; padding-bottom: 20px;}
    .notice-tip{ text-align: center;}

    .header-wrapper.stuck #logo img{ max-height: 50px !important;}
}

@media (min-width:550px) and (max-width:848px){
    .wt-related-products h2.wt-crp-heading{ font-size: 22px;}
    .footer-2 ul.menu{ padding:10px  20px !important;}
    .hot-brand-box-left{ max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;}
    .hot-brand-box-rt{ max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;}


    .hot-brand-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-factory-box .col{ padding-bottom: 0;}
    .factory-cate-box li, .factory-cate-box-2 li{ width: 25%; padding-top: 20px;}
    .factory-cate-box-2 li{ width: 33.3334%;}
    .h2-title{ padding-top: 30px;}

   .why-trust-us-box.row-small>.col{ padding-right: 15px; padding-left: 15px;}
    .why-trust-us-2 {
        width: 40%; padding-right: 0 !important;
    }
    .why-trust-us-3 {
        max-width: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }

    .product-info h1.product-title{ font-size: 22px;}
    .h2-title .page-heading{ font-size: 22px;}
    .collection-list-box .col{ padding-bottom: 20px;}
    .tnp-subscription{ max-width:100%;}
}

@media screen and (max-width: 849px){
    #main-menu .toggle i{ font-size: 18px;}
    .off-canvas #main-menu  .nav-vertical li li>a{ padding-top: 0; padding-bottom: 0; font-size: 14px; font-weight: normal;}
    #main-menu .nav.nav-vertical ul li{ border: none;}
   #main-menu .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover{ background: #fff;}
   #main-menu .nav:not(.nav-slide) .active>.children{ padding: 0; }
  .off-canvas .nav-vertical>li>a{ font-size: 15px; font-weight: normal;  text-transform: capitalize;   padding-left: 16px !important;}
   .sidebar-menu .sidebar-menu-tabs.nav>li>a{background: #fff;}
    .sidebar-menu .sidebar-menu-tabs{ background: #fff; border-bottom: #efefef solid 1px;}
    .off-canvas .sidebar-menu{ padding-top: 0;}
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content{width: 280px; background-color:#fff;}

    .home-bottom-pd{ padding-top: 20px !important;}

    .col.hot-brand-box-rt{ padding-right: 0;}
    .hot-brand-box-rt .row.row-small{ margin: 0;}
    .hot-brand-box-rt .product-small.col{ padding: 10px 10px 16px 10px; border-bottom: #e1e1e1 solid 1px; border-right: #e1e1e1 solid 1px; }
    .hot-brand-box-rt > .col-inner{ border: none; border-left: #e1e1e1 solid 1px; }
    .hot-brand-box-left .img .img-inner{ text-align: center;}
    .hot-brand-box-left img{ max-height: 200px; width: auto; margin:0 auto;}
    .hot-brand-box-left.col{ padding: 10px; border-radius: 6px 6px 0 0;}


    .why-trust-us-1 a.button, .why-trust-us-2 a.button, .factory-btn a{ font-size: 14px;}
    .why-trust-us-1 .text-box-content ul {
        font-size: 14px !important; line-height: 22px;
    }
    .why-trust-us-1 h2, .why-trust-us-2 h2, .home-factory-box .text-box-content h2{ font-size: 22px; line-height: 26px;}

   #masthead .nav > li{ margin: 0 10px;}
    #block_widget-2.widget, #block_widget-3.widget{ margin: 0; padding: 0;}
    #block_widget-2 .widget-title, #block_widget-3 .widget-title{ border: none; background: none;}
    #block_widget-2 p{ padding: 0 10px 10px 10px;}
    .foot-contact-us{ padding: 0 10px 15px 10px;}
    .footer.footer-2{ border-top: #333 solid 1px; padding: 0;}
    .foot-subscription{ padding: 0 10px 10px 10px; margin: 0;}
    .footer-2 .widget-title{cursor:pointer;font-weight:bold;font-size:14px !important;color:#333;line-height:46px !important; background:url(./image/des.png) no-repeat 99% 6px; padding: 0 10px!important; text-transform:uppercase; border-bottom: #333 solid 1px;}
    .footer-2 .mu-active .widget-title{ background-position: 99% -24px;}
    .footer-2 ul.menu{ display: none; padding: 6px 10px; border-bottom: #333 solid 1px;}
    .footer-2 .mu-active ul.menu{ display: block;}
    .footer-2 .widget_nav_menu{ margin:0; padding: 0;}




    #wide-nav.hide-for-medium .hide-for-medium{ display: block !important;}


    .header-main .mobile-nav.nav > li > a{ padding: 10px 0;}
    .nav.nav-vertical ul li{ border-bottom: 1px solid #ddd;     line-height: 36px;}
   #header .nav > li.has-icon > a > i.icon-menu{ font-size: 24px;}
}

@media (min-width:768px) and (max-width:849px){
    .foot-subscription{ padding-left: 20px; padding-right: 20px;}
    .foot-contact-us{ padding-left: 20px;}
    #block_widget-2 p{ padding-left: 20px;}
    .footer-2 .widget-title{ padding-left: 20px !important;}
    /* .footer.footer-2 .col{ width: 50%;}*/

}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media screen and (min-width: 1200px) {
    .header-search-form div.searchform-wrapper{ width: 380px;}
    .h2-title.mo-pd-no{ padding-top: 20px;}
    .h2-title{ padding-top: 40px;}
    .product-small  .box-image{ min-height: 218px;}
    .hot-brand-box-rt .product-small  .box-image{ min-height: 132px;}
}
@media screen and (min-width: 1440px) {
    .mu-product-info-box .wt-related-products .product-small.col {max-width: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;}
    .mu-product-info-box .wt-related-products .product-small.col:nth-child(11), .mu-product-info-box .wt-related-products .product-small.col:nth-child(12){ display: none;}
    .header-search-form div.searchform-wrapper{ width: 480px;}
    .product-small  .box-image{ min-height: 266px;}
    .hot-brand-box-rt .product-small  .box-image{ min-height: 164px;}
}