@media screen and (min-width: 0px) and (max-width: 1600px) {

}


@media screen and (min-width: 0px) and (max-width: 1366px) {
.banner {
    /* padding-bottom: 34%; */
}
.home .banner{
  /* padding-bottom: 38.6%; */
}

}


@media screen and (min-width: 0px) and (max-width: 1024px) {
	body{
		line-height: 26px;
	}

	h1 {
		font-size: 60px;
		line-height: 67px;
	}
	h2 {
		font-size: 40px;
		line-height: 44px;
	}
	h3 {
		font-size: 30px;
		line-height: 34px;
		letter-spacing: 0.6px; /*20*/
	}
	h4 {
		font-size: 26px;
		line-height: 30px;
	}
	h5 {
		font-size: 21px;
		line-height: 38px;
		letter-spacing: 0.42px;/*20*/
	}
	h6 {
		font-size: 20px;
		line-height: 24px;
	}

.container{
	padding: 0 20px;
}

.TBspace {
	padding: 80px 0;
}
.Tspace {
	padding-top: 80px;
}
.Bspace {
	padding-bottom: 80px;
}

.TBspace80 {
	padding: 80px 0;
}
.Tspace80 {
	padding-top: 80px;
}
.Bspace80 {
	padding-bottom: 80px;
}

.home .banner + .textImg .rightImg{
	margin-bottom: 0;
}

.banner,
.home .banner{
	/* padding-bottom: 50%; */
}

.leftText .content{
	padding-left: 20px;
}
.rightText .content{
  padding-left: 25px;
  padding-right: 20px;
}

.footerAbout{
	padding-right: 0;
}
.footerTop h6,
.partners > .container h3{
	margin-bottom: 30px;
}

.acContent .leftContent br{
	display: none;
}
.acContent .leftContent{
  font-size: 20px;
  line-height: 34px;
}

.introWithColumns .flexWrap .rightColumn,
.introWithColumns .flexWrap .leftColumn .content{
	padding-left: 20px;
}
.introWithColumns .flexWrap .leftColumn,
.introWithColumns .flexWrap .rightColumn .content{
	padding-right: 20px;
}

.twoColBG .flexWrap,
.twoCardsList{
	margin: 0 -20px;
}
.twoCardsList li,
.twoColBG .flexWrap .leftColumn,
.twoColBG .flexWrap .rightColumn{
	padding-left: 20px;
	padding-right: 20px;
}

.records .container > h3{
	margin-bottom: 20px;
}
.plantList li{
	padding: 20px 0 40px;
}
.plantList li .rightContent{
	padding-left: 30px;
}
.plantList li:nth-child(even) .rightContent{
	padding-right: 30px;
}

.newsBlogList li h5{
	font-size: 20px;
	line-height: 30px;
}


.contact-cards ul.flexWrap{
	margin: 0 -20px;
}
.contact-cards ul.flexWrap > li{
	padding: 20px ;
}
.contact-cards ul.flexWrap > li > div h5{
	line-height: 30px;
	margin-bottom: 20px;
}
.contact-cards ul.flexWrap > li > div h5{
	padding: 0 30px;
}
.contact-cards ul.flexWrap > li > div .contentList{
	padding: 30px 30px 0;
}

.postText2 .leftCol{
	padding-right: 30px;
}
.postText2 .rightCol{
	padding-left:30px;
}

.Bspace80.PlantImage{ padding-bottom:40px;}
.Row7PlantSteps.reduceSpace .content.TBspace80{ padding-top:50px;}
}


