@charset "utf-8";
/* CSS Document */
* {
   outline: none;
   margin: 0px;
   padding: 0px;
   border: none;
   text-decoration: none;
   font-family: 'Poppins', sans-serif;
   box-sizing:border-box;
}
 body {
   text-decoration: none;
   background:#fff;
   font-family: 'Poppins', sans-serif;
   font-size:16px !important;
}
ol{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.clear{
   clear: both 
	}
 audio, ::selection {
   background:#7fbe57;
   color:#fff;
}
@font-face {
   font-family: 'geomanistblack';
    src:url('../fonts/geomanist-black-webfont.eot');
    src: url('../fonts/geomanist-black-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-black-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-black-webfont.woff') format('woff'),
         url('../fons/geomanist-black-webfont.html') format('truetype'),
         url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistbold';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../fonts/geomanist-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-bold-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-bold-webfont.woff') format('woff'),
         url('../fonts/geomanist-bold-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistbook';
    src: url('../fonts/geomanist-book-webfont.eot');
    src: url('../fonts/geomanist-book-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-book-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-book-webfont.woff') format('woff'),
         url('../fonts/geomanist-book-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistextralight';
    src: url('../fonts/geomanist-extralight-webfont.eot');
    src: url('../fonts/geomanist-extralight-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-extralight-webfont.woff') format('woff'),
         url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistlight';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-light-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-light-webfont.woff') format('woff'),
         url('../fonts/geomanist-light-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistmedium';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-medium-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-medium-webfont.woff') format('woff'),
         url('../fonts/geomanist-medium-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistregular';
    src: url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-regular-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-regular-webfont.woff') format('woff'),
         url('../fonts/geomanist-regular-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-regular-webfont.html#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanistthin';
    src: url('../fonts/geomanist-thin-webfont.eot');
    src: url('../fonts/geomanist-thin-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geomanist-thin-webfont.woff2') format('woff2'),
         url('../fonts/geomanist-thin-webfont.woff') format('woff'),
         url('../fonts/geomanist-thin-webfont.ttf') format('truetype'),
         url('../fonts/geomanist-thin-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family: 'geomanistultra';
   src: url('../fonts/geomanist-ultra-webfont.eot');
   src: url('../fonts/geomanist-ultra-webfontd41d.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/geomanist-ultra-webfont.woff2') format('woff2'),
	    url('../fonts/geomanist-ultra-webfont.woff') format('woff'),
	    url('../fonts/geomanist-ultra-webfont.ttf') format('truetype'),
	    url('../fonts/geomanist-ultra-webfont.svg#geomanistregular') format('svg');
  font-weight: normal;
  font-style: normal;
    }
 .img-full{
   width: 100%;
   height:auto;
   display:block !important; 
   }
.container{
	width:100%;
	padding-left:5%;
	padding-right:5%;
	}
 .img-responsive {
   max-width: 100%;
   height:auto;
   display:block;
   }
 .welcome-wraper{
	width:100%;
	height:auto;
	padding-top:60px; 
   } 
 .welcome-wraper p{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	color:#666666;
	font-size:15px;
	text-align:justify;
	}
.about-wraper{
	width:100%;
	height:auto;
	padding-top:60px; 
	padding-bottom:30px;
	}
.about-wraper ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}	
.about-wraper li{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	color:#666666;
	font-size:1em;
	line-height:34px;
	text-align:left; 
	background:url(../images/li-bg.png) no-repeat left 8px;
	padding-left:28px;
	}	
.about-wraper p{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	color:#666666;
	font-size:1em;
	line-height:28px;
	text-align:justify; 
	}		   
 .main-title{
   font-family: 'geomanistextralight';
   font-style:normal;
   font-weight:normal;
   font-size: 2.5em;  
   color:#6a8933;
   line-height:60px;
   letter-spacing:-1px;
	}
.main-title span{
	font-family: 'geomanistbold';
    font-style:normal;
    font-weight:normal;
    font-size:1em;  
    color:#7fbe57;
	text-transform:uppercase;
	}
 .main-title br{
  	display:none;
	}		
.featured-products{
	width:20%;
	height:auto;
	float:left;
	}
.featured-products:hover{
	background:#f7f7f7;
	transition:1s;
	}
.product-image-home{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:50px;
	}				
.product-title{
	font-family: 'geomanistregular';
    font-style:normal;
    font-weight:normal;
    font-size:1.5em;  
    color:#333;
    line-height:30px;
    letter-spacing:-1px;
	text-align:center;
	}	 
.featured-products p{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	color:#666666;
	font-size:15px;
	text-align:justify;
	line-height:28px;
	}	
.eco-wraper{
	width:100%;
	height:auto;
	background:url(../images/bottom-banner.jpg);
	background-size:100% 100%;
	margin-top:60px;
	padding-top:105px;
	padding-bottom:90px;
	}	
.eco-title-wraper{
	width:auto;
	height:auto;
	margin:0 auto;
	display:table;
	}	
.eco-title-top{
	font-family: 'geomanistextralight';
    font-style:normal;
    font-weight:normal;
    font-size:3em;  
    color:#fff;
    line-height:60px;
    letter-spacing:-1px;
	text-align:center;
	text-align:left;
	}	
.eco-title{
	font-family: 'geomanistmedium';
    font-style:normal;
    font-weight:normal;
    font-size:3.875em;  
    color:#fff;
    line-height:60px;
	text-align:center;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:-2px;
	}	
.eco-title span{
	font-family: 'geomanistblack';
    font-style:normal;
    font-weight:normal;
    font-size:1em;  
	text-transform:none;
	}
.eco-title-sub{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	color:#fff;
	font-size:1.375em;
	text-align:right;
	line-height:28px;
	}	
.btn-in{
	width:180px;
	height:46px;
	float:right;
	}	
.view-products{
	width:100%;
	height:46px;
	background:none;
	border:1px solid #fff;
	margin-top:20px;
	font-family: 'geomanistbook';
	text-align:center;
	line-height:46px;
	color:#fff;
	float:right;
	}
.features{
	width:29.33%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-right:2%;
	}
.feature-icon{
	width:auto;
	height:auto;
	float:left;
	margin-right:20px;
	}
.feature-title{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	color:#555;
	font-size:1.1875em;
	text-align:justify;
	line-height:28px;
	margin-top:15px;
	}						
.logo-scroll-wraper{
	width:100%;
	height:auto;
	margin-top:40px;
	}
.footer-wraper{
	width:100%;
	height:auto;
	background:url(../images/full-bg.html);
	padding-top:30px;
	}	
.footer-top-warper{
	width:100%;
	height:auto;
	background:#404040;
	padding:30px 0px;
	}	
.footer-logo{
	width:30%;
	height:auto;
	float:left;
	}	
.footer-call{
	width:30%;
	height:auto;
	float:left;
	}
.footer-mail{
	width:30%;
	height:auto;
	float:left;
	}	
.footer-contact{
	width:10%;
	height:auto;
	float:left;
	}	
.footer-icon{
	width:auto;
	height:50px;
	float:left;
	border-right:1px solid rgba(255,255,255,0.5);
	padding-right:10px;
	padding-top:10px;
	margin-right:10px;
	}	
.footer-dtls{
	margin-top:10px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:14px;
	color:#c7c7c7;
	overflow:hidden;
	}		
.contact-btn{
	width:153px;
	height:43px;
	background:#7fbe57;
	float:right;
	font-family: 'geomanistmedium';
	font-weight:normal;
	font-style:normal;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:43px;
	text-transform:uppercase;
	}	
.footer-top{
	width:100%;
	height:auto;
	border-bottom:1px solid #696969;
	}	
.footer-bottom-wraper{
	width:100%;
	height:auto;
	background:#ececec;
	padding-top:10px;
	}	
.footer-agem-logo{
	width:auto;
	height:auto;
	float:left;
	padding-top:10px;
	}	
.footer-right{
	width:auto;
	height:auto;
	float:right;
	}	
.footer-menu{
	width:auto;
	height:auto;
	float:left;
	padding-top:50px;
	}
.footer-menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	}
.footer-menu ol{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	}	
.footer-menu ul:nth-child(2n) li{
	margin:0;
	}
.footer-menu ul:nth-child(2n) li a{
	margin-left:20px;
	}			
.footer-menu li{
	width:auto;
	height:auto;
	float:left;
	margin-left:25px;
	}	
.footer-menu li a{
	width:auto;
	height:auto;
	float:left;
	margin-left:25px;
	font-family: 'geomanistbook';
	font-weight:normal;
	font-style:normal;
	font-size:18px;
	color:#c7c7c7;
	text-align:center;
	line-height:43px;
	}	
.copy-right {
     width: auto;
     height: auto;
     float: left;
     font-family: 'Roboto', sans-serif;
     font-size:14px;
     color:rgba(255,255,255,0.6);
     font-weight:400;
     line-height:40px;
	}
 .designed{
     width:auto;
     height:auto;
     float:right;
	}
 .designed p{
     width:auto;
     height:auto;
     line-height:40px;
     float:left;
     font-family: 'Roboto', sans-serif;
     font-size:13px;
     color:rgba(255,255,255,0.6);
     font-weight:400;
	}
 .designed p a{
     font-family: 'Roboto', sans-serif;
     font-size:13px;
     color:rgba(255,255,255,0.6);
     font-weight:400;
	}
 .designed p a:hover{
     color:rgba(255,255,255);
	}
.designed p a span{
     font-family: 'Roboto', sans-serif;
     font-size:13px;
     color:#09b5c4;
     font-weight:400;
	}		
.company-logo{
	float:left;
	margin-top:10px;
	margin-left:10px;
	line-height:15px;
	}
 .footer-bottom{
    width:100%;
    height:auto;
    background-color:#303030;
	}
.footer-social{
	width:auto;
	height:auto;
	float:left;
	margin-top:60px;
	margin-left:20px;
	}	
.footer-social ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.footer-social li{
	width:auto;
	height:auto;
	float:left;
	margin-left:20px;
	}
.footer-social li i{
	color:#c7c7c7;
	}	
.banner-wraper{
	width:100%;
	height:auto;
	position:relative;
	}			
.home-menu{
	position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 1s ease-in-out;
    height: auto;
	}
 .logo-container{
     width:13%;
     height:auto;
     float:left;
	 margin-top:40px;
	}
.top-right{
     width:auto;
     height:auto;
     float:right;
     padding-top:30px;
	 padding-bottom:12px;
	}
 .menu-container{
     width:auto;
     height:auto;
     float:left;
     padding-top:15px;
	}
 .top-cal{
     width:auto;
     height:30px;
     text-align:right;
	}
 .top-for{
     width:auto;
     height:auto;
     float:right;
     }
.description{
	 font-family: 'Roboto', sans-serif;
     font-size:1.1428571428571428em;
     color:#727272;
     font-weight:400;
	}
.top-links{
	width:auto;
	height:auto;
	float:right;
	border-bottom:1px solid rgba(0,0,0,0.44);
	padding-bottom:5px;
	}
.top-whatsapp{
	width:auto;
	height:auto;
	float:left;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
    font-weight:normal;
	font-weight:500;
	line-height:25px;
	background:url(../images/top-call.png) no-repeat left center;
	padding-left:28px;
	margin-right:20px;
	}	
.top-whatsapp a{
	 color:rgba(0,0,0,0.7);
	font-family: 'Poppins', sans-serif;
	}		
.top-mail{
	width:auto;
	height:auto;
	float:left;
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
    font-weight:normal;
	font-weight:500;
	line-height:25px;
	background:url(../images/top-mail.png) no-repeat left center;
	padding-left:30px;
	}
.top-mail a{
	 color:rgba(0,0,0,0.7);
	font-family: 'Poppins', sans-serif;
	}	
.banner-caption{
	width:auto;
	height:auto;
	display:table;
	}	
.caption-top{
	font-family: 'geomanistblack';
	font-weight:normal;
	font-style:normal;
	font-size:7.0725em;
	color:#fff;
	line-height:98px;
	text-transform:uppercase;
	letter-spacing:-3px;
	}	
.banner-caption-mid{
	font-family: 'geomanistlight';
	font-weight:normal;
	font-style:normal;
	font-size:3.625em;
	color:#fff;
	line-height:66px;
	letter-spacing:-1px;
	}	
.banner-caption-title-sub{
	font-family: 'geomanistlight';
	font-weight:normal;
	font-style:normal;
	font-size:1.25em;
	color:#fff;
	line-height:50px;
	text-transform:uppercase;
	text-align:right;
	}	
.bred-wraper{
	width:100%;
	height:auto;
	}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
    font-weight:normal;
	font-weight:300;
	line-height:50px;
	color:#545a60;
	background:url(../images/bred-aro.png) no-repeat right center;
	padding-right:15px;
	margin-right:10px;
	}	
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Poppins', sans-serif;
	font-size:14px;
    font-weight:normal;
	font-weight:300;
	line-height:50px;
	color:#545a60;
	}
.products-wraper{
	width:100%;
	height:auto;
	margin-bottom:30px;
	}	
.products-left{
	width:49%;
	height:auto;
	float:left;
	padding:3%;
	border:1px solid #e5e5e5;
	padding-top:0;
	background:#fff;
	}
.products-right{
	width:49%;
	height:auto;
	float:right;
	padding:3%;
	border:1px solid #e5e5e5;
	padding-top:0;
	background:#fff;
	}
.enq-wraper{
	width:60%;
	height:auto;
	margin:0 auto;
	}	
.field-left{
	width:49%;
	height:auto;
	float:left;
	}
.field-right{
	width:49%;
	height:auto;
	float:right;
	}	
.name-txt{
	width:100%;
	height:50px;
	border:1px solid #b2b2b2;
	padding-left:5%;
	margin-bottom:10px;
    font-family: 'Poppins', sans-serif;
	font-size:15px;
    font-weight:normal;
	font-weight:300;
	line-height:50px;
	color:#545a60;
	}	
.name-txt::placeholder{
  	color:#545a60;
  	opacity: 1;
	}
.name-txt:-ms-input-placeholder{ 
  	color:#545a60;
	}
.name-txt::-ms-input-placeholder{ 
  	color:#545a60;
	}		
.msg-txt{
	width:100%;
	height:130px;
	border:1px solid #b2b2b2;
	padding-left:3%;
	margin-bottom:10px;
    font-family: 'Poppins', sans-serif;
	font-size:15px;
    font-weight:normal;
	font-weight:300;
	line-height:50px;
	color:#545a60;
	}
.msg-txt::placeholder{
  	color:#545a60;
  	opacity: 1;
	}
.msg-txt:-ms-input-placeholder{ 
  	color:#545a60;
	}
.msg-txt::-ms-input-placeholder{ 
  	color:#545a60;
	}			
.form-submit-btn{
	width:168px;
	height:54px;
	background:#7fbe57;
	font-family: 'geomanistmedium';
	font-weight:normal;
	font-style:normal;
	font-size:1.25em;
	color:#fff;
	line-height:50px;
	text-transform:uppercase;
	cursor:pointer;
	float:right;
	}	
.contact-items{
	width:33.33%;
	height:auto;
	float:left;
	margin-top:20px;
	}
.contact-items h5{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	color:#505050;
	font-size:1.25em;
	line-height:32px;
	text-align:justify;
	margin-bottom:10px;
	} 	
.contact-icon{
	width:auto;
	height:auto;
	float:left;
	margin-right:25px;
	}
.contact-dtls{
	width:auto;
	height:auto;
	float:left;
	}	
.contact-dtls h3{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	color:#505050;
	font-size:1.25em;
	line-height:32px;
	text-align:justify;
	margin-top:5px;
	} 
.contact-dtls p{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	color:#505050;
	font-size:1em;
	line-height:26px;
	text-align:justify;
	padding-top:5px;
	}		
.form-wraper{
	width:100%;
	height:auto;
	margin-top:60px;
	}
.map-left{
	width:35%;
	height:auto;
	float:left;
	border:none !important;
	}
.form-right{
	width:60%;
	height:auto;
	float:left;
	margin-left:5%;
	}
.field-left{
	width:48%;
	height:auto;
	float:left;
	}
.field-right{
	width:48%;
	height:auto;
	float:right;
	}										
.name-txt2{
	width:100%;
	height:50px;
	border-bottom:2px solid #c2c2c2;
	margin-bottom:20px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	color:#7a7a7a;
	font-size:1em;
	line-height:50px;
	text-align:justify;
	}
.name-txt2::placeholder{
   color:#7a7a7a;
   opacity: 1; /* Firefox */
   }
.name-txt2:-ms-input-placeholder{
   color:#7a7a7a;
   }
.name-txt2::-ms-input-placeholder{ 
   color:#7a7a7a;
   }			
.form-submit-btn{
	width:170px;
	height:52px;
	border:2px solid #c2c2c2;
	float:right;
	background:#fff;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	color:#c2c2c2;
	font-size:1em;
	line-height:30px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	}	
.name-txt3{
	width:100%;
	height:50px;
	border:1px solid #c2c2c2;
	margin-bottom:20px;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	color:#505050;
	font-size:1em;
	line-height:50px;
	text-align:justify;
	padding-left:5%;
	}
.name-txt3::placeholder{ 
   color:#505050;
   opacity: 1;
   }
.name-txt3:-ms-input-placeholder{ 
   color:#505050;
   }
.name-txt3::-ms-input-placeholder{ 
   color:#505050;
   }				
.msg-txt2{
   width:100%;
   height:150px;
   border-bottom:2px solid #c2c2c2;
   margin-bottom:20px;
   font-family: 'Poppins', sans-serif;
   font-weight:400;
   color:#7a7a7a;
   font-size:1em;
   line-height:30px;
   text-align:justify;
   padding-top:20px;
	}	
.msg-txt2::placeholder {
   color:#7a7a7a;
   opacity: 1; /* Firefox */
   }
.msg-txt2:-ms-input-placeholder{ 
   color:#7a7a7a;
   }
.msg-txt2::-ms-input-placeholder{
   color:#7a7a7a;
   }				
.form-submit-btn2{
	width:170px;
	height:52px;
	border:1px solid #c2c2c2;
	float:right;
	background:#fff;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	color:#505050;
	font-size:1em;
	line-height:30px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	}	
.clients{
	width:24%;
	height:180px;
	float:left;
	border:1px solid #e5e5e5;
	text-align:center;
	/*padding-top:60px;*/
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom:1%;
	display:flex;
	justify-content:center;
	align-items:center
	}
.caption-in{
	font-family: 'geomanistextralight';
	font-weight:normal;
	font-style:normal;
	font-size:2.5em;
	color:#fff;
	line-height:50px;
	}
.caption-in-mid{
	font-family: 'geomanistblack';
	font-weight:normal;
	font-style:normal;
	font-size:4.375em;
	color:#fff;
	line-height:60px;
	text-transform:uppercase;
	letter-spacing:-3px;
	}
.caption-in-bottom{
	font-family: 'geomanistextralight';
	font-weight:normal;
	font-style:normal;
	font-size:1.875em;
	color:#fff;
	line-height:40px;
	text-align:right;
	}
.products{
	width:23.5%;
	height:auto;
	float:left;
	background:#608b3c;
	margin-right:2%;
	margin-bottom:30px;
	padding-bottom:40px;
	padding-top:40px;
	}
.products:nth-child(4n){
	margin-right:0;
	float:right;
	}		
.product-image{
	width:100%;
	height:160px;
	text-align:center;
	background:#608b3c;
	}	
.product-measurement{
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	color:#fff;
	font-size:1em;
	line-height:30px;
	text-align:center;
	}	
.sub-title{
	font-family: 'geomanistregular';
	font-weight:normal;
	font-style:normal;
	color:#505050;
	font-size:1.6em;
	line-height:30px;
	margin-bottom:10px;
	}	
.product-image-bag{
	width:100%;
	height:auto;
	text-align:center;
	}	
.only-for-mob{
	display:none;
	}	
@media (max-width:320px){
	.welcome-wraper {padding-top:20px;}
	.main-title {font-size:2em;line-height:40px;}
	.main-title br{display:block;}
	.eco-wraper {background-size:cover;margin-top:20px; padding-top:50px;padding-bottom:50px;}
	.eco-title {font-size:3.2em;}
	.eco-title-sub{text-align:left;}
	.features {width:100%;margin-left:0%;margin-right:0%;margin-bottom:20px;}
	.logo-scroll-wraper {margin-top:20px;}
	.footer-wraper{padding-top:20px;}
	.footer-logo {width:100%;}
	.footer-call{width:100%;margin-top:10px;margin-bottom:10px;}
	.footer-mail{width:100%;}
	.footer-contact {width:100%;}
	.contact-btn {float:left;display:none;}
	.footer-right {float:left;}
	.footer-agem-logo {float:none;text-align:center;}
	.footer-menu {padding-top:20px;}
	.footer-menu li {margin-left:0px;width:50%;float:left;}
	.footer-menu li a {margin-left:0px;}
	.footer-social{margin-top:20px;margin-left:0px;width:100%;}
	.footer-social ul{margin:0 auto;display:table;}
	.footer-icon {width: 50px;}
	.copy-right{width:100%;float:none;text-align:center;}
	.designed{float:none;margin:0 auto;display:table;}
	.about-wraper p{text-align:left;}
	.products {width:100%;margin-right:0%;margin-bottom:10px;padding-bottom:0px;padding-top:0px;}
	.product-image{height:auto;}
	.product-image-bag{height:auto;}
	.clients{width:100%;height:auto;padding:10px 0px;}
	.enq-wraper{width:100%;}
	.contact-items{width:100%;}
	.contact-icon {margin-right:0px;width:100%;text-align:center;}
	.contact-dtls{width:100%;}
	.contact-items h5{text-align:center;}
	.contact-items h3{text-align:center;}
	.contact-dtls p{text-align:center;}
	.form-wraper{margin-top:20px;}
	.map-left{width:100%;margin-bottom:50px;}
	.form-right{width:100%;margin-left:0%;}
	.home-menu{position:inherit;}
	.logo-container{width:100%;text-align:center;margin-top:10px;}
	.top-right{padding:0;margin:0;}
	.top-whatsapp{font-size:13px;}
	.top-mail{font-size:13px;}
	.swiper-container{height:200px !important;}
	.caption-top{font-size:2.8em;line-height:40px;}
	.banner-caption-mid{font-size:1.25em;line-height:30px;}
	.banner-caption-title-sub{font-size:1em;line-height:30px;}
	.top-links{border-bottom:none;padding-bottom:0px;}
	.btn-in{float: left;}
	.about-wraper { padding-top:0px;padding-bottom:0px;}
	.only-for-mob{display:block;}
	.caption-in{display:none;}
	.caption-in-mid{display:none;}
	.caption-in-bottom{display:none;}
	.nav li {padding: 0px 15px;margin-left: 30px;}
	.featured-products { width:50%;}
	.product-title {font-size: 1.1em;}
	.top-links{display:none;}
	.toggleMenu {top:50px !important;}
	.logo-container{width:200px;height:95px;margin-bottom:10px;}
	.logo-container img{display:block;max-width:100%;}
	.nav{width:100% !important;}
	.top-right{width:100%;}
	.nav li {padding: 0px 0px !important;margin-left:0px !important;}
	.menu-container {padding-top:0px;}
   }
@media (min-width:321px) and (max-width:480px){
	.welcome-wraper {padding-top:20px;}
	.main-title {font-size:2em;line-height:40px;}
	.main-title br{display:block;}
	.eco-wraper {background-size:cover;margin-top:20px; padding-top:50px;padding-bottom:50px;}
	.eco-title {font-size:3.2em;}
	.eco-title-sub{text-align:left;}
	.features {width:100%;margin-left:0%;margin-right:0%;margin-bottom:20px;}
	.logo-scroll-wraper {margin-top:20px;}
	.footer-wraper{padding-top:20px;}
	.footer-logo {width:100%;}
	.footer-call{width:100%;margin-top:10px;margin-bottom:10px;}
	.footer-mail{width:100%;}
	.footer-contact {width:100%;}
	.contact-btn {float:left;display:none;}
	.footer-right {float:left;}
	.footer-agem-logo {float:none;text-align:center;}
	.footer-menu {padding-top:20px;}
	.footer-menu li {margin-left:0px;width:50%;float:left;}
	.footer-menu li a {margin-left:0px;}
	.footer-social{margin-top:20px;margin-left:0px;width:100%;}
	.footer-social ul{margin:0 auto;display:table;}
	.footer-icon {width: 50px;}
	.copy-right{width:100%;float:none;text-align:center;}
	.designed{float:none;margin:0 auto;display:table;}
	.about-wraper p{text-align:left;}
	.products {width:100%;margin-right:0%;margin-bottom:10px;padding-bottom:0px;padding-top:0px;}
	.product-image{height:auto;}
	.product-image-bag{height:auto;}
	.clients{width:100%;height:auto;padding:10px 0px;}
	.enq-wraper{width:100%;}
	.contact-items{width:100%;}
	.contact-icon {margin-right:0px;width:100%;text-align:center;}
	.contact-dtls{width:100%;}
	.contact-items h5{text-align:center;}
	.contact-items h3{text-align:center;}
	.contact-dtls p{text-align:center;}
	.form-wraper{margin-top:20px;}
	.map-left{width:100%;margin-bottom:50px;}
	.form-right{width:100%;margin-left:0%;}
	.home-menu{position:inherit;}
	.logo-container{width:100%;text-align:center;margin-top:10px;}
	.top-right{padding:0;margin:0;float:left;}
	.top-whatsapp{font-size:13px;width:100%;}
	.top-mail{font-size:13px;width:100%;}
	.swiper-container{height:200px !important;}
	.caption-top{font-size:2.8em;line-height:40px;}
	.banner-caption-mid{font-size:1.25em;line-height:30px;}
	.banner-caption-title-sub{font-size:1em;line-height:30px;}
	.top-links{border-bottom:none;padding-bottom:0px;}
	.btn-in{float: left;}
	.about-wraper { padding-top:0px;padding-bottom:0px;}
	.only-for-mob{display:block;}
	.caption-in{display:none;}
	.caption-in-mid{display:none;}
	.caption-in-bottom{display:none;}
	.nav li {padding: 0px 15px;margin-left: 30px;}
	.featured-products { width:50%;}
	.product-title {font-size: 1.1em;}
	.top-links{display:none;}
	.toggleMenu {top:50px !important;}
	.logo-container{width:200px;height:95px;margin-bottom:10px;}
	.logo-container img{display:block;max-width:100%;}
	.nav{width:100% !important;}
	.top-right{width:100%;}
	.nav li {padding: 0px 0px !important;margin-left:0px !important;}
	.menu-container {padding-top:0px;}
	}   	
@media (min-width:481px) and (max-width:680px){
	.welcome-wraper {padding-top:20px;}
	.main-title {font-size:2em;line-height:40px;}
	.main-title br{display:block;}
	.eco-wraper {background-size:cover;margin-top:20px; padding-top:50px;padding-bottom:50px;}
	.eco-title {font-size:3.2em;}
	.eco-title-sub{text-align:left;}
	.features {width:100%;margin-left:0%;margin-right:0%;margin-bottom:20px;}
	.logo-scroll-wraper {margin-top:20px;}
	.footer-wraper{padding-top:20px;}
	.footer-logo {width:100%;}
	.footer-call{width:100%;margin-top:10px;margin-bottom:10px;}
	.footer-mail{width:100%;}
	.footer-contact {width:100%;}
	.footer-icon {width: 50px;}
	.contact-btn {float:left;display:none;}
	.footer-agem-logo{float:none;width:100%;text-align:center;}
	.about-wraper p{text-align:left;}
	.products {width:100%;margin-right:0%;margin-bottom:10px;padding-bottom:0px;padding-top:0px;}
	.product-image{height:auto;}
	.product-image-bag{height:auto;}
	.clients{width:100%;height:auto;padding:10px 0px;}
	.enq-wraper{width:100%;}
	.contact-items{width:100%;}
	.contact-icon {margin-right:0px;width:100%;text-align:center;}
	.contact-dtls{width:100%;}
	.contact-items h5{text-align:center;}
	.contact-items h3{text-align:center;}
	.contact-dtls p{text-align:center;}
	.form-wraper{margin-top:20px;}
	.map-left{width:100%;margin-bottom:50px;}
	.form-right{width:100%;margin-left:0%;}
	.home-menu{position:inherit;}
	.logo-container{width:100%;margin-top:10px;}
	.top-right{padding-top:12px; padding-bottom:12px;float:left;}
	.top-whatsapp{font-size:13px;}
	.top-mail{font-size:13px;}
	.swiper-container{height:300px !important;}
	.caption-top{font-size:2.8em;line-height:40px;}
	.banner-caption-mid{font-size:1.25em;line-height:30px;}
	.banner-caption-title-sub{font-size:1em;line-height:30px;}
	.top-links{border-bottom:none;padding-bottom:0px;}
	.btn-in{float:left;}
	.about-wraper { padding-top:0px;padding-bottom:0px;}
	.only-for-mob{display:block;}
	.caption-in{display:none;}
	.caption-in-mid{display:none;}
	.caption-in-bottom{display:none;}
	.nav li {padding:0px 15px;margin-left:30px;}
	.toggleMenu{top:130px !important;right:0% !important;}
	.featured-products { width:50%;}
	.top-links{display:none;}
	.toggleMenu {top:50px !important;}
	.logo-container{text-laign:center;}
	.nav{width:100% !important;}
	.top-right{width:100%;}
	.nav li {padding: 0px 0px !important;margin-left:0px !important;}
	.menu-container {padding-top:0px;}
	}  
@media (min-width:681px) and (max-width:768px){
	.welcome-wraper {padding-top:20px;}
	.main-title {font-size:2em;line-height:40px;}
	.main-title br{display:block;}
	.eco-wraper {background-size:cover;margin-top:20px; padding-top:50px;padding-bottom:50px;}
	.eco-title {font-size:3.2em;}
	.eco-title-sub{text-align:left;}
	.features {width:100%;margin-left:0%;margin-right:0%;margin-bottom:20px;}
	.logo-scroll-wraper {margin-top:20px;}
	.footer-wraper{padding-top:20px;}
	.footer-logo {width:100%;}
	.footer-call{width:100%;margin-top:10px;margin-bottom:10px;}
	.footer-mail{width:100%;}
	.footer-contact {width:100%;}
	.footer-icon {width: 50px;}
	.footer-menu{padding-top:0;}
	.footer-social{float:none;margin:15px auto;display:table;}
	.contact-btn {float:left;display:none;}
	.footer-agem-logo{float:none;width:100%;text-align:center;}
	.about-wraper p{text-align:left;}
	.products {width:49%;margin-right:0%;margin-bottom:10px;padding-bottom:0px;padding-top:0px;}
	.products:nth-child(2n){float:right}
	.product-image{height:auto;}
	.product-image-bag{height:auto;}
	.clients{width:49%;height:auto;padding:10px 0px;}
	.enq-wraper{width:100%;}
	.contact-items{width:100%;}
	.contact-icon {margin-right:0px;width:100%;text-align:center;}
	.contact-dtls{width:100%;}
	.contact-items h5{text-align:center;}
	.contact-items h3{text-align:center;}
	.contact-dtls p{text-align:center;}
	.form-wraper{margin-top:20px;}
	.map-left{width:100%;margin-bottom:50px;}
	.form-right{width:100%;margin-left:0%;}
	.home-menu{position:inherit;}
	.logo-container{width:100%;text-align:center;margin-top:10px;}
	.top-right{padding-top:12px; padding-bottom:12px;float:left;}
	.top-whatsapp{font-size:13px;}
	.top-mail{font-size:13px;}
	.swiper-container{height:300px !important;}
	.caption-top{font-size:2.8em;line-height:40px;}
	.banner-caption-mid{font-size:1.25em;line-height:30px;}
	.banner-caption-title-sub{font-size:1em;line-height:30px;}
	.top-links{border-bottom:none;padding-bottom:0px;}
	.btn-in{float:left;}
	.about-wraper { padding-top:0px;padding-bottom:0px;}
	.only-for-mob{display:block;}
	.caption-in{display:none;}
	.caption-in-mid{display:none;}
	.caption-in-bottom{display:none;}
	.nav li {padding:0px 15px;margin-left:30px;}
	.toggleMenu{top:130px !important;right:0% !important;}
	.featured-products { width:33.33%;}
	}	 
@media (min-width:769px) and (max-width:992px){
	.welcome-wraper {padding-top:20px;}
	.main-title {font-size:2em;line-height:40px;}
	.main-title br{display:block;}
	.eco-wraper {background-size:cover;margin-top:20px; padding-top:50px;padding-bottom:50px;}
	.eco-title {font-size:3.2em;}
	.eco-title-sub{text-align:left;}
	.features {width:100%;margin-left:0%;margin-right:0%;margin-bottom:20px;}
	.logo-scroll-wraper {margin-top:20px;}
	.footer-wraper{padding-top:20px;}
	
	.footer-menu{padding-top:0;}
	.footer-social{float:none;margin:15px auto;display:table;}
	.contact-btn {float:left;display:none;}
	.footer-agem-logo{float:none;width:100%;text-align:center;}
	
	.products {width:49%;margin-right:0%;margin-bottom:10px;padding-bottom:0px;padding-top:0px;}
	.products:nth-child(2n){float:right}
	.product-image{height:auto;}
	.product-image-bag{height:auto;}
	.clients{width:49%;height:auto;padding:10px 0px;}
	.enq-wraper{width:100%;}
	
	.contact-icon {margin-right:0px;width:100%;text-align:center;}
	.contact-dtls{width:100%;}
	.contact-items h5{text-align:center;}
	.contact-items h3{text-align:center;}
	.contact-dtls p{text-align:center;}
	.form-wraper{margin-top:20px;}
	
	.swiper-container{height:300px !important;}
	.caption-top{font-size:2.8em;line-height:40px;}
	.banner-caption-mid{font-size:1.25em;line-height:30px;}
	.banner-caption-title-sub{font-size:1em;line-height:30px;}
	.top-links{border-bottom:none;padding-bottom:0px;}
	.btn-in{float:left;}
	.about-wraper { padding-top:0px;padding-bottom:0px;}
	.only-for-mob{display:block;}
	.caption-in{display:none;}
	.caption-in-mid{display:none;}
	.caption-in-bottom{display:none;}
	.nav li {padding:0px 15px;margin-left:30px;}
	.toggleMenu{top:130px !important;right:0% !important;}
	
	.nav li{margin-left:0 !important;}
	.logo-container img{width:150px;height:72px;}
	.nav a {font-size: 16px !important;}
	}
 @media (max-width:992px) {
	 .nav{
    position: absolute;
right: 0px;
width: auto !important;
background-color: rgb(255, 255, 255) !important;
padding: 0px 15px;
}}