@media screen and (max-width:1130px) {
.conteiner{ max-width:980px;}

section.charcoal-detail .charcoal-content .barcode-main .barcode{max-width: 220px;}
}

@media screen and (max-width:981px) {
.conteiner{ max-width:740px;}

/*Menu*/	 
.active { display:block; }
header .delivery-link{ margin-left:0;}
.nav{ width:100%; position:absolute; left:0; top:101px; background:rgba(0,0,0,1); z-index:9;}
.nav > li { width:100%; float:left; border-bottom:1px solid #e3e3e3; padding:0px; text-align:left;}
.nav > li a { border-bottom:0px solid #e3e3e3; padding:0 20px; color:#ffffff; line-height:36px; font-weight:normal; transition:none; }
.nav li:last-child{ width: auto; margin:10px 0px 10px 20px;}
.nav > li a:hover { border:none; border-bottom:0px solid #e3e3e3; color:#76a934;}
.nav li:hover > a { border-bottom:0px solid #e3e3e3; color:#eb7523;}
.nav li a::after{ display:none;}
.nav li:hover a::after, .nav li.active a::after {  display:none;}
.nav > li > .parent { background:none; }
.nav li li .parent { background:none; }
.nav li span.arrow { display:inherit; width:40px; height:36px; position:absolute; right:0px; top:0px; background-color:#FFFFFF; background-image: url("../images/downArrow2.png"); background-repeat: no-repeat; background-position: center center; cursor:pointer; border:none; z-index:9999;}
.nav li span.arrow:hover { border:0px;}
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position:static; margin-left:0;}
.nav li.hover span { transform:rotate(180deg); }
.nav li ul { width:100%; background:none; margin-left:0; text-align:left;}
.nav li ul li { padding:0px; border:none;}
.nav li li a{color:#ffffff;}
.nav li ul li a {color:#ffffff; padding:0 15px 0 30px; line-height:32px; }
.nav li ul li a:hover {color:#eb7523;}
.nav li li:last-child a{text-shadow: none; color: #fff; margin: 0; padding: 0 15px 0 10px;}


section.welcome-home .welcome-content{ padding:0px 30px;}
section.home-product .product-content{ padding:100px 30px 100px 0px;}
section.contact-form{background-size: 100% 100%;}
section.contact-form .conteiner{ max-width:740px;}
section.contact-form .form-main .form-box{ padding:20px;}

.ft-contact{width:80%; float:left; padding-left: 30px;}
footer .quick-contact{width:60%;}
footer .quick-contact .box{width:100%;}
footer .social-media{width:40%;}


section.charcoal-detail .charcoal-content .barcode-main .barcode{max-width:320px; margin:20px 0px 0px 0px; text-align: left;}
.for-40mm{ float:left !important;}
section.charcoal-detail .charcoal-content{padding: 20px;}
.padtb_70{padding-bottom: 20px !important;}

section.hootah-tips .align-left, section.hootah-tips .align-right{max-width:350px;}

section.charcoal-detail .charcoal-quality .box{padding:0px 10px;}
section.charcoal-detail .charcoal-quality .box .icon img{width: 100px;}
section.charcoal-detail .charcoal-quality .box .title{font-size: 15px;}

.contact-form{width:100%;}
.contact-detial{width:100%; margin:40px 0px 0px 0px;}

.woocommerce .woocommerce-billing-fields__field-wrapper{ margin-bottom:20px;}
.woocommerce .shop_table .coupon{ width:100%; margin-bottom:10px;}
.woocommerce .shop_table .coupon .button{ width:100% !important;}
}

@media screen and (max-width:767px) {
.conteiner{ max-width:580px;}

section.contact-form .form-main .wpcf7-form-control-wrap{max-width: 230px;}
section.contact-form .form-main .wpcf7-form-control-wrap.your-message{width: 500px;}

section.inner-banner .banner-content h1{font-size:28px; letter-spacing:0px}
section.charcoal-detail .charcoal-img{width: 100%;}
section.charcoal-detail .charcoal-content{width: 100%;}
.for-40mm{ float:right !important;}

section.charcoal-detail .charcoal-quality .box{ padding-bottom:20px; text-align: center;}

.product-main ul.products li.product .woocommerce-loop-product__title{ font-size:20px;}

.product-main header{ padding:30px 0px 10px 0px;}
.woocommerce .shop_table.woocommerce-checkout-review-order-table{ width:100%; margin-bottom:20px;}
.woocommerce .woocommerce-checkout-payment{ width:100%;}
}

@media screen and (max-width:599px) {
.conteiner{ max-width:460px;}

section.hero-banner .banner-content h1{font-size: 30px; letter-spacing: 1px;}
section.hero-banner .banner-content h4{font-size: 18px; letter-spacing: 0px;}
section.hero-banner .banner-content a{margin: 10px 0px 0px 0px;}
section.welcome-home{padding:50px 0px;}
section.welcome-home .welcome-img{ width:100%;}
section.welcome-home .welcome-content{ width:100%; padding:20px;}

section.services ul li{margin: 10px 0px;}

section.home-product .product-content{width: 100%; padding: 20px 0px 270px 0px;}
section.home-product .product-thumb{width:100%; height: 250px; top:auto; bottom: 0;}

section.contact-form .form-main .wpcf7-form-control-wrap{max-width:100%;}
section.contact-form .form-main .wpcf7-form-control-wrap.your-message{width:100%;}
footer{padding: 40px 0px 0px 0px;}
footer .ft-menu{width:100%; margin-bottom:20px;}
.ft-contact{width:100%; padding-left:0px; margin-bottom:20px;}
footer .quick-contact, footer .social-media{width:100%;}
footer .copyright{margin-top: 30px; line-height: 20px; padding:30px 0px;}

section.inner-banner .banner-content h1{font-size:22px; font-weight: 600;}
section.charcoal-detail .charcoal-content{padding: 20px 20px;}
section.redruby-charcoal .charcoal-img img{ max-width:100%;}

section.hootah-tips .align-left, section.hootah-tips .align-right{max-width:250px;}
.contact-pages{padding:40px 0px;}

.product-main ul.products li.product{width:100% !important; margin: 0px 0% 30px 0% !important;}
.product-main ul.products li.product .woocommerce-loop-product__title, .product-main ul.products li.product .price{ margin-bottom:0;}
.product-main div.product div.summary .product_title{font-size: 25px !important;}
.product-main div.product div.summary .price{ margin:0px !important;}
}

@media screen and (max-width:479px) {
.conteiner{ max-width:350px;}
h2{font-size: 22px; letter-spacing:0px;}
section.hero-banner .banner-content h1{font-size:25px; letter-spacing:0px;}
section.hero-banner .banner-content h4{font-size: 14px; letter-spacing: 0px;}
section.hero-banner .banner-content a{line-height: 40px; letter-spacing: 0px; padding: 0px 25px;}

section.services ul li .box{height: 140px; padding:10px 0px 10px 110px;}
section.services ul li .box .icon, section.services ul li .box .icon span{height: 138px;}
section.services ul li .box h6{ letter-spacing:0; font-size: 14px;}
section.services ul li .box p{font-size: 12px;}

section.inner-banner .banner-content h1{font-size:18px; font-weight: 600;}
section.charcoal-detail .charcoal-content{padding: 20px 20px;}
section.redruby-charcoal .charcoal-img img{ max-width:100%;}
section.inner-banner .banner-content .breadcrum::before{ display:none;}
section.inner-banner .banner-content .breadcrum{margin: 0px 0px 0px 0px;}

.for-40mm{ float:left !important;}
section.redruby-charcoal{padding:30px 0px;}
section.contact-form{padding:30px 0px;}

footer .ft-menu a{ float:left;}

section.charcoal-product2 .align-right, section.charcoal-product2 .align-left{max-width:100%;}
section.hootah-tips .align-left, section.hootah-tips .align-right{max-width:100%;}

.contact-form{padding: 20px;}
.contact-form ul li{width:100%;}
.contact-form ul li:nth-child(2n){width:100%;}
.contact-detial{padding: 20px;}

.product-main div.product div.summary .product_title{font-size:20px !important;}
.product-main header h1{ font-size:26px;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{ width:100% !important; margin-top:0;}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first{ margin-top:20px;}
.woocommerce .shop_table .coupon .input-text{ width:100% !important; margin-bottom:10px;}
.woocommerce .shop_table .coupon .button{ max-width:100%;}
}