@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab, .show-445 {display: none;}
.show-desk {display: block;}

/*---------Media Querry---------*/

@media only screen and (max-width:1185px){
.container{width:1004px;}

ul.menu-list li{ padding:0 10px 10px;}

.bnr-lft{ width:54%;}
.s1-vdoBox{ padding:30px 60px;}

.ftrBox1{ width:28%;}
.ftrBox2{ width:24%;}

/*-----------------------
CSS FOR PRODUCTS PAGE
------------------------*/
ul.prod-item li{ margin:40px 0 0 31px;}

/*---------------------
CSS FOR VISION PAGE
-----------------------*/
.visionCont{ padding:0 20px;}

/*---------------------
CSS FOR TERRALIFE PAGE
-----------------------*/
.teralyfBox{ width:73%;}
.teralyf-img6{ margin:62px 0 0 95px;}

/*---------------------
CSS FOR CONTACT PAGE
-----------------------*/
.contactBox{ padding:0;}

}


@media only screen and (max-width:1023px){
.container{width:750px;}
.show-desk {display: none;}
.show-tab {display: block;}

.nav-sec{ height:76px;}
.logo{ width:110px; top:0;}
ul.menu-list{ margin:32px 0 0 40px;}
ul.nav-rgt{ display:none;}
ul.menu-list li{ padding:0 13px 10px;}

.bnr-lft{ width:58%;}
ul.bnr-point li{ font-size:20px;}
.bnr-head{ font-size:45px; line-height:49px;}
.bnr-ppl-img{ width:310px; top:85px;}
.bnr-para{ font-size:16px; line-height:22px;}

ul.strp-lst li p{ font-size:16px; line-height:20px; padding:0 5px;}

.section1{ padding:40px 0 0;}
.comon-heading{ font-size:38px; line-height:48px;}
.comon-para{ font-size:16px; line-height:26px;}
.s1-vdoBox{ width:100%; padding: 30px 10px;}
.vdo-btm{ padding:0 20px 0 110px;}
.sirpiusfloris{ height:95px; width:95px;}
.vdo-t1{ font-size:16px; line-height:26px;}
.lang-l{ font-size:18px;}
.vdo-t2 span{ display:block; border:none;}

.section2{ padding:320px 0 55px;}
ul.sec2-lst li p{ font-size:16px; line-height:20px;}
ul.sec2-lst li span{ font-size:20px; line-height:26px;}

ul.prodBox{ padding:0;}
ul.prodBox li span{ font-size:23px;}
ul.prodBox li p{ font-size:16px; line-height:24px;}

ul.logos-lst li{ width:18.8%;}
ul.logos-lst li img{ width:125px;}

.footerBox1{ padding:50px 0 30px;}
.ftrBox1{ width:100%; padding-left:140px; position:relative;}
.ftr-logo{ position:absolute; top:0; left:0; margin:0;}
.ftrbx1-t1{ font-size:16px; line-height:26px; margin-top:0;}
.ftrBox2{ width:33.3%; margin-top:30px;}

/*-----------------------
CSS FOR PRODUCTS PAGE
------------------------*/
.product-sec{ padding:40px 0 60px;}
.prod-nm{ font-size:26px; line-height:26px;}
ul.prod-item li{ width:45%; margin: 20px 0 0 20px; padding:10px 10px 30px;}
ul.prod-item li span{ font-size:23px; margin:8px 0 6px;}

/*----------------------------
CSS FOR PRODUCTS DETAILS PAGE
----------------------------*/
.prod-details-heading{font-size:36px; line-height:40px;}
.prod-acdn-heading{font-size:19px;}
.det-leftheading{font-size:20px;}
.resource-box{padding:10px 15px;}
.recm-prod-left ul li p{font-size:15px;}

/*-----------------------
CSS FOR ABOUT PAGE
------------------------*/
.about-lftCont{ width:62%; padding:0;}
.abt-t1{ margin-top:25px;}
ul.abt-list{ margin-top:30px;}
ul.abt-list li p{ font-size:15px; margin-top:12px;}
.about-rgtCont{ width:33%;}
.aboutCont2{ margin-top:65px;}
.abt-rgt{ width:63%;}
.abt-para{ margin-top:20px;}
a.abt-btn{ margin-top:30px;}

/*-----------------------
CSS FOR VISION PAGE
-----------------------*/
.visionCont{ margin-top:10px;}
.vision-lftCont{ width:55%;}
ul.vsn-list li{ padding-left:50px;}
.vision-rgtCont{ width:45%; margin-top:18px;}
ul.vsnBox li{ width:23.6%; padding:20px 5px;}
ul.vsnBox li span{ font-size:19px; line-height:22px;}

/*---------------------
CSS FOR TERRALIFE PAGE
-----------------------*/
.teralyfBox{ width: 95%;}
.teralyf-s4Box{ width:100%;}
.teralyf-img6{ margin: 62px 0 0 9px; width: 250px;}
ul.teralyf-points{ width:57%;}
.testiBox{ width:100%;}

/*---------------------
CSS FOR CONTACT PAGE
-----------------------*/
.cont-lft-t1{ font-size: 35px; line-height: 45px;}
.cont-addBox{ padding:20px;}
a.eml-r{ padding:0; margin:0; border:none; margin-top:15px;}
}

