*{ padding:0; margin:0; box-sizing:border-box;}

body{padding: 0;margin: 0;background: #f3f0e4; font-family: 'Inter', sans-serif;font-weight:400; font-size:14px; color:#000; line-height:24px;scroll-behavior: smooth;}

html{scroll-behavior: smooth;transition: 0.5s ease;-webkit-transition:0.5s ease;}

input, select, textarea , button{transition: 0.5s ease;-webkit-transition: 0.5s ease;}

a {text-decoration:none; transition: 0.5s ease;-webkit-transition:0.5s ease;outline:none;outline: 0; color: #c43a0a; }

a::after , a::before{text-decoration:none; transition: 0.5s ease;-webkit-transition:0.5s ease;}

a:hover , a:focus {text-decoration:none;}

input {border: 0;outline: 0;}

ul{margin:0;padding:0;list-style:none;}

h1, h2, h3, h4, h5, h6 , p {margin: 0;}



.container{

	max-width:100%;

	padding:0 2rem;

}

.container-lgg{

	padding:0 20px;

}

.waste .container{

	padding:0 20px;	

}

a.view-all{

	padding:13px 20px;

	border:1px solid #124734;

	color:#124734;

	font-size:16px;

	border-radius:30px;

	width:155px;

	text-align:center;

	display:block;

	margin-bottom:30px;

	float:right;

	transition:0.5s ease;

}

a.view-all:hover{

	transition:0.5s ease;

	background:#124734;

	color:#fff;

}

.owl-carousel .owl-prev.disabled,

.owl-carousel .owl-next.disabled{

	pointer-events: none;

	opacity: 0.2;

}



.on-load .row{

	align-items:center;

}



.on-load .modal-content {

    position:relative;

}

.on-load .modal-content .close{

	position:absolute;

	right:20px;

	top:10px;

	border:none;

	outline:none;

	background:transparent;

	font-size:35px;

}

.on-load .modal-body{

	padding:0;

}

.on-load .modal-body img{

	border-radius:0 3px 3px 0;

	width:100%;

}

.on-load .data{

	padding:40px;

}

.on-load h4{

	color:#124734;

	font-size:24px;

	font-weight:700;

	margin-bottom:30px;

}

.on-load h2{

	color:#000;

	font-size:36px;

	font-weight:700;

	margin-bottom:10px;

}

.on-load p{

	color:#000;

	font-size:16px;

	font-weight:400;

	margin-bottom:10px;

}

.on-load .srch {

    position: relative;

    width: 100%;

    margin: 20px 0 40px;

}

.on-load .srch input {

    width: 100%;

    height: 50px;

    background: #fff;

    border: 1px solid #124734;

    border-radius: 30px;

    position: relative;

    padding: 20px 40px 20px 20px;

}

.on-load .srch a {

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

}



header{		

	position:absolute;

	width:100%;

	z-index:9;

	background:#fff;

	transition:.2s linear;	

	box-shadow:0 0 3px #aaa;		

	top: 40px;

}

header.header_fixed{	

	top: 0px;

	position:fixed;

	transition:.2s linear;

}

.top-area{

	background:#124734;

	padding:8px 20px;

	display:flex;

	align-items:center;

}

header.header_fixed .top-area{

	display:none;

}

.top-area .mail{

	display:flex;

	align-items:center;

	width:25%;

}

.top-area .free{

	width:50%;

	text-align:center;

}



.top-area .call img, .top-area .mail img{

	margin-right:10px;

	width:18px;

}



.top-area .call p, .top-area .free p, .top-area .mail p{

	font-size:14px;

	color:#f3f0e4;

}



.mob-menu{

	display:none;

}



header.header_fixed .mid-area{

	transition:0.5s ease;

	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)

}

header .mid-area .logo{

	width:25%;

	padding:10px 0;

	transition:0.5s ease;

}

header .mid-area .logo-text{

	text-transform:uppercase;

	color:#124734;

	font-size:20px;

	font-weight:700;

}

header.header_fixed .mid-area .logo img.nrml{

	display:none;

}

header .mid-area .logo img.sticky{

	display:none;

}

header.header_fixed .mid-area .logo img.sticky{

	display:block;

}

header .mid-area .logo img{

	width:168px;

}

header.header_fixed .mid-area .logo{

	/* padding:0;

	width:500px; */

	transition:0.5s ease;

}

header .mid-area .menu{

	padding:22px 0 22px 30px;

	width:45%

}

header.header_fixed .mid-area .menu{

	padding:0px 0  0 15px;

}

header .mid-area .menu ul{

	display:flex;

	align-items:center;

	justify-content:center;

}

header .mid-area .menu ul li:not(:last-child){

	margin-right:20px;

}

/* header .mid-area .menu ul li.drp{

	position:relative;

}

header .mid-area .menu ul li.drp:before{

	position:absolute;

	right:-20px;

	top:10px;

	content:'';

	width:11px;

	height:7px;

	background:url(../images/drop.png) no-repeat;

	background-size:100% 100%;

} */

/* header .mid-area .menu ul li.drp:hover .sub{

	display:block;

} */

header .mid-area .menu ul li a{

	color:#124734;

	font-size:14px;

	width:100%;

	display:block;

	text-transform:uppercase;

	font-weight:400;

}

header .mid-area .menu ul li.active a{

	font-weight:600;

}

header .mid-area .menu ul li .sub{

	display:none;

	position:absolute;

	top:52px;

	left:0;

	background:#fff;

	box-shadow:0px 0px 10px #222;

	width:100%;

	transition:all .2s ease-in;

}

header .mid-area .menu ul li .sub li{

	padding:10px 20px;

	width:100%;

	transition:all .2s ease-in;

}

header .mid-area .menu ul li .sub li:not(:last-child){

	border-bottom:1px solid #474747;

}

header .mid-area .menu ul li .sub li:hover{

	background:#124734;

	transition:0.5s ease;

}

header .mid-area .menu ul li .sub li:hover a{

	color:#fff;

}

header .mid-area .user-area{

	display:flex;

	align-items:center;

	justify-content:flex-end;

	padding:22px 0;

	width:30%;

	transition:0.5s ease;

}

header.header_fixed .mid-area .user-area{

	transition:0.5s ease;

}

header .mid-area .user-area .srch{

	position:relative;

	width:60%;

}

header .mid-area .user-area .srch input{

	position:relative;

	background:#dfdfdf;

	height:40px;

	border-radius:30px;

	padding:10px 10px 10px 50px;

	width:100%;

}

header .mid-area .user-area .srch input::placeholder{

	color:#474747;

}

header .mid-area .user-area .srch a{

	position:absolute;

	left:15px;

	top:50%;

	transform:translateY(-50%);

}

header .mid-area .user-part{

	display:flex;

	align-items:center;

	margin-left:30px;

}

header .mid-area .user-part a:not(:last-child){

	margin-right:25px;

}

header .srch-mob{

	position:relative;

	width:100%;	

	padding: 8px 15px;

	display:none;

}

header .srch-mob input{

	position: relative;

	background: #dfdfdf;

	height: 40px;

	border-radius: 30px;

	padding: 10px 10px 10px 50px;

	width: 100%;	

}

header .srch-mob a {

	position: absolute;

	left: 30px;

	top: 50%;

	transform: translateY(-50%);

}



.banner{

	position:relative;

	overflow:hidden;

	height:100vh;

}

.banner .owl-carousel .item{

	position:relative;

	height:100vh;

}

.banner .owl-carousel .item img{

	height:100vh;

}

.banner .owl-carousel .item:before{

	position:absolute;

	background:rgba(0,0,0,0.2);

	left:0;

	top:0;

	height:100%;

	width:100%;

	content:'';

	z-index:2;

}

.banner.inner .owl-carousel .item:before {

    background: rgba(80,53,80,0.5);

}

.banner .slide-dec {

    position: absolute;

    transform: translateY(-50%);

    top:50%;

    padding: 0;

    width: 100%;

	z-index: 3;
	margin-top:50px;

	text-align:center;

}

.banner .slide-dec h1,.banner .slide-dec h2{

	font-size:40px;

	line-height:40px;

	font-weight:700;

	margin-bottom:10px;

	color:#fff;

	text-transform:uppercase;

}

.banner .slide-dec p{

	font-size:18px;

	line-height:26px;

	font-weight:300;

	margin-bottom:20px;

	color:#fff;

	text-transform:uppercase;

}

.banner .slide-dec .btn-comn{

	background:#fff;

	border-radius:30px;

	padding:12px 20px;

	width:150px;

	text-align:center;

	transition:all .5s ease-in;

	margin: 0 auto;

}

.banner .slide-dec .btn-comn:hover{

	background:#124734;

	transition:all .5s ease-in;

}

.banner .slide-dec .btn-comn a{

	color:#124734;

	font-size:16px;

	font-weight:500;

	transition:all .5s ease-in;

	text-transform:uppercase;

}

.banner .slide-dec .btn-comn:hover a{

	color:#fff;

	transition:all .5s ease-in;

}

.banner .owl-nav{

	position:absolute;

	top:50%;

	transform:translateY(-50%);

	width:100%;

}

.banner .owl-nav .owl-prev{

	position:absolute;

	left:30px;

	background:#fff !important;

	border-radius:50%;

	width:50px;

	height:50px;

	display:flex;

	align-items:center;

	justify-content:center;

}

.banner .owl-nav .owl-next{

	position:absolute;

	right:30px;

	background:#fff !important;

	border-radius:50%;

	width:50px;

	height:50px;

	display:flex;

	align-items:center;

	justify-content:center;

}

.banner .owl-nav .owl-prev span{

	font-size:0;

	background:url(../images/right.png) no-repeat;

	transform:rotate(-180deg);

	width:19px;

	height:16px;

	background-size:100% 100%;

	display:block;

}

.banner .owl-nav .owl-next span{

	font-size:0;

	background:url(../images/right.png) no-repeat;

	width:19px;

	height:16px;

	background-size:100% 100%;

	display:block;

}

.banner .owl-dots{

	position:absolute;

	width:100%;

	bottom:30px;

	text-align:center;

}

.banner .owl-dots .owl-dot span{

	width:30px;

	height:2px;

	border-radius:50%;

	display:block;

	background:#dfdfdf;

}

.banner .owl-dots .owl-dot:not(:last-child){

	margin-right:5px;

}

.banner .owl-dots .owl-dot:hover span{

	background:#fff;

}

.banner .owl-dots .owl-dot.active span{

	background:#fff;

	width:50px;

}

.banner .scroll{

	position:absolute;

	bottom:74px;

	right:-35px;

	z-index:3;

	display:flex;

	align-items:center;

	transform:rotate(90deg);

	font-size:16px;

	font-weight:300;

	color:#c0bfbf;

	transition:.4s ease-in;

}

.banner .scroll span.line{

	height:1px;

	width:70px;

	background:#dfdfdf;

	margin-left:10px;

	transition:.4s ease-in;

}

.banner .scroll:hover{

	bottom:80px;

	transition:.4s ease-in;

}



.banner.inner{

	height:auto;

}

.banner.inner .owl-carousel .item{

	height:auto;

}

.banner.inner .owl-carousel .item img{

	height:auto;

}



.brands{

	padding:5rem 0 2rem;

}

.brands h2{

	font-size:18px;

	text-transform:uppercase;

	color:#124734;

	margin-bottom:35px;

	font-weight:600;

}

.brands .brnd-logo img:not(:last-child){

	margin-right:40px;

}

.brands hr{

	height:3px;

	background:#c3bba1;

	margin-top:60px;

}

.head{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:30px;

}

.head h1,.head h2{

	color:#124734;

	font-weight:600;

	font-size:30px;

	text-transform:uppercase;

}

.head a.view-all{

	margin-bottom:0;

}

.featured{

	padding:2rem 0 5rem;

	position:relative;

}

.featured .ara-img{	

	border-radius: 6px;

	margin-bottom:15px;

	background:#fff;

	overflow:hidden;

}

.featured .cntn{

	position:relative;

}

.featured .cntn img{

	width:100%;

	height:100%;

	object-fit:cover;

}

.featured .cntn .price{

	display:flex;

	align-items:center;

	margin:6px 0;

}

.featured .cntn .price h4{

	font-size:20px;

	font-weight:600;

	color:#000;

}

.featured .cntn .price h4.disable{

	font-size:16px;

	color:#7d7d7d;

	margin-left:25px;

	text-decoration: line-through;

}

.shop-now{

	color:#124734;

	text-transform:uppercase;

	text-decoration:underline;

	font-size:16px;

	font-weight:600;

}

.shop-now:hover{color: green;}

.featured .cntn p{

	color:#000;

	font-size:19px;

	margin-bottom:5px;

	font-weight:600;

}

.featured .cntn h6{

	color:#000;

	font-size:14px;

	font-weight:400;

	margin-bottom:8px;

	margin-top:30px;

	text-transform:uppercase;

}

.featured .cntn .prc{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-top:20px;

	padding:12px 0;

	border-top:1px solid #aaa;

	border-bottom:1px solid #aaa;

}

.featured .cntn .prc h6{

	font-size:20px;

	font-weight:500;

	color:#131313;

}

.featured .cntn .prc a{

	background:#fff;

	border:1px solid #124734;

	color:#124734;

	border-radius:30px;

	padding:6px 15px;

	font-weight:500;

	font-size:15px;

}

.featured .cntn .prc a:hover{

	background:#124734;

	color:#fff;

}

.featured .cntn a.new{

	position:absolute;

	right:20px;

	top:20px;

}



.featured .owl-dots{

	position:absolute;

	width:100%;

	bottom:-60px;

	text-align:center;

}

.featured .owl-dots .owl-dot span{

	width:12px;

	height:12px;

	border-radius:50%;

	border:2px solid #dfdfdf;

	display:block;

	background:transparent;

}

.featured .owl-dots .owl-dot:not(:last-child){

	margin-right:5px;

}

.featured .owl-dots .owl-dot.active span, .featured .owl-dots .owl-dot:hover span{

	background:#124734;

	border:2px solid #124734;

}

.featured .owl-carousel .owl-dots.disabled, .featured .owl-carousel .owl-nav.disabled{

	display:block;

}

.featured .owl-nav{

	position:absolute;

	top:25%;

	transform:translateY(-50%);

	width:100%;

}

.featured .owl-nav .owl-prev{

	position:absolute;

	left: -25px;	

	background:#fff !important;

	border-radius:50%;

	width:50px;

	height:50px;

	display:flex;

	align-items:center;

	justify-content:center;

	border:1px solid #c9c9c9 !important;

}

.featured .owl-nav .owl-next{

	position:absolute;

	right:-25px;	

	background:#fff !important;

	border-radius:50%;

	width:50px;

	height:50px;

	display:flex;

	align-items:center;

	justify-content:center;

	border:1px solid #c9c9c9 !important;

}

.featured .owl-nav .owl-prev span{

	font-size:0;

	background:url(../images/right.png) no-repeat;

	transform:rotate(-180deg);

	width:19px;

	height:16px;

	background-size:100% 100%;

	display:block;

}

.featured .owl-nav .owl-next span{

	font-size:0;

	background:url(../images/right.png) no-repeat;

	width:19px;

	height:16px;

	background-size:100% 100%;

	display:block;

}



.waste{

	padding:6rem 0;

}

.waste h2{

	font-size:26px;

	font-weight:600;

	line-height:34px;

	margin-bottom:20px;

	color:#124734;

	text-transform:uppercase;

}

.waste h5{

	font-size:18px;

	font-weight:500;

	margin-bottom:15px;

	color:#c43a0a;

	text-transform:uppercase;

}

.waste .text{

	position:relative;

	overflow:hidden;

	margin-top:60px;

}

.waste .text:before{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	content:'';

	background:rgba(0,0,0,0.3);

	z-index:1;

	border-radius:6px;

}

.waste .text .content{

	position:absolute;

	width:100%;

	top:50%;

	transform:translateY(-50%);

	z-index:2;

	text-align:center;

}

.waste .text .content h4{

	color:#fff;

	font-size:32px;

	line-height:44px;

	font-weight:700;

	text-transform:uppercase;

}





.sustain .owl-nav {

    top: 35%;

}



.prom{

	padding:12rem 0;

	background:url(../images/promises.png) no-repeat;

	width:100%;

	height:100%;

	background-size:cover;

}

.prom .data{

	width:80%;

}

.prom .data h2{

	font-size:40px;

	text-transform:uppercase;

	margin-bottom:6px;

	color:#124734;

	font-weight:600;

}

.prom .data h6{

	font-size:22px;

	font-weight:500;

	margin-bottom:20px;

	color:#000;

}

.prom .data p{

	font-size:18px;

	line-height:26px;

	font-weight:400;

	margin-bottom:40px;

	color:#2b3a43;

}

.prom .data a{

	float:left;

}

.collection{

	padding:6rem 0;

	background:#124734;

}

.collection .head h1,.collection .head h2{

	color:#f3f0e4;

}

.collection a.view-all {

    border: 1px solid #f3f0e4;

    color: #f3f0e4;

}

.collection a.view-all:hover{

	background:#fff !important;

	color:#124734;

}

.collection .cntn img{

	margin-bottom:30px;

}

.collection .cntn h6{

	font-size:14px;

	color:#fff;

	margin-bottom:5px;

	font-weight:400;

}

.collection .cntn h5{

	font-size:18px;

	color:#fff;

	margin-bottom:10px;

	font-weight:600;	

	min-height: 50px;

}

.collection .cntn p{

	font-size:18px;

	color:#dcdcdc;

	margin-bottom:20px;

	font-weight:300;

}

.collection .cntn a {

    color: #f3f0e4;

    font-weight: 600;

    font-size: 16px;

	display:block;

	width:max-content;

	text-decoration:underline;

	text-transform:uppercase;

}

.collection .owl-dots{

	position:absolute;

	width:100%;

	bottom:-60px;

	text-align:center;

}

.collection .owl-dots .owl-dot span{

	width:12px;

	height:12px;

	border-radius:50%;

	border:2px solid #dfdfdf;

	display:block;

	background:transparent;

}

.collection .owl-dots .owl-dot:not(:last-child){

	margin-right:5px;

}

.collection .owl-dots .owl-dot.active span, .collection .owl-dots .owl-dot:hover span{

	background:#fff;

	border:2px solid #fff;

}

.collection .owl-carousel .owl-dots.disabled, .collection .owl-carousel .owl-nav.disabled{

	display:block;

}

.collection .owl-nav{

	position:absolute;

	top:25%;

	transform:translateY(-50%);

	width:100%;

}

.collection .owl-nav .owl-prev{

	position:absolute;

	left:-25px;

	background: #fff !important;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #c9c9c9 !important;

}

.collection .owl-nav .owl-next{

	position:absolute;

	right:-25px;

	background: #fff !important;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #c9c9c9 !important;

}

.collection .owl-nav .owl-prev span{

	font-size:0;

	background: url(../images/right.png) no-repeat;

    transform: rotate(-180deg);

    width: 19px;

    height: 16px;

    background-size: 100% 100%;

    display: block;

}

.collection .owl-nav .owl-next span{

	font-size:0;

	background: url(../images/right.png) no-repeat;

    width: 19px;

    height: 16px;

    background-size: 100% 100%;

    display: block;

}



.eco{

	padding:1rem 0;

}

.eco .text {

    margin-top: 0px;

}

.eco h5{

	color:#fff;

	margin-bottom:40px;

}

.eco a.view-all{

    float: none;

    margin: 0 auto;

	background:rgba(0,0,0,0.5);

	border:1px solid #fff;

	color:#fff;

	transition:0.4s ease-in;

}



.eco a.view-all:hover{

	transition:0.4s ease-in;

	background:#124734;

}

.testim{

	padding:8rem 0;

}

.testim .blue-bg{

	border-radius:8px;

	padding:30px 30px;

	border:2px solid #464646;

	transition:0.5s ease;

}

.testim .blue-bg:hover{

	background:#fff;

	transition:0.5s ease;

}

.testim .blue-bg .hdg{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:30px;

}

.testim .blue-bg .hdg img{

	width:50px;

	height:auto;

}

.testim .blue-bg h6{

	font-size:18px;

	margin-bottom:6px;

	color:#c43a0a;

	text-transform:uppercase;

	font-weight:400;

}

.testim .blue-bg p{

	font-size:16px;

	margin-bottom:25px;

	color:#464646;

	line-height:22px;

	font-weight:500;

	min-height:65px;

}

.testim .blue-bg a{

	color:#124734;

	text-transform:uppercase;

	font-size:16px;

	font-weight:600;

}

.testim .blue-bg img.star{

	width:130px;

	height:auto;

}

.testim .owl-nav {

    position: absolute;

    top: 40%;

    transform: translateY(-50%);

    width: 100%;

}

.testim .owl-nav .owl-prev {

    position: absolute;

    left: -25px;

    background: #fff !important;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #c9c9c9 !important;

}

.testim .owl-nav .owl-prev span {

    font-size: 0;

    background: url(../images/right.png) no-repeat;

    transform: rotate(-180deg);

    width: 19px;

    height: 16px;

    background-size: 100% 100%;

    display: block;

}

.testim .owl-nav .owl-next {

    position: absolute;

    right: -25px;

    background: #fff !important;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #c9c9c9 !important;

}

.testim .owl-nav .owl-next span {

    font-size: 0;

    background: url(../images/right.png) no-repeat;

    width: 19px;

    height: 16px;

    background-size: 100% 100%;

    display: block;

}

.testim .owl-dots{

	position:absolute;

	width:100%;

	bottom:-60px;

	text-align:center;

}

.testim .owl-dots .owl-dot span{

	width:12px;

	height:12px;

	border-radius:50%;

	border:2px solid #dfdfdf;

	display:block;

	background:transparent;

}

.testim .owl-dots .owl-dot:not(:last-child){

	margin-right:5px;

}

.testim .owl-dots .owl-dot.active span, .testim .owl-dots .owl-dot:hover span{

	background:#124734;

	border:2px solid #124734;

}

footer{

	padding:6rem 0 0rem;

}

footer .dv:nth-child(1){

	width:23%;

}

footer .dv:nth-child(2){

	width:17%;

}

footer .dv:nth-child(3){

	width:13%;

}

footer .dv:nth-child(4){

	width:22%;

}

footer .dv:nth-child(5){

	width:25%;

}

footer h6{

	color:#124734;

	font-size:22px;

	font-weight:500;

	margin-bottom:20px;

	text-transform:uppercase;

}

footer p{

	color:#124734;

	font-size:16px;

	font-weight:400;

}

footer .copy p a{

	color:#124734;

	margin-left:25px;

}

footer .srch{

	/*position:relative;

	width:100%;

	margin:20px 0 40px;*/

}

footer .srch input{

	/*width:100%;

	height:60px;

	background:#f3f0e4;

	border:1px solid #124734;

	border-radius:30px;

	position:relative;

	padding:20px 40px 20px 35px;*/

}

footer .srch input::placeholder{

	color:#124734;

}

footer .srch a{

	position:absolute;

	right:32px;

	top:50%;

	transform:translateY(-50%);

}

footer h5{

	color:#1a1313;

	font-size:22px;

	font-weight:400;

	margin-bottom:5px;

}

footer ul li{

	margin-bottom:12px;

}



footer .mailing li{

	margin-bottom:18px;

}

footer ul li a{

	color:#124734;

	font-size:15px;

	font-weight:400;

}

footer a.footer-logo{

	margin:0 auto;

	display:block;

}

footer a.footer-logo{

	margin-bottom:35px;

}

.footer-logo img{width: 200px;}

footer .mailing li{

	display:flex;

	align-items:center;

	word-break: break-all;

    line-height: 15px;

}

footer .mailing li img{

	margin-right:10px;

}

 .social{

	display:flex;

	align-items:center;

	margin-bottom:40px;

	margin-top:15px;

}

.social a{

	border:1px solid #124734;

	border-radius:50%;

	width:35px;

	height:35px;

	display:flex;

	align-items:center;

	justify-content:center;

	transition:0.5s ease;

}

 .social a:hover{

	transition:0.5s ease;

	background:#124734;

}

 .social a:not(:last-child){

	margin-right:10px;

}

.social a i{

	font-size:18px;

	color:#124734;

	transition:0.5s ease;

}

.social a:hover i{

	color:#fff;

	transition:0.5s ease;

}

footer .call{

	display:flex;

	margin-bottom:20px;

	align-items:center;

}

footer .call p, footer .call p a{

	color:#131313;

	font-size:18px;

}

footer .call img{

	margin-right:15px;

}

footer .mail{

	display:flex;

	margin-bottom:20px;

	align-items:center;

}

footer .mail a{

	color:#124734;

	font-size:18px;

	text-decoration:underline;

}

footer .mail img{

	margin-right:15px;

}

footer .copy{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-top:20px;

	padding:30px 0;

}

footer .bottom{

	padding:10px;

	text-align:center;

	background:#124734;

}

footer .bottom p{

	color:#1a1313;

	font-size:16px;

	font-weight:400;

}

footer .bottom p a{

	color:#161796;

	text-decoration:underline;

	font-weight:400;

}



.breadcrum{

	padding:12px 0 6px;    margin-top: 30px;

}

.breadcrum ul{

	display:flex;

	align-items:center;

	justify-content:center;

}

.breadcrum ul li:not(:last-child):before{

	background:url(../images/double.png) no-repeat;

	background-size:100% 100%;

	width: 9px;

    height: 10px;

    right: -24px;

    top: 8px;

	position:absolute;

	content:'';

}

.breadcrum ul li a{

	font-size:18px;

	font-weight:400;

	color:#000;

}

.breadcrum ul li{

	font-size:18px;

	font-weight:500;

	color:#124734;

	position:relative;

}

.breadcrum ul li:not(:last-child){

	margin-right:35px;

}



.a-img{

	width:100%;

	height:100%;

	object-fit:cover;

	border-radius:8px;

}



.about{

	padding:3rem 0;

}

.about .detail{

	background:#bde0c9;

	padding:50px;

	border-radius:8px;

	height:100%;

	display: flex;

    justify-content: center;

    flex-direction: column;

}

.about .detail h4{

	color:#124734;

	font-size:36px;

	font-weight:600;

	text-transform:uppercase;

	margin-bottom:15px;

}

.about .detail p{

	color:#000;

	font-size:18px;

	line-height:26px;

	font-weight:400;

	margin-bottom:20px;

}

.about2{

	position:relative;

}

.about2 .bg{

	background:url(../images/about-2.png) no-repeat;

	background-position:center;

	width:100%;

	height:100%;

	background-size:cover;

	padding:16rem 10rem;

	border-radius:8px;

	overflow:hidden;

	position:relative;

}

.about2 .bg:before{

	position:absolute;

	width:100%;

	height:100%;

	background:rgba(69,95,27,0.6);

	content:'';

	left:0;

	top:0;

	border-radius:8px;

}

.about2 .detail{

	position:relative;

}

.about2 .detail h4{

	font-size:36px;

	font-weight:600;

	line-height:54px;

	margin-bottom:20px;

	color:#fff;

}

.about2 .detail h5{

	font-size:22px;

	font-weight:400;

	margin-bottom:0px;

	color:#fff;

}

.about.rev{

	padding:3rem 0 1rem;

}

.about.rev .detail{

	background:#e0e2ba;

}

.about h6{

	font-size:22px;

	font-weight:400;

	color:#124734;

}

.goal{

	padding:2rem 0 4rem;

}

.goal .white{

	background:#fff;

	border:1px solid #b1ac97;

	border-radius:8px;

	padding:30px 30px;

	min-height:180px;

	display:flex;

	align-items:flex-start;

	justify-content:center;	

	margin-bottom:20px;

	transition:0.4s ease;

	transform:scale(1);

	overflow:hidden;

}

.goal .white p{

	color:#464646;

	font-size:16px;

	line-height:24px;

	font-weight:400;

	transition:0.4s ease;

}

.goal .white:hover{

	background:#124734;

	transition:0.4s ease;

	box-shadow:0px 0px 5px #dfdfdf;

	transform:scale(1.04);

}

.goal .white:hover p{

	color:#fff;

	transition:0.4s ease;

}

.sust{

	position:relative;

}

.sust .bg{

	background:url(../images/about-5.png) no-repeat;

	width:100%;

	height:100%;

	background-size:cover;

	padding:8rem 6rem;

	position:relative;

	border-radius:8px;

}

.sust .bg:before{

	position:absolute;

	width:100%;

	height:100%;

	background:rgba(44,61,49,0.5);

	content:'';

	left:0;

	top:0;

	border-radius:8px;

}

.sust h2{

	color:#fff;

	font-size:52px;

	font-weight:700;

	margin-bottom:5px;

	position:relative;

	text-transform:uppercase;

}

.sust h6{

	position:relative;

	color:#fff;

	font-size:24px;

	font-weight:400;

	margin-bottom:25px;

}

.sust a.button{

	background: #fff;

    border-radius: 30px;

    padding: 12px 20px;

	display:block;

	font-weight:500;

    width: 150px;

    text-align: center;

    transition: all .5s ease-in;

    margin: 0 auto;

	color:#124734;

	position:relative;

	text-transform:uppercase;

}

.sust a.button:hover{

	background: #124734;

	color:#fff;

}





.contact-us{

	padding:3rem 0;

}



.contact-us .white{

	padding:50px 60px;

	background:#fff;

	border-radius:8px;

}

.contact-us .white.left{

	height:100%;	

}

.contact-us h2{

	font-size:36px;

	margin-bottom:15px;

	color:#124734;

	text-transform:uppercase;

	font-weight:600;

}

.contact-us p{

	font-size:18px;

	margin-bottom:25px;

	color:#222;

	font-weight:400;

}

.contact-us form label{

	font-size:18px;

	font-weight:400;

	margin-bottom:8px;

	color:#222;

}

.contact-us form label sup{

	color:#d32828;

}

.contact-us form .form-control{

	background:#ececec;

	border-radius:8px;

	padding:16px 10px;

	border:none;

}

.contact-us form button{

	background:#124734;

	padding:12px 20px;

	width:150px;

	color:#fff;

	border:none;

	outline:none;

	border-radius:30px;

	font-size:18px;

	font-weight:500;

}

.contact-us .right ul{

	margin-bottom:40px;

}

.contact-us .right li {

    display: flex;

    align-items: center;

    word-break: break-all;

}

.contact-us .right li {

    margin-bottom: 25px;

}

.contact-us .right li img {

    margin-right: 20px;

	width:25px;

	height:25px;

	object-fit:contain;

}

.contact-us .right ul li a {

    color: #124734;

    font-size: 24px;

    font-weight: 400;

}

.contact-us .right .social {

    display: flex;

    align-items: center;

    margin-bottom: 0px;

    margin-top: 15px;

}

.contact-us .right .social a:not(:last-child) {

    margin-right: 10px;

}

.contact-us .right .social a {

    border: 1px solid #124734;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.5s ease;

}

.contact-us .right .social a i {

    font-size: 18px;

    color: #124734;

    transition: 0.5s ease;

}

.contact-us .right .social a:hover {

    transition: 0.5s ease;

    background: #124734;

}

.contact-us .right .social a:hover i {

    color: #fff;

    transition: 0.5s ease;

}



.form-group {

    margin-bottom: 1.5rem;

}



.creatives{ padding:3rem 0px 114px 0px; }
.creatives .detail{background:#e0e2ba; text-align:center; padding:120px 50px; border-radius:8px; height:100%; display: flex; justify-content: center; flex-direction: column;}
.creatives .detail h4{color:#124734; font-size:36px; font-weight:700; text-transform:uppercase; margin-bottom:34px;}
.creatives .detail p {color:#222222; font-size:24px; line-height:1.5; font-style:italic; font-weight:400; margin-bottom:40px;}
.creatives .detail .lk {background:#124734; display:block; color:#ffffff; font-size:16px; line-height: 1.2; text-align: center; text-transform: uppercase; height:52px; border-radius: 26px; padding-top:16px; width:100%; max-width:175px; margin:0px auto;}
.creatives .detail .lk:hover {background: #000; color:#ffffff;}

.creatives2 {margin-bottom:120px;}
.creatives2 .container-lgg {padding:0px 80px;}
.creatives2 h1,.creatives2 h2 {font-size:30px; line-height: 1.5; color:#124734; text-transform: uppercase; font-weight:600; margin-bottom:30px;}
.creatives2 .dv {position:relative; display: block;}
.creatives2 .dv .gr {position:absolute; left:0px; bottom:0px; background:url(../images/grad.png) repeat-x left bottom; width:100%;height:100%; border-radius:10px;}
.creatives2 .dv .tx {position:absolute; left:0px; bottom:0px; width:100%; padding:0px 40px 50px 40px;}
.creatives2 .dv .tx h2 {font-size:30px; color:#ffffff; margin-bottom:10px;}
.creatives2 .dv .tx h3 {font-size:18px; color:#bcbcbc;}

.creatives3 {position: relative;}
.creatives3 .bg {background: url(../images/creatives_pic2.jpg) no-repeat; background-position: center; width: 100%; height: 100%; background-size: cover; padding: 16rem 10rem; border-radius: 8px; overflow: hidden; position: relative;}
.creatives3 .detail {position: relative;}
.creatives3 h4 {font-size: 40px; font-weight: 600; line-height: 54px; margin-bottom: 30px; color: #fff;}
.creatives3 h5 {font-size: 30px; font-weight: 400; line-height: 1.3; margin-bottom: 10px; color: #fff;}
.creatives3 h6 {font-size: 18px; line-height:1.3; text-decoration: underline; color:#ffffff;}

.creatives4 {padding:116px 0px;}
.creatives4 .container-lgg {text-align:center;}
.creatives4 h1,.creatives4 h2 {font-size:60px; line-height:1.2; font-weight:600; margin-bottom:40px;}
.creatives4 a {background:#124734; display:block; color:#ffffff; font-size:16px; line-height: 1.2; text-align: center; text-transform: uppercase; height:52px; border-radius: 26px; padding-top:16px; width:100%; max-width:175px; margin:0px auto;}
.creatives4 a:hover {background: #000; color:#ffffff;}


.jobboards{ padding:3rem 0px 114px 0px; }
.jobboards .detail{background:#e0e2ba; padding:90px; border-radius:8px; height:100%; display: flex; justify-content: center; flex-direction: column;}
.jobboards .detail h1,.jobboards .detail h2{color:#124734; font-size:36px; font-weight:600; text-transform:uppercase; margin-bottom:34px;}
.jobboards .detail h2{color:#124734; font-size:30px; font-weight:600; margin-bottom:16px;}
.jobboards .detail h3{color:#124734; font-size:24px; font-weight:500; font-style: italic; margin-bottom:20px;}
.jobboards .detail p {color:#222222; font-size:18px; line-height:1.5; font-weight:400; margin-bottom:30px;}
.jobboards .detail .lks {display:block; margin-bottom:40px;}
.jobboards .detail .lks a {float: left; font-size: 18px; line-height: 1.2; color: #222222; text-transform: uppercase; background: #f3f0e4; padding: 15px 30px 15px 30px; font-weight: 600; border-radius: 10px; margin-right: 10px; margin-bottom:10px;}

.jobboards2 {position: relative;}
.jobboards2 .bg {background: url(../images/jobboards_pic2.jpg) no-repeat; background-position: center; width: 100%; height: 100%; background-size: cover; padding: 160px 40px; border-radius: 8px; overflow: hidden; position: relative;}
.jobboards2 .detail {position: relative; max-width: 1100px; margin: 0px auto;}
.jobboards2 h1,.jobboards2 h2 {font-size: 36px; line-height: 40px; margin-bottom: 6px; color: #fff; font-weight: 500; text-transform: uppercase;}
.jobboards2 h2 {font-size: 30px; font-weight: 400; line-height: 1.3; margin-bottom: 60px; color: #fff;}
.jobboards2 h3 {font-size: 36px; line-height:1.3; color:#ffffff;  margin-bottom: 40px;}
.jobboards2 .tx {font-size: 26px; line-height:1.3;  color:#ffffff;}

.jobboards3 { padding:6rem 0px 114px 0px; }
.jobboards3 .detail {background:#d1eddb; padding:80px; border-radius:8px; height:100%; display: flex; justify-content: center; flex-direction: column;}
.jobboards3 .detail h1,.jobboards3 .detail h2 {color:#124734; font-size:36px; font-weight:600; text-transform:uppercase; margin-bottom:34px;}
.jobboards3 .detail ul {font-size:18px; line-height:1.6; font-weight:500;}
.jobboards3 .detail li {position:relative; padding:0px 0px 20px 26px;}
.jobboards3 .detail li:before {content:''; position: absolute; top:8px; left:0px; width:11px; height:11px; background: #124734; border-radius: 50%;}
.jobboards3 .detail .pcs {display:block; border-bottom: 1px solid #abddbd; padding-bottom: 40px; margin-bottom:40px;}
.jobboards3 .detail .pcs .pc {float:left; width:33.33%; padding-right:40px;}
.jobboards3 .detail .pcs .pc img {max-width: 300px; width:100%;}

@media(min-width:1400px){

	.featured .cntn p {

    min-height:30px;

	}

	.waste .text img{

	width:100%;	

	}

	.top-area .call p, .top-area .free p, .top-area .mail p {

    font-size: 16px;

	}

	header .mid-area .logo-text {

    font-size: 20px;

	}

	.banner .slide-dec h1,.banner .slide-dec h2 {

    font-size: 52px;

    line-height: 52px;

	}

	.banner .slide-dec p {

    font-size: 24px;

    line-height: 32px;

	}

	.featured .cntn p{

	font-size:24px;

	}

	.featured .cntn .price h4 {

    font-size: 24px;

	}

	.waste h2 {

    font-size:33px;

    line-height: 44px;

	}

	.waste .text .content h4 {

    font-size: 36px;

	}

	.prom .data h2 {

    font-size: 48px;

	}

	.prom .data h6 {

    font-size: 30px;

	}

	.testim .blue-bg p {

    font-size: 22px;

    line-height: 32px;

	min-height:90px;

	}

	.collection .cntn h5 {

    font-size: 24px;

	min-height: 65px;

	}

	.eco .text .content h4{

	margin-bottom:20px;	

	}

	header .mid-area .menu ul li a {

    font-size: 18px;

	}

	.on-load .modal-dialog {

    max-width: 900px;

	}

	.goal .white{

	padding:50px 30px;

	min-height:250px;

	}

	.goal .white p{

	font-size:22px;

	line-height:30px;

	}

	.about .detail {

    padding: 60px 80px;

	}

	footer .social a {

    width: 42px;

    height: 42px;

	}

	footer .social a i {

    font-size: 20px;

	}

	.contact-us .right .social a {

    width: 42px;

    height: 42px;

	}

	.contact-us .right .social a i {

    font-size: 20px;

	}

}

@media(min-width:1025px) and (max-width:1200px){

	header .mid-area .menu ul li a {

    font-size: 14px;

	}

	header.header_fixed .mid-area .logo {

    width: 350px;

	}

	header .top-area .call img, header .top-area .mail img {

    margin-right: 10px;

	width:15px;

	height:auto;

	}

	header .top-area .call p, header .top-area .free p, header .top-area .mail p {

    font-size: 12px;

	}

	header .mid-area .user-part a:not(:last-child) {

    margin-right: 15px;

	}

	header .mid-area .user-part a img{

	width:20px;	

	}

	.banner .scroll {

    font-size: 13px;

	}



	.banner .slide-dec h1,.banner .slide-dec h2 {

    font-size: 50px;

	line-height:50px;

	}

	header .top-area {

    padding: 3px 2rem;

	}

	header .mid-area .logo, .mid-area .user-area {

    padding: 10px 0;

	}

	header .mid-area .user-area {

    padding: 12px 0;

	}

	header .mid-area .menu {

    padding: 10px 0 10px 10px;

	}

	.testim .blue-bg h4 {

    font-size: 22px;

	}

	.goal .white {

    padding: 15px;

	}

	.goal .white p {

    font-size: 15px;

    line-height: 21px;

	}

	.sust h2 {

    font-size: 40px;

	}

	footer h6 {

    font-size: 17px;

	}

	.container {

    padding: 0 3rem;

	}

	.about .detail {

    padding: 30px;

	}

}

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

	.collection .cntn h6 {

    font-size: 22px;

	}

	.collection .cntn p {

    font-size: 16px;

	}

	footer ul li a {

    font-size: 13px;

	}

	header .mid-area .menu ul li a {

    font-size: 14px;

	}

	header .top-area .call p, header .top-area .free p, header .top-area .mail p {

    font-size: 16px;

	}

	.banner .slide-dec h1,.banner .slide-dec h2 {

    font-size: 40px;

    line-height: 40px;

	}

	.banner .scroll {

    bottom: 48px;

    font-size: 12px;

	}

	.about2 .bg {

    padding: 8rem 8rem;

	}

	.goal .white {

    padding:20px;

	}

	.goal .white p {

    font-size: 15px;

    line-height: 21px;

	}

	.sust h2 {

    font-size: 36px;

	}

	.container {

    padding: 0 3rem;

	}

	footer h6 {

    font-size: 15px;

	}

}

@media(min-width:992px){

	header .mid-area{

	padding:0px 4rem;

	display:flex;

	align-items:center;

	justify-content:space-between;

	transition:0.5s ease;

	position:absolute;

	width:98%;

	left:50%;

	transform:translateX(-50%);

	background:#f3f0e4;

	top:20px;

	border-radius:8px;

	}

	.on-load .modal-dialog {

    max-width: 700px;

    left: 50%;

    transform: translate(-50%, -50%) !important;

    top: 50%;

	margin:0 !important;

	}

}

@media(max-width:991px){

	

	header {

    position: relative;

    top: 0px;

	}

	header.header_fixed {

    position: fixed;

	}

	header .srch-mob{

	display:block;

	}

	header .mid-area .menu{

	display:none;

	}

	header .mid-area {

    display: flex;

    align-items: center;

    justify-content: space-between;

	padding:0 15px;

	}

	header .mid-area .logo {

    width: 40%;

	padding:10px 0;

	}

	header .mid-area .user-area{

	width:35%;

    justify-content: center;

	padding:10px 0;

	}

	.banner .owl-carousel .item {

    height: 100%;

	}

	.banner .owl-carousel .item img {

    height: 100%;

	}

	.banner {

    height: 100%;

	}

	.brands .brnd-logo img {

    width: 17%;

	}

	a.mobile-trigger {

    position: absolute;

    right: 15px;

    top: 50%;

	transform:translateY(-50%);

    width: 20px;

    height: 30px;

    display: block;

    z-index: 9;

    outline: 0 none;

    cursor: pointer;

	}

	a.mobile-trigger span {

    border-top: 2px solid #000;

    position: relative;

    height: 2px;

    background: #000;

    width: 100%;

    display: block;

    top: 9px;

	}

	a.mobile-trigger span::before {

    content: "";

    position: absolute;

    height: 2px;

    background: #000;

    width: 100%;

    display: block;

    top: 4px;

    right: 0;

    transition: all 0.5s ease-in;

    -webkit-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

	}

	a.mobile-trigger span::after {

    content: "";

    position: absolute;

    height: 2px;

    background: #000;

    width: 100%;

    display: block;

    top: 11px;

    transition: all 0.5s ease-in;

    -webkit-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

	}

	header .mid-area .user-area .srch{

	display:none;	

	}

	.mob-menu {

    height: 100vh;

    margin: 0;

    width: 68%;

    display: block;

    padding: 60px 0 15px;

    background: #fff;

    position: fixed;

    right: 0;

    z-index: 9999;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    visibility: hidden;

    top: 0;

    overflow-y: auto;

    transform: translateX(100%);

    -webkit-transform: translateX(100%);

    max-width: 375px;

	}

	body.mobile-open .mob-menu {

    visibility: visible;

    top: 0;

    transform: translateX(0%);

    -webkit-transform: translateX(0%);

	}

	body.mobile-open:after, body.mobile-open header:after {

    position: absolute;

    content: '';

    background: rgba(0,0,0,0.5);

    width: 100%;

    height: 100vh;

    z-index: 3;

    top: 0;

    left: 0;

	}

	body.mobile-open a.mobile-trigger {

    z-index: 99999;

    top: 5px!important;

	right:15px;

	}

	body.mobile-open .header_fixed a.mobile-trigger{

    top: 25px!important;

	}

	.mobile-open a.mobile-trigger span {

    background: transparent;

    border-top: 0;

	}

	body.mobile-open a.mobile-trigger span::after, body.mobile-open a.mobile-trigger span::before {

    background: #000;

	}

	body.mobile-open a.mobile-trigger span::after, body.mobile-open a.mobile-trigger span::before {

    background: #000;

	}

	.mobile-open a.mobile-trigger span::before {

    top: 0;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transition: all 0.5s ease-in;

    -webkit-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

    width: 100%;

	}

	.mobile-open a.mobile-trigger span::after {

    top: 0;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    transition: all 0.5s ease-in;

    -webkit-transition: all 0.5s ease-in;

    -ms-transition: all 0.5s ease-in;

	}

	li.hovSubMn-Mob .subMenuBx {

    width: 100%;

    display: none;

    background: #f9f9f9;

	}

	li.hovSubMn-Mob:before {

    content: '';

    position: absolute;

    width: 15px;

    height: 2px;

    background: #555;

    right: 15px;

    top: 21px;

	}

	li.hovSubMn-Mob:after {

    content: '';

    position: absolute;

    width: 15px;

    height: 2px;

    background: #555;

    right: 15px;

    top: 21px;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

	}

	.mob-menu ul li {

    width: 100%;

    display: block;

    line-height: 100%;

	border-bottom:1px solid #124734;

	}

	.mob-menu ul li:first-child{

	border-top:1px solid #124734;	

	}

	li.hovSubMn-Mob {

    position: relative;

	}

	li.hovSubMn-Mob.showSubNav:after { display:none;}

	.mob-menu ul li a {

    width: 100%;

    font-size: 14px;

    color: #232020 !important;

    line-height: 100%;

    display: block;

    text-transform: uppercase;

    margin: 0;

    text-decoration: none;

	padding: 15px 15px;

	}

	li.hovSubMn-Mob .subMenuBx {

    width: 100%;

    display: none;

    background: #f9f9f9;

	}

	li.hovSubMn-Mob .subMenuBx li:first-child {

    border-top: 1px solid #ddd;

	}

	li.hovSubMn-Mob .subMenuBx li {

    border-bottom: 1px solid #ddd;

	}

	.top-area .free {

	width: 75%;

	}		

	.top-area .call p, .top-area .free p, .top-area .mail p {

    font-size: 11px;

	}

}

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

	.on-load .modal-dialog {

    max-width: 700px;

	}

	header .top-area .call p, header .top-area .free p, header .top-area .mail p {

    font-size: 12px;

	}

	header.header_fixed .mid-area .logo {

    width: 400px;

	}

	.banner .slide-dec h1,.banner .slide-dec h2 {

    font-size: 30px;

	}

	.banner .slide-dec p {

    font-size: 15px;

	}

	.collection .cntn h6 {

    font-size: 24px;

	}

	.collection .cntn p {

    font-size: 16px;

	}

	footer .mail a {

    word-break: break-all;

	}

	footer h6 {

    font-size: 12px;

	}

	footer ul li a {

    font-size: 12px;

	}

	footer ul li {

    margin-bottom: 2px;

	}

	footer p {

    font-size: 11px;

	}

	footer .call p, footer .call p a {

    font-size: 14px;

	}

	.testim .blue-bg h4 {

    font-size: 24px;

	}

	.testim .blue-bg p {

    font-size: 18px;

    line-height: 26px;

	}

	.banner .scroll {

    bottom: 0px;

    font-size: 11px;

	}

	.shop .shp-ara {

    margin-top: 30px;

	}

	.waste h2 {

    font-size: 22px;

	}

	.waste .text .content h4 {

	padding:10px;	

    font-size: 24px;

    line-height: 36px;

	}

	.head h1,.head h2 {

    font-size: 24px;

	}

	footer .social a {

    width: 30px;

    height: 30px;

	}

	footer .social a i {

    font-size: 14px;

	}

	footer .dv:nth-child(1) {

    width: 25%;

	}

	footer .dv:nth-child(2) {

    width: 15%;

	}

	footer .mailing li img {

    margin-right: 6px;

    width: 14px;

    height: 18px;

    object-fit: contain;

	}

	.prom {

    background-position: center;

	}	

	.about .detail {

    padding: 30px 20px;

	}

	.about .detail p {

    font-size: 15px;

    line-height: 21px;

	}

	.about .detail h4 {

    font-size: 28px;

	}

	.about h6 {

    font-size: 15px;

	}

	.goal .white {

    padding: 15px;

	}

	.goal .white p {

    font-size: 15px;

    line-height: 21px;

	}

	.sust h2 {

    font-size: 30px;

	}

	.container {

    padding: 0 3rem;

	}

	.about2 .bg {

    padding: 8rem 6rem;

	background-position:center;

	}

	.about2 .detail h4 {

    font-size: 26px;

    line-height: 38px;

	}	

	.contact-us .white {

    padding: 20px;

	}

	.contact-us h2 {

    font-size: 24px;

	}

	.contact-us p {

    font-size: 15px;

	}

}

@media(max-width:767px){	

	.top-area .free {

	width: 75%;

	}	

	.top-area .call p, .top-area .free p, .top-area .mail p {

    font-size: 11px;

	}

	header .mid-area .user-part a:not(:last-child) {

    margin-right: 15px;

	}

	header .mid-area {

    padding: 0px 15px;

	}

	header .mid-area .user-area {

    width: 50%;

	}

	/* header.header_fixed .mid-area .user-part{

	display:none;	

	} */

	.banner{

	height:100%;

	}

	.banner .owl-carousel .item{

	height:100%;

	}

	.banner .owl-carousel .item img{

	height:100%;

	}

	.banner .slide-dec {

    width: 100%;

	}

	.banner .slide-dec p {

    font-size: 14px;

    line-height: 16px;

    margin-bottom: 10px;

    width: 95%;

	}

	.banner .slide-dec h1,.banner .slide-dec h2 {

    font-size: 22px;

    line-height: 24px;

    margin-bottom: 10px;

	}

	.banner .slide-dec .btn-comn {

    height: 35px;

    padding: 6px 25px;

    width: max-content;

	}

	.banner .slide-dec .btn-comn a {

    font-size: 13px;

	}

	.banner .owl-dots {

    bottom: 0; 

	}

	.banner .scroll {

    bottom: 56px;

    font-size: 12px;

	}

	.banner .scroll span.line {

    width: 35px;

	}

	.shop, .featured, .collection, .seller, .testim {

    padding: 3rem 0;

	}

	.featured .owl-dots {

    bottom: -35px;

	}

	.collection .owl-dots {

    bottom: -35px;

	}

	.seller .owl-dots {

    bottom: -35px;

	}

	.testim .owl-dots {

    bottom: -35px;

	}

	a.view-all {

    padding: 2px 20px;

    font-size: 15px;

	width:max-content;

	}

	.head h1,.head h2 {

    font-size: 18px;

	}

	.featured .owl-carousel .owl-nav.disabled{

	display:none;	

	}

	.collection .owl-carousel .owl-nav.disabled {

    display: none;

	}

	.collection .cntn h6 {

    font-size: 20px;

	}

	.collection .cntn p {

    font-size: 16px;

	}

	/* footer a.footer-logo img {

    width: 100%;

	} */

	footer a.footer-logo{

	width:100%;	

	}

	footer .copy {

    flex-direction: column;

	}

	footer .copy p{

	margin-bottom:15px;	

	}	

	li.ftr{

	position:relative;

	}

	li.ftr .subMenuBx {

    width: 100%;

    display: none;

	margin-bottom:40px;

	}

	li.ftr:after {

    content: '';

    position: absolute;

    width: 15px;

    height: 2px;

    background: #555;

    right: 15px;

    top: 9px;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

	}

	li.ftr:before {

    content: '';

    position: absolute;

    width: 15px;

    height: 2px;

    background: #555;

    right: 15px;

    top: 9px;

	}

	li.ftr.showSubNav:after { display:none;}

	.head h1,.head h2 {

    width:100%;

	}

	.featured .cntn p {

    min-height: 100%;

	}

	.collection .cntn p {

    min-height: 100%;

	}

	.testim .blue-bg h4 {

    font-size: 18px;

	}

	.testim .blue-bg {

    padding: 30px 16px;

	}

	.testim .blue-bg p {

    font-size: 16px;

    line-height: 22px;

	}

	.testim .blue-bg h6 {

    font-size: 20px;

	}

	.container {

    padding: 0 1rem;

	}

	.eco .text{

	margin-top:20px;	

	}	

	.contact-us .white {

    padding: 20px;

	}

	.contact-us h2 {

    font-size: 24px;

	}

	.contact-us p {

    font-size: 15px;

	}

	.contact-us .row .col-md-6:nth-child(2){

	margin-top:30px;	

	}

}

@media(min-width:581px) and (max-width:767px){

	footer .dv:nth-child(1){

	width:100%;

	text-align:center;

	}

	footer .dv:nth-child(1) img{

	width:60%;	

	}

	footer .social{

	justify-content:center;	

	}

	footer .dv:nth-child(2){

	width:100%;

	}

	footer .dv:nth-child(3){

	width:100%;

	}

	footer .dv:nth-child(4){

	width:100%;

	}

	footer .dv:nth-child(5){

	width:100%;

	}

	footer h6 {

    font-size: 16px;

	}

}

@media(max-width:580px){

	.brands .brnd-logo img:not(:last-child) {

    margin-right: 0px;

	}

	.prom {

    padding: 4rem 0;

	}

	.prom .data {

    width: 100%;

	}

	.brands .brnd-logo img{

	padding:20px;	

	}

	.brands hr {

    margin-top: 30px;

	}

	.waste h2 {

    font-size: 18px;

    line-height: 26px;

	}

	.waste .text .content h4 {

    font-size: 22px;

    line-height: 34px;

	}

	.banner .owl-carousel .item img {

    height: 300px;

    width: 100%;

    object-fit: cover;

	}

	header .mid-area{

	justify-content:flex-start;	

	}

	header.header_fixed .mid-area .user-part a img {

    width: 20px;

    height: auto;

	}

	header .mid-area .user-part {

    margin-left: 20px;

	margin-right: 20px;

	}

	header .mid-area .logo {

    width: 50%;

	}

	header .mid-area .logo-text {

    font-size: 15px;

	}

	header .mid-area{

	position: relative;

    width: 100%;

    border-radius: 0px;

	top:0;

	}

	header .mid-area .user-part a img {

    width: 22px;

    height: auto;

	}

	header .srch-mob input {

    height: 35px;

	}

	.top-area {

    display:none;

	}

	footer .dv:nth-child(1){

	width:100%;

	}

	footer .dv:nth-child(2){

	width:100%;

	}

	footer .dv:nth-child(3){

	width:100%;

	}

	footer .dv:nth-child(4){

	width:100%;

	}

	footer .dv:nth-child(5){

	width:100%;

	}	

	.brands .brnd-logo img{

	width:40%;	

	}

	.on-load h4 {

    font-size: 18px;

	}

	.on-load h2 {

    font-size: 24px;

	}

	.on-load p {

    font-size: 13px;

	}

	.on-load .srch {

    margin: 20px 0 0px;

	}

	.waste .text .content{

	padding:10px 10px;

	}

	.prom .data h2 {

    font-size: 26px;

	}

	.prom .data h6 {

    font-size: 20px;

	}

	.prom .data p {

    font-size: 15px;

    line-height: 22px;

	}

	footer h6 {

    font-size: 18px;

	}

	body.mobile-open a.mobile-trigger {

    z-index: 99999;

    top: 25px!important;

	right:15px;

	}

	.about .a-img{

	margin-top:15px;

	margin-bottom:15px;

	height:auto;	

	}

	.about2 .bg {

    padding:4rem 2rem;

	background-position:center;

	}

	.about2 .detail h4 {

    font-size: 22px;

    line-height: 32px;

	}

	.about2 .detail h5 {

    font-size: 18px;

	}

	.about .detail p {

    font-size: 15px;

    line-height: 20px;

	}

	.about h6 {

    font-size: 15px;

	}

	.about .detail {

    padding: 30px 20px;

	}

	.fund .row{

	flex-direction: column-reverse;	

	}

	.goal .white {

    min-height: auto;

	}

	.sust h2 {

    font-size: 26px;

	}

	.sust .bg {

    padding:4rem 2rem;

	}

	.sust h6 {

    font-size: 15px;

	}

	.about {

    padding: 2rem 0;

	}

	.about.rev {

    padding: 2rem 0 1rem;

	}

}

@media(max-width:340px){

	header .mid-area .logo-text {

    font-size: 13px;

	}

	header .top-area{

	align-items: flex-start;

    flex-direction: column;	

	}

	header .mid-area .user-part a img{

	width:15px;

	height:auto;	

	}

	a.mobile-trigger {

    right: 10px;

	}

	header.header_fixed a.mobile-trigger {

    right: 10px;

    margin-top: 0px;

	}

	header.header_fixed .mid-area .user-part a img {

    width: 14px;

	}

	header .mid-area .user-part {

    margin-left: 20px;

	margin-right: 20px;

	}

	header .srch-mob input {

    height: 30px;

	}

	header.header_fixed .top-area {

    padding: 2px 5px;

	transition:all .5s ease-in;

	}

	.banner .slide-dec p {

    font-size: 11px;

    line-height: 12px;

    margin-bottom: 5px;

	}

	.banner .slide-dec .btn-comn {

    height: 30px;

    padding: 2px 10px;

	}

	.banner .slide-dec h1,.banner .slide-dec h2 {

    font-size: 18px;

    line-height: 19px;

    margin-bottom: 5px;

	}	

}



/* =========

	product listing start

============= */

:root{

	--dgreen:#124734;

	--text:#222222;

}

.lds-roller {

	display: inline-block;

	position: relative;

	width: 80px;

	height: 80px;

	margin: 40px 0;

  }

  .lds-roller div {

	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

	transform-origin: 40px 40px;

  }

  .lds-roller div:after {

	content: " ";

	display: block;

	position: absolute;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: var(--dgreen);

	margin: -4px 0 0 -4px;

  }

  .lds-roller div:nth-child(1) {

	animation-delay: -0.036s;

  }

  .lds-roller div:nth-child(1):after {

	top: 63px;

	left: 63px;

  }

  .lds-roller div:nth-child(2) {

	animation-delay: -0.072s;

  }

  .lds-roller div:nth-child(2):after {

	top: 68px;

	left: 56px;

  }

  .lds-roller div:nth-child(3) {

	animation-delay: -0.108s;

  }

  .lds-roller div:nth-child(3):after {

	top: 71px;

	left: 48px;

  }

  .lds-roller div:nth-child(4) {

	animation-delay: -0.144s;

  }

  .lds-roller div:nth-child(4):after {

	top: 72px;

	left: 40px;

  }

  .lds-roller div:nth-child(5) {

	animation-delay: -0.18s;

  }

  .lds-roller div:nth-child(5):after {

	top: 71px;

	left: 32px;

  }

  .lds-roller div:nth-child(6) {

	animation-delay: -0.216s;

  }

  .lds-roller div:nth-child(6):after {

	top: 68px;

	left: 24px;

  }

  .lds-roller div:nth-child(7) {

	animation-delay: -0.252s;

  }

  .lds-roller div:nth-child(7):after {

	top: 63px;

	left: 17px;

  }

  .lds-roller div:nth-child(8) {

	animation-delay: -0.288s;

  }

  .lds-roller div:nth-child(8):after {

	top: 56px;

	left: 12px;

  }

  @keyframes lds-roller {

	0% {

	  transform: rotate(0deg);

	}

	100% {

	  transform: rotate(360deg);

	}

  }

  

.innerpg-banner{background: var(--dgreen) url('../images/banner/shop-banner.jpg') no-repeat;

    background-size: cover;

    background-position: center;

}

.banner_heading {

    padding: 20% 0 12%;

    text-align: center;

}

.banner_heading h1,.banner_heading h2 {

    font-size: 40px;

    line-height: 40px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #fff;

    text-transform: uppercase;

}

.pfilters .form-group{margin-bottom: 0;}



.pfiltleft {

    display: flex;

    flex-wrap: wrap;

}

.pfiltleft .form-group{flex: 0 0 48%;margin-right: 2%;}

.pfiltcenter {

    height: 100%;

    display: flex;

    align-items: center;padding-left: 150px;

}

.prolists.featured{padding: 0;}

.prolists .cntn{margin-top: 30px;margin-bottom: 30px;}

.prolists .ara-img{aspect-ratio: 1/1;}

select.form-control::after{

content: url('../images/icons/select-icon.png');





}

.nice-select.form-control {

    width: 100%;

    padding: 0 15px;

}

.products_lists {

    margin-top: 55px;

}





/* responsive start */

@media(max-width:767px){

	.order-maxtab-1{order: 1;}

	.order-maxtab-3{order:3}

	.order-maxtab-2{order:2}

	.pfiltleft .form-group{margin-bottom: 15px;}

	.pfiltleft{flex-wrap: nowrap;}

	.pfiltleft .form-group {

		flex: 0 0 49%;

		margin-right: 2%;

	}

	.pfiltcenter{padding-left: 0;margin-top: 10px;}

	.products_lists {

		margin-top: 20px;

	}

}



@media(min-width:768px) and (max-width:992px){

	.pfiltcenter{padding-left: 0;}

}

/* responsive end */









/* =========

	product listing end

============= */



/* =========

	product Details start

============= */

.pdetlbnr{background-image: url('../images/products/product-banner.png');

height: 200px;

}

.ptb-80{padding-top: 80px;padding-bottom: 80px;}

.starat{display: flex;margin-bottom: 10px;}

.starat i{color: #f3b91d;display: inline-block;margin: 2px;}



.overallrate {margin-bottom: 30px;}

.overallrate .starat {

    justify-content: center;

}

.overallrate .starat i{font-size: 20px;}

.overallrate b{display: inline-block;margin: 3px 5px;font-size: 42px;}

.buybtnsec {

    display: flex;

    align-items: center;

	margin-top: 30px;

}

.buybtnsec .btn{margin-right: 20px;}

.btnFill{background: #124734;

    padding: 12px 20px;

    color: #fff;

    border: none;

    outline: none;

    border-radius: 30px;

    font-size: 18px;

    font-weight: 500;text-transform: uppercase;

}

.btnFill:hover{color: #fff;background: #4FA6BA;}

.btnOutline {

	padding: 13px 20px;

    border: 1px solid #124734;

    color: #124734;

    font-size: 16px;

    border-radius: 30px;

    text-align: center;

    display: block;

    transition: 0.5s ease;text-transform: uppercase;

} 

.btnOutline:hover{

	background: #124734;color: #fff;

}

.prodetls{padding-left: 50px;}

.prodetls h6{text-transform: uppercase;}

.prodetls h1,.prodetls h2{font-size: 48px;font-weight: bold;}

.starat b{margin-left: 10px;}

.prodetls .starat{margin-bottom: 30px;}

.prod_price {

    margin-top: 30px;font-size: 32px;font-weight: bold;

}

.prod_price del{color: #7d7d7d;font-size: 26px;}

.pbimg {

    display: flex;

}

.prodthumb {

    width: 100px;

}

.prodthumb li{margin-bottom: 10px;border-radius: 10px;overflow: hidden;}

.prodthumb li img{width: 100%;cursor: pointer;}

.bigimg {

    width: calc(100% - 100px);padding-left: 10px;overflow:hidden

}

.bigimg img{width: 100%;border-radius: 10px;height: 100%;}

.ptb-50{padding-top:50px;padding-bottom:50px}

.collpse{margin-top: 30px;margin-bottom: 20px;}

.faqrow {

	margin-bottom: 15px;

  }

  .collhead{

	padding: 15px 20px;border: 1px solid #cdc7b1;

	margin-bottom: 0;font-size: 16px;cursor: pointer;position: relative;

	display: flex;align-items: center;color: var(--text);

  }

  .collhead span{

	color: var(--orange);font-size: 42px;

  }

  .collhead i{

  position: absolute;right: 15px;

  

  border-radius: 5px;

  }

  .collhead.active {

    background: #fff;

}

  .collbody{

	background: #f9f9f9;padding: 20px;border: 1px solid #ddd;

    border-top: 0;

  }

  .collapse.collapse-active {

	display: block;

  }

  .prodetls .social{margin-bottom: 0;}

  .social b{margin-right: 15px;color: var(--text);}





  @media(max-width:767px){

	.pbimg {

		flex-direction: column-reverse;

	}

	.prodthumb{width: 100%;}

	.prodthumb ul{display: flex;overflow: auto;justify-content: center;}

	.prodthumb ul li:not(:last-child){margin-right: 10px;}

	.bigimg{width: 100%;margin-bottom: 20px;padding-left: 0;}



	.prodetls{padding-left: 0;margin-top: 50px;}

	.prodetls h1,.prodetls h2{font-size: 24px;}

	.prodetls .starat{margin-bottom: 15px;}

	.prod_price{margin-top: 15px;}

	.btnOutline,.btnFill{padding: 5px;font-size: 14px;}

	.ptb-50{padding: 25px 0;}

	.bleft h6{font-size: 14px;}

  }



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

	.prodetls{padding-left: 0;margin-top: 50px;}

  }



  @media(min-width:1500px){

	.collhead {

		padding: 20px 25px;font-size: 18px;

	}

	.prodetls h1,.prodetls h2{font-size: 54px;}

	.prodetls b{font-weight: normal;}

	.prodetls b{font-size: 16px;}

	.prodetls p{font-size: 18px;}

	.prod_price{font-size: 34px;}

	.prod_price del{font-size: 26px;}

	.btnOutline{padding: 15px 60px;font-size: 18px;;}

	.btnFill{padding: 15px 60px;font-size: 18px;}

	.reviews .btnOutline {padding: 15px 30px}

	.social{margin-top: 25px;}

	.social a i{font-size: 24px;}

	.social a{width: 45px;height: 45px;}

  }

/* =========

	product Details end

============= */













/* =========

	blog listing start

============= */

img{max-width: 100%;}

.blog_banner{

	background-image: url('../images/banner/blog.png');

}

.blistcard {

    margin-top: 60px;

	border: 2px solid transparent;

}

.blistcard .card-img{aspect-ratio: 1/1;border-radius: 10px;overflow: hidden;}

.blistcard img {

    width: 100%;

    height: 100%;

    object-fit: cover;

	transition: all .3s ease-in-out;

   

}

.blistcard:hover img{

	transform: scale(1.05);

}

.blistcard .card-body{padding: 0;}

.blistcard small{color: var(--text);margin-top: 10px;display: block;}

.blistcard h4{color: var(--dgreen);font-size: 22px;margin-top: 10px;min-height:55px;overflow: hidden;

font-weight: bold;

}

.blistcard p{color: var(--text);margin-top: 10px;font-size: 16px;}

.blistcard ul{border-top: 1px solid var(--text);border-bottom: 1px solid var(--text);margin: 15px 0;}

.blistcard ul{display: flex;align-items: center;justify-content: space-between;}

.blistcard ul li{color: var(--text);font-size: 12px;padding: 10px 5px;display: flex;

    align-items: center;}

.blistcard ul li i{font-size: 14px;margin-right: 5px;}



/* responsive */



@media(max-width:767px){

	.blistcard{margin-top: 30px;}

	.blistcard h4{min-height: auto;font-size: 18px;}

	.blistcard p{font-size: 14px;}

	.blistcard ul li{font-size: 10px;}

	.blog_lists .container{padding: 0 15px;}

}



@media(min-width:1600px){

	.blistcard{padding: 15px;}

}



/* responsive */



/* =========

	blog listing end

============= */







/* =========

	blog details start

============= */



.bdetails_bnr{

	background: #528d74;padding: 10% 0 3%;

}

.bdtlimg {

    padding-right: 50px;

}

.bdtlimg img{border-radius: 10px;}

.bdetails_bnr .row{

align-items: center;

}

.bdtlmaintxt small{color: #ddd;font-size: 18px;}

.bdtlmaintxt h1,.bdtlmaintxt h2{font-size: 42px;color: #fff;margin-top: 10px;font-weight: bold;}

.bdtlmaintxt ul {

    display: flex;

    margin-top: 40px;

    color: #ddd;

}

.bdtlmaintxt ul li:not(:last-child){margin-right: 50px;}



.linktxt{color: var(--dgreen);font-weight: bold;text-decoration: underline;}

.blgleft {

    padding-right: 40px;

}

.blgleft h3{font-size: 36px;color: var(--text);margin-top: 50px;font-weight: bold;}

.blgleft h4{font-size: 26px;margin-top: 50px;font-weight: bold;color: var(--text);}

.blgleft p{margin-top: 20px; font-size: 18px;

    line-height: 26px;}

.blgleft img{margin-top: 30px;}





/* .blgright {

    position: sticky;

    top: 120px;

} */

.blgright h2{color: var(--dgreen);font-size: 28px;margin-top: 50px;text-transform: uppercase;}

.media{display: flex;}

.post_media {margin-top: 25px;border-bottom: 1px solid var(--dgreen);padding-bottom: 25px;}

.post_media_link{color: inherit;}

.post_media_link:hover{color: var(--dgreen);}

.post_media .media-img{width: 100px;border-radius: 10px;}

.authb .media-img{border: 1px solid #b1ac97;}

.authb .media-img img{    height: 100%;

    object-fit: cover;}

.post_media .media-img img{border-radius: 10px;width: 100%;}

.post_media small{display: block;margin-top: -5px;}

.post_media .media-body{width: calc(100% - 100px);padding-left: 25px;}

.post_media small{font-size: 14px;}

.post_media h5{font-size: 20px;font-weight: bold;color: var(--dgreen);}

.post_media p{font-size: 16px;margin: 7px 0;line-height: 20px;}

.post_media .shop-now{font-size: 14px;}

.vallbtn-sec{text-align: right;}

.vallbtn{background: var(--dgreen);color: #FFF;border-radius: 30px;padding: 7px 25px;

color: #fff;margin-top: 20px;

}

.vallbtn:hover{color: #fff;background: #4FA6BA;}





.crdgrn{

	background: #bde0c9;padding: 40px;border-radius: 10px;margin-top: 50px;

}

.crdgrn h5{font-size: 22px;font-weight: bold;margin-bottom: 5px;color: var(--dgreen);}

.crdgrn p{margin-top: 0;font-size: 18px;}

.crdgrn ul{margin-top: 20px;}

.crdgrn ul li{padding: 5px 0;font-size: 16px;font-weight: 600;color: var(--text);}



.tagsec{margin-top: 30px;color: var(--text);}

.tagsec h6{font-size: 18px;color: var(--text);margin-top: 10px;}

.tagsec ul{display: flex;flex-wrap: wrap;}

.tagsec ul li a{display: inline-flex;border: 1px solid var(--text);padding: 3px 7px;

color: var(--text);margin: 5px;font-size: 14px;	

}

.tagsec ul li a:hover{background: var(--dgreen);color: #fff;}

.ptrn{

	background:  url('../images/icons/pattern.png') repeat;height: 20px;

	margin-top: 30px;border-radius: 10px;

}

.commentsec{margin-top: 30px;}

.commentsec .post_media{border: none;}

.commentsec .post_media .shop-now{margin-top: 15px;display: block;}

.commentsec img{margin-top: 0;}

.comments, li.comment {

    background: #fff;

    border: 1px solid #b1ac97;

    padding: 30px;

    margin-top: 20px;border-radius: 5px;

}

.comments .media-body{margin-left: 15px;}

.comments .mbody-top{display: flex;justify-content: space-between;}

.cmntcount{margin-top: 40px;}

.cmntfrm textarea{height:150px;resize: none;margin-top:15px;background:transparent}

.form-control{border-color: #b1ac97;}

.blogContent {

    margin-bottom: 40px;

}

.prevpst {

    border-top: 1px solid #b1ac97;

    margin-top: 40px;

    padding-top: 20px;

}

.prevpst .media{align-items: center;}

.prevpst a{color: var(--dgreen);display: inline-block;}

a:hover{color: #1c7e5b;}

.prevpst i{font-size: 26px;}

.prevpst a:hover i{animation: leftMove 1s linear infinite;}

@keyframes leftMove{



	25%{

		transform: translateX(-5px);

	}

	50%{

		transform: translateX(-10px);

	}

	75%{

		transform: translateX(-5px);

	}

	100%{

		transform: translateX(0px);

	}

}

.prevpst .media-img{margin-right:15px}

.prevpst h5{font-size:18px}



@media(max-width:991px){

	.bdtlimg{padding-right: 0;margin-bottom: 30px;}

	.bdtlmaintxt h1,.bdtlmaintxt h2{font-size: 28px;}

	.bdtlmaintxt ul li{font-size: 12px;margin-bottom: 30px;}

	.breadcrum ul{flex-wrap: wrap;}

	.breadcrum ul li{text-align: center;}

	.blgleft{padding-right: 0;}

	.blgleft h3,.blgright h2{font-size: 24px;}

	.blgleft h4{font-size: 22px;}

	.crdgrn h5{font-size: 18px;}

	.crdgrn{padding: 20px;}

	.tagsec .media{

		flex-direction: column;

	}

	.tagsec h6{margin-bottom: 10px;}

	.bdtlmaintxt ul li:not(:last-child){margin-right: 10px;}

	.post_media h5,.prevpst h5{font-size: 16px;}

	.post_media p,.post_media small{font-size: 14px;}

	.post_media .shop-now{font-size: 14px;}

	.comments .media-img{width: 40px;}

	.comments .media-body{width: calc(100% - 40px);}

	.bleft{

		padding-right: 30px;

		text-align: left;

	}

	.bleft small{

		line-height: 15px;

		display: inline-block;

	}

	

	

	

}



@media(min-width:1500px) {

	.bdetails_bnr{

		padding-top: 150px;

		padding-bottom: 60px;

	}

	.blgright {

		padding-left: 60px;

	}

	.post_media .media-img{width: 150px;}

	.crdgrn h5{font-size: 30px;}

	.crdgrn p{font-size: 22px;}

	.crdgrn ul li{font-size: 20px;}

	.cmntfrm textarea{height: 210px;}

	.vallbtn{padding: 15px 40px;}

	.footer-logo img{width: 260px;}

	.crdgrn ul li{padding: 8px 0;}

	.blgright h2{font-size: 36px;}

	.blgleft h3{font-size: 48px;}

	.blgleft h4{font-size: 36px;}

	.post_media h5{font-size: 20px;}

	.blgleft p{line-height: 28px;}

}

/* =========

	blog details end

============= */

/* =========

	Resources Page started

============= */
 

#reading .reading_imge {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

#reading .reading_imge img {
    margin-bottom: 0;
}

#reading .item h5 {
    min-height: initial;
}
section.collection.movies_vidoe_sec {
    background: #f3f0e4;
}

section.collection.movies_vidoe_sec h5 {
    color: #000;
}

section.collection.movies_vidoe_sec a {
    color: #124734;
}


div#reading .owl-nav, section.collection.movies_vidoe_sec .owl-nav {
    top: 33%;
}

.reading_imge {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}


section.testim.get_involeded .blue-bg {
    background: #fff;
}

#get_involved .owl-stage {
    display: flex;
}

#get_involved .owl-stage  .item {
    height: 100%;
}

#get_involved .owl-stage  .blue-bg {
    border-radius: 8px;
    padding: 30px 30px;
    border: 2px solid #464646;
    transition: 0.5s ease;
    height: 100%;
}
#get_involved .owl-stage .blue-bg p a {
    text-decoration: underline; 
}

#get_involved .owl-stage .blue-bg p {
    text-transform: initial;
}

section.testim.get_involeded {
    background: #ebecd1;
}

.mt50{margin-top:8rem  !important}

.resources_page .banner.inner .owl-carousel .item:before{display:none}

div#resourses_list11 .owl-stage {
    display: flex;
}

div#resourses_list11 .owl-stage .item {
    height: 100%;
}

div#resourses_list11 .owl-stage .item .blue-bg {
    height: 100%;
}

section.testim.websitelists2 {
    padding-top: 3rem;
}
section.collection.movies_vidoe_sec .head h1,section.collection.movies_vidoe_sec .head h2 {
    color: #124734;
} 
 
 

#movies_list .reading_imge {
    margin-bottom: 0;
}

span.underline {
    color: #124734;
    text-decoration: underline;
}

/* =========

	Resources Page ended

============= */

/* submenu */
.menu-item-has-children{position: static;}
.sub-menu{
	position: absolute;
	margin-left: -10px;
	margin-top: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in;
	transform: translateY(-10px);
	display: block !important;
	flex-direction: column;
    text-align: left;
    align-items: start!important;
    background: #f3f0e4;
}
.menu-item-has-children:hover .sub-menu{
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
}

ul.sub-menu li:not(:last-child) a{border-bottom: 1px dashed;}

.submenu_active{
	height: 100%;opacity: 1;
}
ul.sub-menu{
	display: flex;
    flex-direction: column;
    text-align: left;
    align-items: start!important;
	background: #f3f0e4;
}
ul.sub-menu li{
	margin: 0!important;
	width: 100%;
}
ul.sub-menu li a{
	display: block;
	padding: 7px 15px;
}
ul.sub-menu li a:hover{
	background: var(--dgreen);color: #fff!important;
}

.sub-menu-toggle{display: none;}
@media (max-width:767px){
	ul.sub-menu {
		display: none;
		background: #dcf8ee;
	}
	ul.sub-menu li:last-child{border: none!important;}
	.menu-item-has-children ul.sub-menu{width: 100% !important;}
	.mobiledrop{ 
		position: absolute;
		right: 20px;
		font-size: 18px;
		color: var(--dgreen);
		line-height: 16px;
	}
}