@media screen and (min-width: 0px) and (max-width: 900px) {

.btn{
	font-size: 18px;
	line-height: 30px;
}

.topIntro > .container h3:first-child,
.twoColBG > .container > h3{
	margin-bottom: 30px;
}
.accordianRow > .container h3{
	margin-bottom: 40px;
}
.partners > .container h3,
.latestNews .container > h3{
	margin-bottom: 20px;
}
.list3 .latestNewsList li:first-child{
	width: 100%;
}
.latestNewsList li{
	width: 50%;
	padding: 20px;
}

.twoCardsList li .content{
	padding: 30px;
}
.logosRow ul li{
	padding: 20px 15px;
}

.newsBlogList li .content{
	padding: 20px 20px 0;
}
.newsBlogList li .readMoreLink{
	left: 20px;
}
.newsBlogList li h5{
	font-size: 16px;
	line-height: 26px;
}
.newsBlogList li .postdate{
	letter-spacing: 2px;
	margin-bottom: 8px;
}
.newsBlogList li > div{
	padding-bottom: 70px;
}

.alm-paging.pagination{
	margin-top: 30px;
	padding-bottom: 0;
}
.blog .alm-btn-wrap{
	margin-bottom: 0;
}

.BgImgText h3{
	margin-bottom: 20px;
}

.alm-paging.pagination li{
	font-size: 20px;
}
.alm-paging.pagination li > a {
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.ecosystem-steps li{
	padding: 0 15px;
}
.ecosystem-steps li .content{
	padding: 20px;
}


.postText2 .leftCol{
	padding-right: 0px;
	width: 100%;
	padding-bottom: 40px;
}
.postText2 .rightCol{
	width: 100%;
	padding-top: 40px;
	padding-left:0px;
	border-top: 1px solid #0A427D;
	border-left: 0;
}
.postText2 .rightCol h6{
	margin-bottom: 20px;
}

.postText2 .rightCol .btn {
    max-width: 250px;
    margin: 30px auto 0;
    display: block;
}


}


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

	body {
    padding-top: 76px;
}

	h1,
	.single-post .banner .content h1 {
		font-size: 45px;
		line-height: 50px;
	}
	h2 {
		font-size: 34px;
		line-height: 38px;
	}
	h3 {
		font-size: 28px;
		line-height: 34px;
		letter-spacing: 0.56px; /*20*/
	}
	h4 {
		font-size: 24px;
		line-height: 28px;
	}
	h5 {
		font-size: 21px;
		line-height: 36px;
		letter-spacing: 0.42px;/*20*/
	}
	h6 {
		font-size: 18px;
		line-height: 24px;
	}

	.TBspace {
		padding: 60px 0;
	}
	.Tspace {
		padding-top: 60px;
	}
	.Bspace {
		padding-bottom: 60px;
	}

	.TBspace80 {
		padding: 60px 0;
	}
	.Tspace80 {
		padding-top: 60px;
	}
	.Bspace80 {
		padding-bottom: 60px;
	}


header{
	padding: 20px 0;
}

.logo{
	max-width: 100px;
}

.newsLetterForm{
	width: 50%;
}
.acContent .leftContent{
	width: 100%;
	margin-bottom: 20px;
}
.acContent .rightBtn{
	width: 100%;
	padding-left: 0;
}
.acContent .rightBtn .btn{
	float: none;
}



.logosRow ul li{
	width: 33.33%;
}
.partnerBottomRow{
	padding-top: 40px;
}

.contact-cards ul.flexWrap > li > div h5{
	padding: 0 20px;
}
.contact-cards ul.flexWrap > li > div .contentList{
	padding: 30px 20px 0;
}

.newsBlogList li{
	width: 50%;
}

.banner .content{
	font-size: 16px;
	line-height: 26px;
}
.down-arrow span{
	width: 10px;
}

blockquote{
	padding: 20px 0px 20px 0px;
	font-size: 20px;
	line-height: 35px;
}


}


