/*
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: #fff;  font-size: 13px;}
.header-nav .header-search .nav-dropdown{min-width: 360px;}
.header-nav .searchform .button.icon i{ font-size: 14px;}
.header-nav .searchform .button.icon { padding: 0; width: 39px; height: 39px;}
.nav-dropdown-has-border .nav-dropdown{border: 1px solid #ddd;}

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




.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; font-size: 14px; line-height: 20px;}
.box-text p.product-title a:hover{ color: #666;}


.header-main .nav > li > a{ font-size: 15px; font-weight: bold;}

.nav-dark .nav > li > a{ color: #333;}
.nav-dark .nav > li > a:hover{ color: #eb8f73;}
.nav > li.has-icon > a > i{ font-size: 20px;}

.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, #wide-nav .nav > li > a:hover, .header-nav.nav > li > a:hover{ color: #999;}
.nav > li{ margin: 0 10px;}
.button, button, input[type="submit"], input[type="reset"], input[type="button"]{ font-size: 13px; line-height: 20px; padding: 9px 22px; background: #000;}

#wide-nav .nav > li > a, .header-nav.nav > li > a{ color: #fff;}

#wide-nav .nav > li > a{ padding: 0; font-size: 15px; text-transform: capitalize;}
#wide-nav .nav > li.active > a{ color: #fff;}
#wide-nav .nav ul.sub-menu  li{ line-height: 36px;}
#wide-nav .nav ul.sub-menu  li  a{ color: #222; font-size: 13px;}
#wide-nav .nav ul.sub-menu  li  a:hover{ color: #1197d6;}

#masthead .header-search-form{ }
#masthead .header-nav.nav-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#masthead .header-search-form-wrapper .search-field{box-shadow:none; height: 44px; font-size: 13px; border: none !important; color: #333; border-radius: 3px 0 0 3px;}
#masthead .header-search-form-wrapper button.button{ border: none !important; width: 44px; height: 44px; background: #fff !important; color: #333; border-radius: 0 3px 3px 0;}
#masthead .header-search-form-wrapper button.button:hover{ background: #cb2026 !important; color: #fff;}


.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: 14px; border: none; font-weight: normal; line-height: 30px; padding: 0; }
.nav-dropdown > li > a:hover{ color: #0084d6;}
.top-divider{border-top:none;}
.header-wrapper.stuck  #logo img{ max-height: 60px !important;}
#masthead{ background:#232323;}






.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:8px 0 0 0; line-height: 20px; font-size: 14px;}
.footer-2 ul li{ line-height: 32px;}
.footer-2 a{ color: #ccc !important; font-size: 14px; padding: 0 !important; margin: 0;}
.footer-2 a:hover{ color: #1197d6 !important;}
.footer-2 .widget-title{color: #fff !important; display: block; text-transform: capitalize; letter-spacing: 0; padding-bottom: 10px; font-size: 16px; line-height: 18px;}
.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;}


.tnp-subscription.foot-subscription{ float: right; margin: 0; padding: 0; max-width: 400px;}
.foot-subscription form{ margin: 0; padding: 0;}
.foot-subscription .tnp-field-email{ float: left; width: calc(100% - 100px); margin: 0 !important;}
.foot-subscription .tnp-field-button{float: left; width: 100px; margin: 0 !important;}
.foot-subscription .tnp-field-button input{
    width: 100px; line-height: 46px; border-radius: 0 23px 23px 0; font-weight: normal; font-size: 13px; background: #cb2026 !important;
    height: 46px; padding: 0; margin: 0;}
.foot-subscription .tnp-field-email input{ border-radius: 23px 0 0 23px; 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;}
.product.col  .badge { width: 42px; height: 42px;}
.badge-inner.on-sale{ background: #d26e4b;}
.badge-inner{ font-size: 12px; font-weight: normal;}
.quantity .button.minus, .quantity .button.plus{ width: 24px; padding-top: 0 !important; padding-bottom: 0 !important;}

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

button.toggle{ background:none;}


.product-main{ padding-top: 20px; padding-bottom: 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: center;}
.product-small .badge-container{ margin: 0; left: 15px; top: 10px;}
.product-small .price-wrapper{ padding-top:0; line-height: 22px; }
.product-small .price-wrapper del span.amount{ font-size: 13px; font-weight:normal;}
.product-small .price-wrapper ins span.amount{ font-size: 15px; font-weight:bold; color: #222;}
.product-small span.amount{font-size: 15px; font-weight:bold; color: #222;}


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


.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:hover{ background: #de3d3c;}

span.widget-title{ font-size: 16px; letter-spacing: 0.5px; color: #000;}
#menu-support li,#menu-quick-links li{ border: none !important; text-transform: capitalize;}
#footer .absolute-footer{  padding: 5px 0;}
.product-info form.cart{ margin: 0;}
.product-categories li a{ line-height: 30px; color: #222;}
.product-categories li a:hover{ color: #0084d6;}
h1.product-title{ color: #000;}

.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; text-transform: capitalize;}
.wc-tabs-wrapper .nav-line > li > a::before { background-color: #000;}
.has-border{ border: 2px solid #fff;}

.wt-related-products h2.wt-crp-heading{ text-align: left; margin-bottom: 20px;
    line-height: 26px;
    padding-bottom: 10px;
    background: url("./image/line-bg.png") no-repeat bottom left;
    font-size: 24px;
    letter-spacing: 0.5px;
    font-weight: bold;
    color: #000;
    text-transform: capitalize;}

.h2-title{ text-align: center; line-height: 26px; padding-bottom: 10px; background: url("./image/line-bg.png") no-repeat bottom center; font-size: 24px; letter-spacing: 0.5px; font-weight: bold; color: #000; text-transform: capitalize;}
.what-fire-box{ padding-top: 20px;}
.text-inner-boxs-mu{ width: 100%!important;}
.text-inner-boxs-mu h3{ text-shadow:3px 3px 3px #333; margin: 0; font-size: 26px; line-height: 32px; color: #fff; font-weight: bold;  padding:0 0 10px 0;}
.text-inner-boxs-mu p{ text-shadow:3px 3px 3px #333; font-size: 16px; font-weight: normal; margin: 0; padding-bottom: 20px;}
.what-fire-box .fill{}



.ico-t span{ display: block; margin: 0 auto; width: 72px; height: 72px; line-height: 40px; text-align: center; padding: 16px; background: #ff3030; border-radius: 40px; }
.ico-t span i.fa{ font-size: 36px; line-height: 40px; color: #fff;}

label, legend{ font-weight: normal;}
.whyimg-box{ text-align: center;}
.whyimg-box img{ width: auto!important; height: auto !important;}




.row-small > .flickity-viewport > .flickity-slider > .col, .row-small > .col {
    padding: 0 10px 20px;
    margin-bottom: 0;
}

.col.home-product-col{ padding-bottom: 0;}

.home-about-box .col { padding-bottom: 0;}
.block_title{ font-size: 22px; font-weight: bold; line-height: 26px; padding: 0 0 10px 0; color: #000;}
.block_detail{ font-size: 14px; line-height: 24px; color: #000;}

.cart-item [data-icon-label]::after{background-color:#1197d6;}


.Wh-Choose-Us{ padding-top: 20px;}
.Wh-Choose-Us .col{ padding-bottom: 0;}
.Wh-Choose-Us ul{ margin: 0 -20px 0 0; padding: 0;}
.Wh-Choose-Us ul li{ width: 25%; float: left; box-sizing: border-box; padding: 0 20px 0 0; margin: 0; list-style: none; text-align: center;}
.Wh-Choose-Us h2{ color: #000; font-size: 22px; font-weight: bold; text-transform: capitalize; line-height: 26px; margin: 0; padding: 0 0 20px 0; text-align: center;}
.service-icon { width: 66px; height: 66px; margin: 0 auto; border-radius: 50%; border: 1px solid #e6e6e6;}
.choose-ioc-1{ background: url("./image/choose-ioc-1.png") no-repeat center center;}
.choose-ioc-2{ background: url("./image/choose-ioc-2.png") no-repeat center center;}
.choose-ioc-3{ background: url("./image/choose-ioc-3.png") no-repeat center center;}
.choose-ioc-4{ background: url("./image/choose-ioc-4.png") no-repeat center center;}
.Wh-Choose-Us h4{ padding: 20px 0 10px 0; margin: 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000;}
.Wh-Choose-Us p{ padding: 0; margin: 0; line-height: 20px; font-size: 13px; color: #999;}



.footer.footer-1{ padding: 30px 0 0 0;}
#block_widget-7{ text-align: center; margin-bottom: 0; padding-bottom: 20px !important; }
.Join-title{ font-size: 24px; line-height: 28px; padding: 0 0 16px 0; margin: 0; font-weight: bold; color: #fff;}
.Join-ico a{ border-color: #cb2026 !important; background: #cb2026 !important;}
.Join-ico a i{ color: #fff !important; line-height: 46px;}
.Join-ico .button.icon{ width: 46px; height: 46px;}

#block_widget-5{ margin-bottom: 0; padding-bottom: 0;}
.foot-subscription-main{ padding: 20px 0; border-top: #3b3b36 solid 1px;}
.foot-subscription-text{ float: left; line-height: 46px; font-size: 16px; color: #fff;}

.Popular-Searches br{ display: none;}
.Popular-Searches{ line-height: 30px;}
.Popular-Searches a{ display: inline-block; padding: 0 10px 0 0 !important; color: #ccc; font-size: 14px; text-decoration: underline;}
.woocommerce-result-count{ font-size: 14px;}
.woocommerce-ordering, .woocommerce-ordering select{ font-size: 13px;}

#tab-title-additional_information, .tab-panels #tab-additional_information{ display: none !important;}

.foot-email{ position:fixed; bottom:200px; right:20px; z-index:10000;}
.foot-email a{ display: block; padding-bottom: 10px;}
.foot-email img{ width:50px; height: auto;}


.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span{ font-size: 14px; font-weight: normal; color: #555;}


.quality-check-box .col { padding: 0; margin: 0;}
.home-more-btn{ padding: 16px 0 0 0; text-align: center;}
.home-more-btn a{ display: inline-block; padding: 10px 26px; border-radius: 3px; line-height: 20px; color: #fff; background: #333; text-transform: capitalize; font-size: 13px;}
.home-more-btn a:hover{ background: #555; color: #fff;}

#main{ min-height: 460px;}
.quality-check-list.row { margin-left: -3px !important; margin-right: -3px !important;}
.quality-check-list .col{ padding: 0 3px 6px 3px; margin: 0;}
.top-bar-nav li.account-item a{ color: #fff;}
#top-bar .custom  a.m-tracking-order{ color: #fff !important; font-size: 13px !important;}
.html_nav_position_text_top{ padding-right:12px;}
.home-p-box-1 .col { padding-bottom: 0;}
.home-p-box-1 .col .col-inner{ position: relative;}
.home-p-box-1 .col .col-inner .img{ margin: 0; padding: 0;}
.home-p-box-1 .col .col-inner a:hover img {opacity: 0.8;}
.home-p-box-1-text{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -18px; }
.home-p-box-1-text p{ margin: 0; padding: 0; font-size: 30px; font-weight: bold; color: #fff; text-transform: capitalize; text-align: center; line-height: 36px; display: block;}
.home-p-box-1.home-p-box-pd30{ padding-bottom: 20px;}
.woocommerce-variation-availability{ display: none;}


#payment label span{ display: block;}
.page-checkout .order_details .xpayment-logo{ display: none;}
.Offline-payment-box { padding: 20px 0 0 0;}
.Offline-payment-box h2{ font-size: 26px; font-weight: bold; line-height: 30px; padding: 0 0 20px 0; margin: 0;}
.Offline-payment-main{ border-radius: 5px; border: #ccc solid 1px; padding: 20px; }
.Offline-payment-main p{ margin: 0; padding: 0 0 10px 0;}
.col.m-successpage-col{ float: none; max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;}
.top-bar-nav .account-item  ul.nav-dropdown li a{ color: #333;}
.top-bar-nav .account-item  ul.nav-dropdown li a:hover{ color: #1197d6;}

.search-results h4.uppercase, .search-results .slider-nav-reveal{ display: none !important; }





#countdown {
    display: block;
    height: 30px;
    line-height:30px;
    overflow: hidden;
    text-align: center;
}

.tick-wrapper {


}
ul.tick-wrapper { margin: 0; padding: 0;}
.tick-wrapper li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;

    text-align: center;


}

.tick-wrapper li p {

    font-size:24px;color:#000;line-height:30px;font-weight:bold;
    display:inline;
}



.shipping-countdown-hours,.shipping-countdown-minutes,.shipping-countdown-seconds, .shipping-countdown-days{font-size:24px;color:#000;line-height:30px;font-weight:bold;}
.countdown-time{ padding-bottom: 20px;}
.countdown-time .col{ margin-bottom: 0; padding-bottom: 0;}
.deals-title .mupd20{ padding-bottom: 10px;}

#order_review .product-name {
    display: flex;
    align-items: center;
}
#order_review .product-name img {
    margin-right: 10px;
    float: left;
}
#order_review .product-quantity {
}

#order_review .woocommerce-form-coupon-toggle{ display: none;}
#order_review .coupon{ padding: 0 0 15px 0;}


.cart-container.page-checkout form.woocommerce-cart-form .product-name img{ display: none !important;}
.cart-container.page-checkout .cart-sidebar tr{ border: none !important;}
.cart-container.page-checkout .cart-sidebar tr th{ border: none; border-bottom: 1px solid #ececec;}



.youtube-slide{ margin: 0 -10px;}
.youtube-slide .col{ padding: 0 10px;}
.trigger-div {
    cursor: pointer;
    background-color: #fafafa;

}
.youtube-img{ position: relative;}
.youtube-play{ position: absolute; top: 50%; left: 50%; z-index: 10; margin-left: -25px; margin-top: -25px;}
.youtube-play i.fa { display: block; width: 50px; height: 50px; background: #fff; border-radius: 25px; color: #000; font-size: 20px; line-height: 50px; text-align: center;}
.youtube-time{ position: absolute; bottom: 5px; right: 5px; z-index: 10;}
.youtube-time{background: rgba(0,0,0,.7); border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;}
.youtube-name{ margin: 10px; font-size: 13px;
    font-weight: bold; line-height: 20px;
    height: 40px; overflow: hidden;
    color: #000;}
.youtube-box{ padding: 0 0 10px 0;}
.youtube-detail{ padding: 0 10px; color: #666; line-height: 20px; height: 60px; font-size: 13px; overflow: hidden;}
.youtube-detail-2{ margin: 10px 10px 0 10px; padding: 0; height: 20px; position: relative; text-align: center}
.youtube-detail-2 li{ padding: 0; display: inline-block; line-height: 20px; margin: 0 !important; color: #999; font-size: 13px;}
.youtube-detail-2 li i.fa{ font-size: 16px;}
.youtube-detail-2 li.y-eye{ position: absolute; top: 0; left: 0; z-index: 10;}
.youtube-detail-2 li.y-commenting{position: absolute; top: 0; right: 0; z-index: 10;}
.youtube-detail-2 li.y-thumbs-up{position: absolute; top: 0; left:50%; margin-left: -18px !important; z-index: 10;}

#ajaxContent {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    display: none;
}
.ajax-main{
    position: fixed;
    left: 0;

    top: 120px;
    margin: auto;
    width: 880px;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.content-div {

}
#closeBtn {
    position: absolute; top: -10px; right:-10px; z-index: 10; width: 26px; height: 26px; background: url("./image/trusted-ico03.png") no-repeat center center / auto 16px; border: none; padding: 0; margin: 0; text-indent: -9999px;
}
.ajax-main-box{ position: relative;}
/*.youtube-ajax-img{ float: left; width: 55%; box-sizing: border-box;}*/
.youtube-ajax-info{
    float: right; box-sizing: border-box; width: calc(45% - 20px); }