@media only screen and (max-width:767px){
.show-desk{display:none;}
.show-mob{display:block;}
.hide-mob{display:none;}
.container{width:100%; padding:0 10px; max-width:600px; box-sizing:border-box;}

.top-fix-bar{ margin-bottom:50px;}
.nav-sec{ height:50px; margin-top: -50px; top: 50px; border-bottom:1px solid #dddddd; padding:0;}
.logo{ float:left; transform:none; position:static; width:77px; margin-top:2px;}

.bannar-sec{ background-size:cover; padding:20px 0 37px;}
.bnr-lft{ width:100%;}
ul.bnr-point{ margin-top:0;}
ul.bnr-point li{ font-size: 16px; padding: 0 8px;}
ul.bnr-point li:before{ top: 9px; left: -5px;}
.bnr-head{ font-size: 34px; line-height: 36px; margin-top:5px;}
.bnr-para{ display:none;}
.bnr-ppl-img{ width: 176px; top: 20px; right: 0;}
a.read-mr{ padding: 0 15px; height: 45px; font-size: 16px; line-height: 48px; margin-top:13px;}

ul.strp-lst{ margin:-16px 0 0;}
ul.strp-lst li{ width:calc(100% / 3); padding:12px 0;}
ul.strp-lst li:after{ display:none;}
ul.strp-lst li p{ font-size:14px; line-height:18px;}
ul.strp-lst li img{ width:50px; margin:0 auto 10px;}

.section1{ padding:30px 0 0;}
.comon-heading{ font-size: 26px; line-height: 32px;}
.comon-bdr{ margin-top:10px;}
.comon-para{ font-size:15px; line-height:25px; margin-top:15px;}
.s1-vdoBox{ padding:20px 5px 15px;}
.vdo{ width:100%;  padding-bottom: 55%;}
.vdo-btm{ padding:0 10px; text-align:center;}
.vdo-t1{ font-size: 15px; line-height: 25px;}
.vdo-t2{ font-size:17px;}
.vdo2{ margin-top:15px;}
.lang-l{ width:100%;}
.sirpiusfloris{ position: static; margin: 0 auto; display: block;}

.section2{ padding: 260px 0 25px; margin-top:-235px;}
ul.sec2-lst{ margin-top:0;}
ul.sec2-lst li{ width:100%; margin-top:25px; padding:0 20px;}
ul.sec2-lst li img{ width:40px;}
ul.sec2-lst li p{ font-size:15px; line-height:25px;}
ul.sec2-lst li span{ font-size: 20px; line-height: 24px; margin: 12px 0 8px;}
.section2:before{ border-left: 15px solid transparent; border-right: 18px solid transparent;
border-top: 15px solid #1d9e4e; bottom: -15px; left: 50%; margin-left: -15px;}

.section3{ padding:30px 0;}
ul.prodBox li{ width: 46.5%; margin-top: 30px;}
ul.prodBox li span{ font-size: 18px; margin: 15px 0 5px;}
ul.prodBox li p{ font-size: 15px; line-height: 22px;}
a.prod-btn{ margin-top:30px;}

.logos-sec{ background-size:cover; padding:20px 0;}
ul.logos-lst{ margin-top:15px;}

.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right: 10px;
    top: 14px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	font-weight:300;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;

	background-color: #3a3a3c;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 6px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6px);
	background:#3a3a3c;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -7px);
	transform: rotate(45deg) translate(-8px, -7px);
	background:#3a3a3c;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:50px;
	background:rgba(255,255,255,1);
	z-index:10;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	}
.mobimenu-top{ top:50px;}	
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #CCC;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}
	
.menuOpen{
	position:relative;
	}
.menuOpen:after{
	content:'+';
	position:absolute;
	right:10px;
	top:15px;
	color:#000;
	font-size:24px;
	}
.menuOpen.mnutog:after{
	content:'-';
	}
ul.dropdown-mobile{
	float:left;
	width:100%;
	border-top:1px solid #cfcfcf;
	display:none;
	}
ul.dropdown-mobile li a{
	font-size:18px;
	padding:15px 25px;
	color:#000;
	background:#f1f1f1;
	}
ul.dropdown-mobile li:last-child{border:none;}	

/*-----------------------
CSS FOR FOOTER
------------------------*/	
.footerBox1{ padding:20px 0;}	
.ftrBox1{ padding:0;}
.ftrbx1-t1{ font-size:15px; line-height:25px;}
.ftr-logo{ position:static; width:77px; margin-bottom:10px;}
.ftrBox2{ width:100%; margin-top:20px;}
ul.frt-list{ margin-top:5px;}
ul.frt-list li{ font-size:15px; margin-top:5px;}
.cont-t1{ margin-top:10px;}
.ftr-nav{ font-size:15px; margin-top:10px;}

.footerBox2{ padding:10px 0;}
.ftr-cpyrght{ font-size:14px;}

/*-----------------------
CSS FOR PRODUCTS PAGE
------------------------*/
.product-sec{ padding:20px 0 30px;}
.prod-lftBox{ width:100%;}
.prod-lftCont{ padding:10px 0;}
.prod-nm{ font-size: 24px; line-height: 24px;}
.prd-catg2{ margin-top:30px;}
.odr-row{ display:none; float:left; width:100%; margin-top:20px;}
.prod-rgtBox{ width:100%; margin-top:0;}
ul.prod-item li{ width:48%; margin:30px 4% 0 0; padding:10px 2px 20px;}
ul.prod-item li:nth-child(2), ul.prod-item li:nth-child(4), ul.prod-item li:nth-child(6), ul.prod-item li:nth-child(8), ul.prod-item li:nth-child(10){ margin-right:0;}
ul.prod-item li span{ font-size:18px;}
ul.prod-item li p{ font-size:14px; line-height:16px;}
a.prod-btn{ font-size:15px; line-height:40px; padding:0 8px; margin-top:20px;}

/*----------------------------
CSS FOR PRODUCTS DETAILS PAGE
----------------------------*/
.innerStrip{padding:7px 0;}
.innerStrip ul li{font-size:15px;}
.products-details-section{padding:20px 0 30px;}
.prod-det-rgt{width:100%;}
.details-left{width:100%;}
.det-subheading{width:100%; margin-top:5px;}
.prod-shot{margin-top:15px;}
.prod-shot img{max-width:80%;}
.call-no-btn{margin-left:0; margin-top:20px; clear:left;}
.doseOpt{overflow:scroll;}
.doseTable.fixed{top:50px;}
.prod-acdn-heading span{margin-right:5px;}
.details-para{font-size:15px; line-height:23px;margin-top:15px;}
.det-full-img{margin-top:20px;}
ul.detais-list{margin-top:15px;}
ul.detais-list.no-margin{margin-top:0;}
ul.detais-list li{font-size:15px; line-height:23px;}
.benefits-box{width:100%; padding-right:0;}
.prod-acdn-content{padding:0 0 15px;}
.doseTable{font-size:11px; line-height:14px; float:left;}
.doseTable tr th{font-size:11px; padding:10px 7px;}
.doseTable tr.gray.small td, .doseTable tr.white.small td{padding:5px 7px;}
.doseTable tr.gray td, .doseTable tr.white td{padding:10px 7px;}
.ingTable, .ingTable2{font-size:12px; line-height:18px;}
.ingTable2 tr td:nth-child(1){width:60%;}

/*-----------------------
CSS FOR ABOUT PAGE
------------------------*/
.about-sec{ padding:20px 0 30px;}
.aboutCont{ margin-top:20px;}
.about-lftCont{ width:100%;}
.abt-img1-m{ max-width:100%; margin:0 auto 5px;}
.abt-t1{ margin-top:15px;}
ul.abt-list{ margin-top:10px;}
ul.abt-list li{ width:calc(100% / 4);}
ul.abt-list li:after{ display:none;}
ul.abt-list li img{ width:45px;}
ul.abt-list li p{ font-size:12px; margin-top:8px;}
.aboutCont2{ margin-top:40px;}
.abt-img2-m{ max-width:100%; margin:15px auto 5px;}
a.abt-btn{ margin-top:20px;}

/*-----------------------
CSS FOR VISION PAGE
-----------------------*/
.vision-lftCont{ width:100%;}
.vsn-img1-m{ max-width:100%; margin:5px auto 0;}
ul.vsn-list img{ width:40px;}
ul.vsn-list span{ font-size:19px;}
ul.vsn-list p{ font-size:15px; line-height:22px;}
.vision-sec2{ padding:20px 0 30px;}
ul.vsnBox{ margin-top:5px;}
ul.vsnBox li{ width:100%; margin-top:20px; padding:15px 25px;}
ul.vsnBox li img{ width:50px;}
ul.vsnBox li span{ margin:15px 0 10px;}
ul.vsnBox li p{ font-size:15px; line-height:25px;}
a.vsn-btn{ margin-top:30px;}
.vision-sec3{ padding:20px 0 30px;}
.map-img{ margin:20px auto 10px;}

/*---------------------
CSS FOR TERRALIFE PAGE
-----------------------*/
.teralyf-sec1{ padding:20px 0 30px;}
.teralyfBox{ width:100%; margin:65px 0 20px;}
.teralyf-img{ width:100px; margin-top:-50px;}
.teralyf-t{ font-size:16px; line-height:22px;}
.teralyfCont{ margin-top:0;}
.teralyf-lftCont{ width:100%;}
.comon-subhd{ font-size:18px; line-height:26px;}
.sub-top{ margin-top:15px;}
.teralyf-img1-m{ max-width: 100%; margin: 15px auto 5px;}
.teralyfCont2{ margin-top:40px;}
.testiBox{ margin:0 0 15px; text-align:center; padding:0;}
.testiBox img{ position:static;}
.testiBox p{ font-size:15px; line-height:25px;}
.testiBox span{ font-size:15px; line-height:25px; margin-top:5px;}

.teralyf-sec2{ padding:20px 0 30px;}

.teralyf-sec3{ padding:20px 0 30px;}
.teralyf-img5{ margin-top:15px;}
ul.teralyf-list li{ margin-top:20px;}
ul.teralyf-list li p.terl-t{ margin-top:15px;}
ul.teralyf-list li span{ font-size:20px; line-height:28px;}
ul.teralyf-list li p{ font-size:15px; line-height:25px;}

.teralyf-sec4{ padding:20px 0 30px;}
.teralyf-img6{ float:none; max-width:100%; margin:20px auto 0; display:block;}
ul.teralyf-points{ width:100%; margin-top:20px;}
ul.teralyf-points li{ font-size:16px; line-height:26px;}

/*-----------------------
CSS FOR SOIL BIOLOGY PAGE
-----------------------*/
.biolgy-sec1{ padding:20px 0 30px;}
.biolgy-img1-m { max-width: 100%; margin: 20px auto 5px;}
ul.biolgy-list{ margin-top:0;}
ul.biolgy-list li{ width:48%; margin-top:20px;}
ul.biolgy-list p{ font-size:16px; margin-top:10px;}

.biolgy-sec2{ padding:20px 0;}
.biolgy-t1{ font-size:17px; line-height:27px;}

/*---------------------
CSS FOR CONTACT PAGE
-----------------------*/
.contactBox{ margin-top:20px;}
.contact-lftBox{ width:100%;}
.cont-lft-t1{ font-size: 26px; line-height: 32px;}
.frmContainer{ margin-top:12px;}
.contact-rgtBox{ width:100%; margin-top:0;}
.cont-addBox{ margin-top:30px;}
.cont-addHead p{ font-size:20px; line-height:20px; padding-left:42px;}
.cont-addpara{ font-size:15px; line-height:25px;}
a.cont-phn, a.cont-eml{ margin-top:15px; font-size:16px; line-height:16px;}

}

@media only screen and (max-width:500px){
.show-445{ display:block;}
.bnr-ppl-img{ top:57px;}
}