@media screen and (min-width: 0px) and (max-width: 680px) {

.leftImg,
.rightImg{
	width: 100%;
	margin-bottom: 20px;
}

.leftText,
.rightText,
.twoColumnText .flexWrap .leftContent,
.twoColumnText .flexWrap .rightContent,
.twoColBG .flexWrap .leftColumn,
.twoColBG .flexWrap .rightColumn,
.twoColBG > .container > h3{
	width: 100%;
}


.leftText .content,
.rightText .content{
	max-width: 100%;
}

.home .banner + .textImg .rightImg{
	overflow: hidden;
}
.home .banner + .textImg .rightImg img{
	transform: translateX(14%);
}

.imgText .leftImg{
	order: 2;
	margin-bottom: 0;
}
.imgText .rightText{
	order: 1;
	margin-bottom: 30px;
}
.home .banner + .textImg + .imgText{
	padding-top: 60px;
}
.banner,
.home .banner {
  /* padding-bottom: 60%; */
}
.leftText .content br,
.rightText .content br,
.twoColumnText .flexWrap .leftContent br,
.twoColumnText .flexWrap .rightContent br{
	display: none;
}

.twoColumnText .flexWrap .leftContent{
	margin-bottom: 20px;
}
.introWithColumns .flexWrap .leftColumn{
	margin-bottom: 40px;
}
.introWithColumns .flexWrap .rightColumn,
.introWithColumns .flexWrap .leftColumn .content{
	width: 100%;
	max-width: 100%;
}
.introWithColumns .flexWrap .leftColumn,
.introWithColumns .flexWrap .rightColumn .content{
	width: 100%;
	max-width: 100%;
}

.introWithColumns .flexWrap .rightColumn{
	padding-left: 0;
}

.introWithColumns .flexWrap .rightColumn .content{
	padding: 0 20px;
}

.twoColBG > .container > h3,
.twoColBG .flexWrap .leftColumn{
	margin-bottom: 20px;
}

.TBspace + .ctaBtn,
.textImg + .imgText,
.imgText + .textImg,
.imgText + .contact-cards{
	padding-top: 0;
}

.ecosystem-steps li{
	width: 100%;
	padding:10px 15px;
}
.ecosystem-steps li .topsection{
	margin: auto;
	max-width: 400px;
}
.ecosystem-steps li.feedstock .topsection{
	margin: auto;
}

.ecosystem-steps li .icon{
	display: none;
}
.ecosystem-steps li .title span{
	max-width: 100%;
}
.ecosystem-steps li .content{
	min-height: inherit;
}
.bottomSection{
	padding: 20px 0;
	padding-top: 0px;
	padding-bottom: 40px;
	margin-bottom: 0px;
}

.ecosystem-steps li:last-child .bottomSection{ padding-bottom: 20px;}
}



@media screen and (min-width: 0px) and (max-width: 600px) {

	.banner,
  .home .banner {
	  /* padding-bottom: 70%; */
	}

.newsLetterForm{
	width: 100%;
	margin-bottom: 30px;
	max-width: 100%;
}
.footerAbout{
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.footerTop h6{
	margin-bottom: 20px;
}

.newsBlogList li,
.twoCardsList li,
.latestNewsList li{
	width: 100%;
}
.latestNewsList li a > div{
  min-height: 250px;
}

.plantList li:nth-child(even) .img,
.plantList .img{
	width: 100%;
	order: 1;
	margin-bottom: 20px;
}
.plantList li:nth-child(even) .rightContent,
.plantList li .rightContent{
	padding-left: 0;
	width: 100%;
	order: 2;
}

blockquote{
	padding: 20px 0px 20px 0px;
	font-size: 18px;
	line-height: 30px;
}


}

@media screen and (min-width: 0px) and (max-width: 480px) {

	.single-post .banner .content h1 {
	    font-size: 40px;
	    line-height: 45px;
	}

.banner,
.home .banner{
	/* padding-bottom: 100%; */
  margin-bottom: 20px;
}

.logosRow ul li{
	width: 50%;
}

.contact-cards ul.flexWrap > li{
	width: 100%;
}

.visionBanner .ic1 {
    position: absolute;
    left: 3%;
    top: 10%;
    width: 12%;
}
.visionBanner .ic2 {
    position: absolute;
    left: 2%;
    bottom: 0%;
    width: 24%;
}
.visionBanner .ic3 {
    position: absolute;
    right: 3%;
    bottom: 0%;
    width: 15.8%;
}

}


@media screen and (min-width: 0px) and (max-width: 420px) {
	.single-post .banner .content h1 {
	    font-size: 30px;
	    line-height: 35px;
	}
  .form input[type=submit],
  .form input[type=button],
  .acContent .rightBtn .btn,
  .partnerBottomRow .btn{
    width: 100%;
    max-width: 100%;
  }

}

@media screen and (min-width: 0px) and (max-width: 400px) {
	h1,
	.single-post .banner .content h1 {
		font-size: 40px;
		line-height: 45px;
	}
	.banner .content {
    font-size: 15px;
    line-height: 24px;
}


}





/*  */