.gempage-video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0;
    padding-bottom: 56.27198%;
}
.gempage-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube-ajax-info h3{ font-size:14px; font-weight: bold; line-height: 20px; padding: 0 0 10px 0; margin: 0; color: #000;}
.youtebe-time2{ font-size: 13px; line-height: 20px; padding: 0 0 10px 0;}
.youtube-ajax-text{overflow: auto; font-size: 12px; line-height: 20px;
    height: 180px;}



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


    .ajax-main{ left: 15px; width: calc(100% - 30px); }

    .product-info .next-prev-thumbs{ display: none;}
    #top-bar{ border: none;}
  #main-menu  .nav>li>a{ font-size: 15px; font-weight: normal;}
    .off-canvas .sidebar-menu{ padding: 0;}
    .ux-search-box .search-field{ height: 46px; font-size: 13px;}
    .ux-search-box .button.icon{width: 46px;
        height: 46px;
        line-height: 46px;}

    .header_top_left{ line-height: 18px;  padding: 6px 0;}
    .header-main{
        height: 60px !important; }
    .h2-title{ font-size: 20px; line-height: 22px;}


    .header-wrapper.stuck #masthead{ height: 60px !important;}
    #masthead{ background: #000;}
    .mobile-nav   > li > a{ color: #fff;}
    .header-inner #logo img{ height: 36px !important; max-height: 36px !important; width: auto!important;}
   .cart-item.has-icon [data-icon-label]:after{ background: #0084d6;}
}

@media (min-width:768px) and (max-width:849px){
    .footer.footer-2 .col{ width: 50%;}

}

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

    .cart-container.page-checkout  .woocommerce.row-large.row-divided .large-7{max-width:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;}
    .cart-container.page-checkout  .woocommerce  .cart-collaterals.large-5{margin-top: -70px;  margin-left: 58.3333333333%; border: none;}


    .ajax-main{ left: 50%; margin-left: -440px;}


    #wide-nav .nav ul.sub-menu li a{ font-size: 14px;}
    #wide-nav ul.nav-dropdown-default{ width: 250px !important; min-width: 250px; display: block !important;}

    #wide-nav ul.nav-dropdown-default li.nav-dropdown-col{ position: relative; width: 218px; min-width: 218px;}
    #wide-nav ul.nav-dropdown-default li.nav-dropdown-col a{ font-weight: normal; text-transform: capitalize; background: url("./image/ico-nav-2.png") no-repeat  center right;}
    #wide-nav ul.nav-dropdown-default li.nav-dropdown-col ul.sub-menu{ background: #fff; position: absolute; top: 0; left: 218px; z-index: 10; box-shadow: 0 0 2px rgba(0,0,0,.1); display: none !important;}
    #wide-nav ul.nav-dropdown-default li.nav-dropdown-col:hover ul.sub-menu{ display: block !important;}
    #wide-nav ul.nav-dropdown-default li.nav-dropdown-col ul.sub-menu a{ font-size: 13px; background: none;}

    #wide-nav .nav-dropdown > li.nav-dropdown-col, #wide-nav .nav-dropdown > li.image-column{ display: block !important;}



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

.gap-pd-2{ padding-top: 10px !important;}
   .home-product-width .row.row-small{max-width:100%;}
    .home-product-main.row{ margin-left: 0 !important;
        margin-right:0 !important;}

   .stuck .cart-item.has-icon [data-icon-label]:after{ background: #0084d6;}
    .why-choose-box ul li{ float: left; width: 25%; box-sizing: border-box; text-align: center;}

    .gap-pd30{ padding-top:30px !important; }

    .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){
    #closeBtn{ right: -10px; top: -10px;}
.ajax-main{ padding: 10px;}
    .youtube-ajax-img, .youtube-ajax-info{ width: 100%; float: none;}
    .youtube-ajax-info{ padding: 10px 0 0 0;}
    .home-p-box-1 .col .col-inner{ margin-bottom: 15px;}
    .foot-email{ right: 10px;}
    .wt-related-products h2.wt-crp-heading{ font-size: 20px; line-height: 22px;}
    .Join-ico .button.icon{ margin-top: 10px !important;}
    .Join-title{ font-size: 22px; line-height: 24px; padding-bottom: 6px;}
    .foot-subscription-text{ line-height: 20px; padding-bottom: 10px; font-size: 15px; text-align: center;}
    .Wh-Choose-Us ul{ margin: 0;}
    .Wh-Choose-Us h4{ padding-top: 10px;}
    .Wh-Choose-Us ul li{ float: none; width: 100%; padding: 0 0 20px 0;}
    .home-about-box .block_title{ padding-top: 20px; margin: 0;}
    .gap-pd-20{ padding-top: 20px !important;}
    .collection-list-box .col{ max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; padding-bottom: 20px;}
    .notice-tip{ text-align: center;}
  .header-inner  #logo img {
        max-height: 60px;
    }
    .header-wrapper.stuck #logo img{ max-height: 50px !important;}
}

@media (min-width:550px) and (max-width:848px){
    .tnp-subscription.foot-subscription{ max-width: 300px;}
    .foot-subscription-text{ font-size: 13px;}
    .gap-pd-20{ padding-top: 20px !important;}
    .collection-list-box .col{ padding-bottom: 20px;}
    .tnp-subscription{ max-width:100%;}
}

@media screen and (max-width: 849px){
    .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 only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media screen and (min-width: 1260px){
    .home-p-box-1.home-p-box-pd30{ padding-top: 30px; padding-bottom: 40px;}
    .home-p-box-1{ padding-top: 20px;}
    .wt-related-products{ padding-bottom: 20px;}
    .product-main{ padding-bottom: 40px;}
    #block_widget-7{ padding-bottom: 30px !important;}
    .footer.footer-1{ padding: 50px 0 0 0;}
    .Wh-Choose-Us{ padding-top: 40px; padding-bottom: 20px;}
    .home-about-box{ padding-top: 20px;}
    .gap-pd-2{ padding-top: 20px !important;}
    .col.home-product-col{ padding-left: 30px; padding-right: 30px;}
   .home-product-width .large-columns-4 > .col{ max-width: 16.6667%;
       -ms-flex-preferred-size: 16.6667%;
       flex-basis: 16.6667%;}

    .gap-pd-20{ padding-top: 40px !important;}
    #masthead .header-search-form-wrapper{width: 480px;}
}