body.page-first-page{background:url(https://s3.amazonaws.com/prod_bucket/wb_images/2004425875-1668520989-87714.jpeg) top center no-repeat; background-size: cover; background-attachment: fixed;}
body.page-learn{background:url(https://s3.amazonaws.com/prod_bucket/wb_images/349491582-1668597428-87714.png) top left no-repeat; background-size: cover; background-attachment: fixed;}
body.page-services{background:url(https://s3.amazonaws.com/prod_bucket/wb_images/349491582-1668597428-87714.png) top left no-repeat; background-size: cover; background-attachment: fixed;}
body.page-shop{background:#000;}
.new-page-wrapper{height:auto;}
.header{display:none!important;}
.footer{display:none!important;}
.hm-content-area{position: absolute; width: 1000px; left: calc((100% - 1000px) / 2);}
.hm-content-area a{border: solid 5px #b39c50!important; background: #111111; padding: 10px; width: 330px; display: block; margin-top: 5px; text-decoration:none;}
.hm-content-area a .heading{color: #fff; font-size: 70px; display: table; text-align: center; width: 100%; font-weight: 600; line-height: 100px; text-decoration:none;}
.hm-content-area a .text{font-size: 30px; color: #f3f0e7; width: 100%; display: table; text-align: center; line-height: 30px; margin-bottom: 10px; text-decoration:none; font-family: 'Open Sans', sans-serif;}
.hm-content-area a:first-child{margin-top:22px;}
.hm-content-area .content{font-size: 50px; color: #fff; text-align: center; width: 500px; line-height: 60px; margin: 175px auto; color: #f3f0e7;}
.learn-slide-one {position:absolute; width:891px; left:calc((100% - 891px) / 2); top:32px;}
.learn-slide-one img{width:600px; height:auto; }
.learn-slide-one a{font-size:15px; color:#fff;  font-family: 'Open Sans', sans-serif; text-decoration:none; background:rgba(49,64,63,1); padding: 8px 50px; float: right; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.learn-slide-one a:hover{background:rgba(49,64,63,.6); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.about-content-area {position: absolute; width: 863px; left: calc((100% - 863px) / 2); top: 220px; background: #fff; padding: 5px 45px;}
.about-content-area .heading{font-size: 40px; border-bottom: solid 2px #b39c50; margin-bottom: 15px; line-height: 50px;}
.about-content-area .content{padding: 0px 25px; font-size: 17px; font-weight: 600;}
.about-content-area .pointer{padding: 0px 25px; font-size: 12px; font-family: 'Open Sans', sans-serif;}

.service-slide-one {position:absolute; width:903px; left:calc((100% - 903px) / 2); top:32px;}
.service-slide-one .page-head{font-size:64px; color:#fff;}
.service-slide-one a{font-size:15px; color:#fff;  font-family: 'Open Sans', sans-serif; text-decoration:none; background:rgba(49,64,63,1); padding: 8px 50px; float: right; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.service-slide-one a:hover{background:rgba(49,64,63,.6); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.service-slider{position:absolute; width:903px; left:calc((100% - 903px) / 2); top:132px; height:570px; overflow:hidden;}
.service-slider .slider-1-text{position: absolute; left: 0px; top: 0px; z-index: 100; width: 406px; height: 100%; background:rgba(251, 243, 232, .85); padding: 40px 70px; text-align: center;}
.service-slider .slider-1-text .head{font-size: 30px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 30px; margin-bottom: 15px;}
.service-slider .slider-1-text .sub-head{font-size: 15px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; width: 200px; margin: 0 auto; margin-bottom: 15px;}
.service-slider .slider-1-text .text{font-size:16px; font-weight:bold; line-height:30px;}

.service-slider .slider-2-text{position: absolute; right: 0px; top: 0px; z-index: 100; width: 406px; height: 100%; background:rgba(251, 243, 232, .85); padding: 40px 70px; text-align: center;}
.service-slider .slider-2-text .head{font-size: 30px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 30px; margin-bottom: 23px;}
.service-slider .slider-2-text .sub-head{background:#000; height:2px;  width:22px; margin:0 auto; margin-bottom: 23px;}
.service-slider .slider-2-text .text{font-size:16px; font-weight:bold; line-height:30px;}

.service-slider .slider-3-text{position: absolute; right: 0px; top: 0px; z-index: 100; width: 406px; height: 100%; background:rgba(251, 243, 232, .85); padding: 40px 70px; text-align: center;}
.service-slider .slider-3-text .head{font-size: 30px; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 30px;  margin-bottom: 23px;}
.service-slider .slider-3-text .sub-head{background:#000; height:2px;  width:22px; margin:0 auto;  margin-bottom: 23px;}
.service-slider .slider-3-text .text{font-size:16px; font-weight:bold; line-height:30px;}

.home_page.inner_page{background:#000!important;}
.product_detail_page.inner_page{background:#000!important;}
.product_list_wrapper.inner_page{background:#000!important;}
.cart_page.inner_page{background:#000!important;}
.payment_flow{background:#000!important;}
.product_list .is_400{border:0px!important;}
.pro_name span{margin-bottom:10px;}
.add_cart ul li.qty{color:#f3f0e7 !important;}
.filter-wrapper .checkout_title{color:#f3f0e7 !important;}
.filter-wrapper .checkout_title h3{color:#f3f0e7 !important;}
.filter-wrapper .checkout_title .breadcrumb{color:#f3f0e7 !important;}
.filter-wrapper .checkout_title .select_title{color:#f3f0e7 !important;}
.pro_detail_container{color:#f3f0e7 !important;}
.cart_page .wrapper .checkout_title h3{color:#f3f0e7 !important;}
.payment_flow h3{color:#f3f0e7 !important;}
.customer_info form p label{color:#f3f0e7 !important;}
.cart_pro_qty input{color:#f3f0e7 !important;}
.add_gift_wraper label{color:#f3f0e7 !important;}
.select_address li ul li.ads{color:#f3f0e7 !important;}
.cart_wraper ul li.cart_pro_edit_delete img{filter: invert(1);}
.customer_info{border:solid 1px #f3f0e7!important;}
.order_confirm_wraper{border:solid 1px #f3f0e7!important;}
.select_address{border:solid 1px #f3f0e7!important;}
.ads strong{color:#b39c50 !important;}
.cart_pro_qty input{color:#000!important;}
.popup-oder-id strong{color:#fff!important;}

#thankyou_msg{color:#f3f0e7 !important;}
.width-cls-4r3 a{font-size:15px; color:#fff;  font-family: 'Open Sans', sans-serif; text-decoration:none; background:rgba(49,64,63,1); padding: 8px 50px; float: right; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}
.width-cls-4r3 a:hover{background:rgba(49,64,63,.6); transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;}



@media screen and (min-width: 1150px) and (max-width: 1280px) {

}


@media screen and (min-width: 1024px) and (max-width: 1149px) {


}

@media screen and (min-width: 991px) and (max-width: 1023px) {

}

@media screen and (min-width: 768px) and (max-width: 990px) {
	body.page-services{background-position:center top;}
	body.page-learn{background-position:center top;}
	.hm-content-area{width: 700px; left: calc((100% - 700px) / 2);}
	.hm-content-area .content{width:100%; font-size: 40px; line-height: 50px;}
	.hm-content-area a{width:100%;}
	.hm-content-area a .heading{font-size: 60px; line-height: 70px;}
	.hm-content-area a .text{font-size:25px;}
	.service-slide-one{width: 700px; left: calc((100% - 700px) / 2);}
	.service-slide-one .page-head{font-size:60px; line-height: 70px;}
	.service-slider{width: 700px; left: calc((100% - 700px) / 2); height:500px; top:192px;}
	.service-slider .carousel{max-height:unset;}
	.service-slider .slider-1-text{padding:30px; width:350px;}
	.service-slider .slider-2-text{padding:30px; width:350px;}
	.service-slider .slider-3-text{padding:30px; width:350px;}
	.learn-slide-one{width: 700px; left: calc((100% - 700px) / 2);}
	.learn-slide-one img{width:430px;}
	.about-content-area{width: 700px; left: calc((100% - 700px) / 2); top:180px;}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	body.page-services{background-position:center top;}
	body.page-learn{background-position:center top;}
	.hm-content-area{width:500px; left: calc((100% - 500px) / 2);}
	.hm-content-area .content{width: 100%; margin: 30px auto; font-size: 30px; line-height: 40px;}
	.hm-content-area a{width:100%; margin:0 auto; margin-top: 5px;}
	.hm-content-area a:first-child {margin-top: 22px;}
	.hm-content-area a .heading{font-size: 60px; line-height: 80px;}
	.hm-content-area a .text{font-size: 22px; line-height: 27px;}
	.service-slide-one{width:500; left: calc((100% - 500px) / 2);}
	.service-slide-one .col-md-9{order:2}
	.service-slide-one .page-head{font-size: 40px; line-height: 45px; top:12px; margin-top: 20px;}
	.service-slider{width:500px; left: calc((100% - 500px) / 2); top:172px; height: 675px;}
	.service-slider .carousel{max-height:unset;}
	.service-slider .slider-1-text{width: 100%; padding: 20px; height: 300px; top: unset; bottom: 0px;}
	.service-slider .slider-1-text .head{font-size: 20px; line-height: 25px;}
	.service-slider .slider-1-text .text{font-size: 14px; line-height: 25px;}

	.service-slider .slider-2-text{width: 100%; padding: 20px; height: 300px; top: unset; bottom: 0px;}
	.service-slider .slider-2-text .head{font-size: 20px; line-height: 25px;}
	.service-slider .slider-2-text .text{font-size: 14px; line-height: 25px;}
	
	.service-slider .slider-3-text{width: 100%; padding: 20px; height: 300px; top: unset; bottom: 0px;}
	.service-slider .slider-3-text .head{font-size: 20px; line-height: 25px;}
	.service-slider .slider-3-text .text{font-size: 14px; line-height: 25px;}

	.learn-slide-one{width:500px; left: calc((100% - 500px) / 2);}
	.learn-slide-one .col-md-8{order:2}
	.learn-slide-one img{width:330px; margin-top: 20px;}
	.about-content-area{width:500px; left: calc((100% - 500px) / 2); padding: 5px 15px;}
	.about-content-area .heading{font-size: 30px; line-height: 40px;}
	.about-content-area .content{padding: 0px 5px; font-size: 15px;}
	.about-content-area .pointer{padding: 0px 5px; font-size: 12px;}
	.about-content-area .pointer ul{padding-left: 20px;}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
	body.page-services{background-position:center top;}
	body.page-learn{background-position:center top;}
	.hm-content-area{width:320px; left: calc((100% - 320px) / 2);}
	.hm-content-area .content{width: 100%; margin: 30px auto; font-size: 30px; line-height: 40px;}
	.hm-content-area a{width:100%; margin:0 auto; margin-top: 5px;}
	.hm-content-area a:first-child {margin-top: 22px;}
	.hm-content-area a .heading{font-size: 60px; line-height: 80px;}
	.hm-content-area a .text{font-size: 22px; line-height: 27px;}
	.service-slide-one{width:320px; left: calc((100% - 320px) / 2);}
	.service-slide-one .col-md-9{order:2}
	.service-slide-one .page-head{font-size: 40px; line-height: 45px; top:12px; margin-top: 20px;}
	.service-slider{width:300px; left: calc((100% - 300px) / 2); top:212px; height: 575px;}
	.service-slider .carousel{max-height:unset;}
	.service-slider .slider-1-text{width: 306px; padding: 20px; height: 400px; top: unset; bottom: 0px;}
	.service-slider .slider-1-text .head{font-size: 20px; line-height: 25px;}
	.service-slider .slider-1-text .text{font-size: 14px; line-height: 25px;}

	.service-slider .slider-2-text{width: 306px; padding: 20px; height: 400px; top: unset; bottom: 0px;}
	.service-slider .slider-2-text .head{font-size: 20px; line-height: 25px;}
	.service-slider .slider-2-text .text{font-size: 14px; line-height: 25px;}
	
	.service-slider .slider-3-text{width: 306px; padding: 20px; height: 400px; top: unset; bottom: 0px;}
	.service-slider .slider-3-text .head{font-size: 20px; line-height: 25px;}
	.service-slider .slider-3-text .text{font-size: 14px; line-height: 25px;}

	.learn-slide-one{width:320px; left: calc((100% - 320px) / 2);}
	.learn-slide-one .col-md-8{order:2}
	.learn-slide-one img{width:280px; margin-top: 20px;}
	.about-content-area{width:300px; left: calc((100% - 300px) / 2); padding: 5px 15px;}
	.about-content-area .heading{font-size: 30px; line-height: 40px;}
	.about-content-area .content{padding: 0px 5px; font-size: 15px;}
	.about-content-area .pointer{padding: 0px 5px; font-size: 12px;}
	.about-content-area .pointer ul{padding-left: 20px;}

}