.img-width{width: 100%;}
.pd-topbtm-60{padding-top: 60px; padding-bottom: 60px;}
.pd-btm-60{padding-bottom: 60px;}
body, *{font-family: 'Rubik', sans-serif;}
a:hover{text-decoration: none;}
.mr-auto{margin: auto;}
/* Header Start */

header{background: #000;}
.logo{width: 268px; float: left; padding: 10px;}
.menu-trigger{display: none;}
.icon1{height: 2px; border-radius: 999px; background: rgba(255,255,255,0.7); margin-bottom: 3px; width: 20px; display: block;}
.icon2{height: 2px; border-radius: 999px; background: rgba(255,255,255,0.7); margin-bottom: 3px; width: 20px; display: block;}
.icon3{height: 2px; border-radius: 999px; background: rgba(255,255,255,0.7); margin-bottom: 3px; width: 20px; display: block;}


.menu-design{float: right; }
.menu-design ul{margin: 0; padding: 0; float: left;}
.menu-design ul li{position: relative; display: inline-block;}
.menu-design ul li a{font-size: 13px; color: #fff; font-size: 14px; text-transform: uppercase; display: inline-block; font-weight: 400; padding:41px 15px;}
.menu-design ul li a:hover{color: #aecb00; text-decoration: none;}

.menu-design ul li ul{width: 250px; box-shadow: rgba(0,0,0,0.2) 0 4px 5px; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; display: none; position: absolute; top: 100%; overflow: hidden; z-index: 9999; background: #fff;}
.menu-design ul li ul li{display: block;}
.menu-design ul li ul li a{padding: 10px; display: block; color: #000;}
.menu-design ul li ul li a:hover{background: #eee;}
.menu-design ul li:hover ul{display: block;}


.menu-design ul.social-icons{margin: 0; padding: 0; float: right;}
.menu-design ul.social-icons li{position: relative; display: inline-block;}
.menu-design ul.social-icons li a{font-size: 13px; color: #fff; font-size: 14px; text-transform: uppercase; display: inline-block; padding: 15px;}

.banner{height: 550px; position: relative; overflow: hidden;}
.banner video{width: 100%;display: block;}
.banner img{margin-top: -100px;}
.banner-txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: flex; align-items: center;}
.banner-txtInner{width: 50%; margin: auto; text-align: center;}
.banner-txtInner h3{color: #fff; font-size: 64px; font-weight: 800; margin: 0; margin-bottom: 20px; text-shadow: rgba(0,0,0,0.5) 1px 3px 2px;}
.banner-txtInner p{font-size: 21px; font-weight: 400; color: #fff; text-shadow: rgba(0,0,0,0.5) 1px 3px 2px;}

.banner-txt:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(45deg, #000 0%, #8db9e5 100%); opacity: 0.6; z-index: -1}

/* Header Closed */

/* Main Box Start */

.main-hd{font-size: 38px; font-weight: 700; line-height: 40px; color: #000; margin-bottom: 30px;}
.main-hd-divider{background: #8db9e5; height: 1px; width: 85px; margin-top: 20px;}
.main-txt-hd{font-size: 18px; color: #000;}

.company-list ul{margin: 0; padding: 0;}
.company-list ul li{display: inline-block; width: 32.33%; padding: 0 20px; border-right:#8db9e5 solid 2px; margin-top: 30px; text-align: center;}
.company-list ul li:last-child{border-right: 0;}
.company-listInner img{width: 80px; margin: auto;}
.welcome-img{border-radius: 10px; overflow: hidden;}

.our-product{background-image: linear-gradient(#fff,10%,#f0f5fd);}

.products-list-home ul{margin: 0 -15px; padding: 0;}
.products-list-home ul li{display: inline-block; margin: 0 7px; float: left; position: relative; height: 470px}
.product-list-first{width: 40%;}
.product-list-first img{width: 100%;}
.products-name-home1{position: absolute; top: 0px; left: 0px; font-size: 24px; color: #fff; font-weight: 400; padding: 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
width: 100%; padding-bottom: 150px;}
.products-name-home1 span{font-size: 16px; color: #fff; display: block;}
.products-name-home1 strong{font-size: 25px; color: #fff;}
.products-name-home1 a{padding: 7px 30px; font-size: 14px; margin-top: 10px; text-transform:uppercase;  color: #fff; border:#fff solid 1px; display: inline-block; text-align: center; font-weight: 400}

.products-list-second{width: 25%; overflow: hidden;}
.products-list-second img{width: 500px; margin-left: -50px;}

.products-name-home2{position: absolute; bottom: 0px; left: 0px; font-size: 24px; color: #fff; font-weight: 400; padding: 30px; background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
width: 100%; padding-top: 150px;}
.products-name-home2 span{font-size: 16px; color: #fff; display: block;}
.products-name-home2 strong{font-size: 25px; color: #fff;}
.products-name-home2 a{padding: 7px 30px; font-size: 14px; margin-top: 10px; text-transform:uppercase;  color: #fff; border:#fff solid 1px; display: inline-block; text-align: center; font-weight: 400}


.products-list-third{width: 31%;}
.products-third-box1{margin-bottom: 14px; height: 228px; overflow: hidden; position: relative;}
.products-third-box2{height: 228px; overflow: hidden; position: relative;}


.bottom-text{background: url(../images/nature-bg.jpg); background-size: cover; padding:100px 60px; position: relative; z-index: 0; border-radius: 10px; overflow: hidden;}
.bottom-text:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.2); z-index: 9}
.bottom-textInner{width: 60%; margin: auto; position: relative; z-index: 999; text-align: center;}
.bottom-textInner h3{font-size: 38px; color: #fff; font-weight: 700; line-height: 40px; margin-bottom: 30px; text-shadow: rgba(0,0,0,0.5) 1px 3px 2px;}
.bottom-textInner p{font-size: 18px; color: #fff; text-shadow: rgba(0,0,0,0.5) 1px 3px 2px;}

.upcoming-products{padding: 20px; background:#eee; border-radius: 5px; display: flex; margin-top: 15px; overflow: hidden;}
.upcoming-products-img{width: 100px; height: 100px; border-radius: 5px;}
.upcoming-products-txt{width: 70%; padding-left: 20px;}
.upcoming-products-txt h4{font-size: 22px; font-weight: 600; color: #000; margin: 0; margin-bottom: 15px;}
.upcoming-products-txt p{color: #333; font-size: 14px; line-height: 24px;}


.products-slider ul{margin: 0 -10px; padding: 0}
.products-slider ul li{width: 270px; float: left; margin-top: 20px; cursor: pointer; display: inline-block; position: relative; margin-left: 10px; margin-right: 10px;}
.products-sliderInner{box-shadow: rgba(0,0,0,0.3) 1px 1px 10px; border-radius: 5px; overflow: hidden;}
.products-slider-txt{padding: 15px; text-align: center;}
.products-slider-img{height: 200px; overflow: hidden; position: relative;}
.add-to-cart{position: absolute; height: 35px; width: 35px; border-radius: 4px; background: #fff; color: #333; font-size: 19px; font-weight: 600; padding: 3px 8px; top: 10px; left: -60px; transition: .3s ease;}
.quick-view{position: absolute; height: 35px; width: 35px; border-radius: 4px; background: #fff; color: #333; font-size: 19px; font-weight: 600; padding: 3px 8px; top: 60px; left: -250px; transition: .3s ease;}

.products-slider-name{font-size: 17px; color: #000;}
.products-slider-rating{padding: 2px; font-size: 15px; color: gold}
.products-slider-price{font-size: 20px; font-weight: 700; color: #5086bb;}
.products-slider-price strike{font-size: 13px; color: #aaa; font-weight: 400; margin-left: 5px;}

.products-slider ul li:hover .add-to-cart{left: 10px; transition: .3s ease;}
.products-slider ul li:hover .quick-view{left: 10px; transition: .3s ease;}

.add-to-cart:hover, .quick-view:hover{color: #5086bb; box-shadow: rgba(0,0,0,0.3) 1px 1px 10px;}



.certificate-list ul{margin: 0; padding: 0; text-align: center;}
.certificate-list ul li{display: inline-block; width: 140px; padding: 10px; margin:0 15px;}
.certificate-list ul li img{width: 100%;}

/* Main Box Closed */

/* Footer Start */

footer{background: #333639; padding: 60px 0;}
.footer-txt img{width: 200px;}
.footer-txt p{font-size: 14px; color: #fff; line-height: 24px; margin-top: 15px; margin-bottom: 0;}
.footer-menu h4{font-size: 19px; color: #fff; font-weight: 600;}
.footer-menu .quick-link{margin: 0; padding: 0;}
.footer-menu .quick-link li{display: block; position: relative;}
.footer-menu .quick-link li a{color: rgba(255,255,255,0.6); font-size: 14px; padding: 7px 0; display: block;}

.footer-inp{margin-top: 10px; color: #fff; padding: 5px 8px; background: rgba(255,255,255,0.04); font-size: 13px; border: 0; width: 100%;}
.footer-textarea{margin-top: 10px; color: #fff; padding: 5px 8px; height: 75px; background: rgba(255,255,255,0.04); font-size: 13px; border: 0; width: 100%;}
.footer-submit{width: 100%; font-size: 14px; font-weight: 600; width: 100%; padding: 7px; background: #e1efa6; color: #000; border: 0; margin-top: 10px;}

.copyright{font-size: 14px; color: #fff; padding:30px 0 0 0;}
.copyright a{color: #e1efa6;}

/* Footer Closed */


/* Inner Page ::: Start */

.about-us-banner{background: #eee; padding: 60px 0;}
.about-bannerInner h3{font-size: 47px; font-weight: 700; line-height: 40px; color: #000; margin-bottom: 30px;}
.about-bannerInner p, .about-bannerInner strong{font-size: 18px; color: #000; line-height: 26px;}
.abouts-img{position: relative; z-index: 99; margin-bottom: 30px;}
.abouts-img:before{content: ''; position: absolute; height: 100%; width: 100%; left:-20px; top: -20px; border: #5086bb solid 4px; z-index: -1;}
.abouts-img img{width: 100%;}


.shipping-list ul{margin: 0; margin-top: 10px; padding: 0;}
.shipping-list ul li{display: block; font-size: 18px; color: #000; padding: 4px 0; position: relative; padding-left: 30px;}
.shipping-list ul li:before{content: ''; position: absolute; height: 9px; width: 15px; border:#000 solid 2px; border-top: 0; border-right: 0; transform: rotate(-45deg); left: 0; top: 12px;}

.why-shop{margin-top: 30px; padding: 0 30px;}
.why-shop-img{width: 75px; height: 75px; margin:auto;}
.why-shop-txt{color: #373839; font-size: 18px; text-align: center; line-height: 25px; margin-top: 15px;}

.count{padding: 60px 0; background: url(../images/about-bg.png); background-size: cover;}
.counter-box h3{font-size: 60px; font-weight: 700; color: #5086bb;}
.counter-box p{font-size: 23px; color: #000;}

.vision-img{height: 100px; width: 100px; margin: auto; border-radius: 50%; padding: 10px; background:#afca3f; margin-bottom: 10px;}
.vision-img img{filter: brightness(44);}
.vision-box-text{text-align: center;}
.vision-box-text h3{font-size: 45px; font-weight: 700; color: #000; margin-bottom: 30px;}
.vision-box-text p{font-size: 20px; color: #000; line-height: 30px;}

.packing-box{border-radius: 4px; overflow: hidden; box-shadow: rgba(0,0,0,0.3) 1px 1px 5px; margin-top: 30px;}

.shipping-type ul{margin: 0; margin-top: 20px; padding: 0;}
.shipping-type ul li{display: inline-block; width: 16%; text-align: center;}
.shipping-type ul li img{width: 140px; height: 57px;}

.contact-us-map {
    margin-top: -21px;
}
.contacts-form{border: #ddd solid 1px; background: #eee; border-radius: 4px; padding:30px 45px;}

.contact-hd{font-size: 25px; font-weight: 700; color: #000; margin-bottom: 5px;}

.inputs-txt{margin-top: 15px;}
.inputs-txt label{font-weight: 400; color: #000; font-size: 14px; display: block; text-transform: uppercase; margin-bottom: 5px;}
.inputs-text-inp{border: #ccc solid 1px; border-radius: 4px; padding: 9px; width: 100%;}
.inputs-txt textarea{height: 100px; border: #ccc solid 1px; border-radius: 4px; padding: 9px; width: 100%;}
.submit-contact{padding: 15px 30px; font-size: 16px; font-weight: 500; text-align: center; color: #fff; background: #3571ac; border-radius: 5px; border: 0;}
.contact-info ul{margin: 0; padding: 0;}
.contact-info ul li{display: block; padding: 10px 0; padding-left: 30px; font-size: 15px; color: #000; position: relative;}
.contact-info ul li i{position: absolute; left: 0; top: 11px; font-size: 17px;}

.products-details-name h4{font-size: 26px; font-weight: 600; margin: 0; margin-bottom: 5px;}
.products-details-name p{color: gold; font-size: 17px;}
.products-details-name p span{display: inline-block; margin-left: 5px; color: #000; font-size: 14px; font-weight: 400;}

.products-left-img{border-radius: 5px; overflow: hidden; margin-top:30px;}
.products-right-text{margin-top: 30px;}
.products-right-price{font-size: 30px; color: #5086bb; font-weight: 700;}
.products-right-price strike{font-size: 14px; color: #aaa; font-weight: 400;}
.viewed-pro{padding: 5px 0; font-size: 14px; color: #000; font-weight: 400}

.buttons-details{padding: 15px 0 30px 0;}
.add-to-cart-details{background: #afca3f; color: #fff; font-size: 15px; font-weight: 500; display: inline-block; text-transform: uppercase; padding: 15px 30px; border-radius: 4px; margin-right: 10px;}
.add-to-wishlist-details{background: #5086bb; color: #fff; font-size: 15px; font-weight: 500; display: inline-block; text-transform: uppercase; padding: 15px 30px; border-radius: 4px; margin-right: 10px;}
.add-to-cart-details i, .add-to-wishlist-details i{margin-right: 10px;}

.add-to-cart-details:hover{color: #fff; background: #8da42e}
.add-to-wishlist-details:hover{color: #fff; background: #4779aa}

.short-description{font-size: 17px; font-weight: 600; color: #000; padding: 10px 0;}
.short-description-text{font-size: 15px; color: #555; line-height: 25px;}

.products-proInner{display: flex; padding: 30px; margin-top: 30px; background: #eee; border-radius: 5px;}
.products-pro-inner-left{width: 200px; height: 200px; border-radius: 5px; overflow: hidden;}
.products-pro-inner-left img{height: 200px; width: 200px; object-fit: cover;}

.products-pro-inner-right{width: 82%; padding-left:30px;}
.products-pro-inner-right h4{font-size: 20px; color: #000; margin:0; margin-bottom: 5px;}
.products-pro-inner-rating{font-size: 15px; color: gold; margin-right: 3px;}
.products-pro-inner-right p{font-size: 15px; color: #333; line-height: 25px; margin-top: 10px; margin-bottom: 30px;}
.products-pro-inner-price{font-size: 18px; font-weight: 600; color: #5086bb; margin-right: 10px; display: inline-block;}
.products-pro-inner-right a{color:#fff; background: #5086bb; padding: 5px 20px; border-radius: 5px; font-size: 15px; font-weight: 600; display: inline-block;}


/* Inner Page :::: Closed */

/* Media Query :::: Start */

@media(max-width: 992px){
	.logo{display: block; width: 100%; float: none;}
	.logo .img-width{width: 300px !important;}
	.menu-trigger{display: block; position: absolute; right: 15px; top: 40px; padding: 12px; cursor: pointer;}
	.menu-design{display: none; float: none;}
	.menu-design ul{float: none;}
	.menu-design ul li{display: block;}
	.menu-design ul li a{display: block; padding: 10px;}
	.menu-design ul li ul{width: auto; border-radius: 5px; background:rgba(255,255,255,0.2); position: relative;}
	.menu-design ul li ul li a{color: #fff;}
	.menu-design ul li ul li a:hover{background:rgba(255,255,255,0.2);}
	.rotate .icon1{margin: 0; transform: rotate(52deg); transition: .2s ease; position: relative; top: 3px; height: 3px;}
	.rotate .icon3{margin: 0; transform: rotate(-52deg); transition: .2s ease; height: 3px;}
	.rotate .icon2{display: none; transition: .2s ease}
}

@media(max-width: 767px){
	.logo .img-width{width: 230px !important;}
	.banner{height: auto;}
	.banner-txt{position: relative; padding: 15px; display: block; border-bottom: #ddd solid 1px;}
	.banner-txt:before{display: none;}
	.banner-txtInner{width: 100%; text-align: left;}
	.banner-txtInner h3{font-size: 36px; font-weight: 600; color: #000; text-shadow: none;}
	.banner-txtInner p{font-size: 16px; font-weight: 400; text-shadow: none; color: #555;}

	.main-hd, .bottom-textInner h3, .vision-box-text h3, .about-bannerInner h3{font-size: 30px; line-height: 38px; margin-bottom: 20px;}
	.main-hd-divider{margin-top: 13px;}
	.main-txt-hd, .bottom-textInner p, .vision-box-text p, .about-bannerInner p, .about-bannerInner strong{font-size: 15px;}

	.company-listInner img{width: 50px;}
	.company-listInner h4{font-size: 16px;}
	.company-listInner h4 span{display: none;}
	.welcome-img{margin-top: 20px;}
	.products-list-home{padding: 0 15px;}
	.products-list-home ul li{width: 100%; margin: 10px 0; height: auto;}
	.bottom-text{padding: 30px 15px; margin: 0 -15px; border-radius: 0;}
	.bottom-textInner{width: 100%;}
	.products-slider ul{display: flex; padding-bottom: 17px; overflow: scroll;}
	.products-slider ul li{width: auto;}
	.products-sliderInner{width: 270px;}

	.about-us-banner{padding:30px 0 40px 0 }
	.contacts-form{margin-top: 30px;}
	.products-proInner{display: block;}
	.products-pro-inner-right{width: 100%; padding-top: 20px; padding-left: 0;}
	.add-to-cart-details{margin-right: 0; margin-bottom: 10px; display: block; text-align: center;}
	.add-to-wishlist-details{margin-right: 0; display: block; text-align: center;}

	.product-list-first, .products-list-second, .products-list-third, .product-list-first img, .products-list-second img, .products-list-third img{width: 100%;}
	.products-list-second img{margin: 0;}

}


.photo-gallery{width:100%; height:auto; margin:auto;}
.photo-gallery ul{margin:0px; padding:0px;}
.photo-gallery ul li{list-style:none; float:left; width:215px; height:150px; margin:5px; overflow:hidden; padding:3px; background:#fff;}
.photo-gallery ul li img{width:100%; height:100%; margin-bottom:3px;}


/* Media Query :::: Closed */

