/* why-cotton-ranking style */

section#WhyCotton .container{
	background: #319044;
	/* background-size: 50% auto; */
	/* padding-right: 50%; */
	position: relative;
}

section#WhyCotton .container .img{
	position: absolute;
	width: 50%;
	height: 100%;
	background: url('../../img/img-cotton.jpg') center center no-repeat;
	background-size: cover;
	top: 0px;
	right: 0px
}

section#WhyCotton .container .content{
	width: 50%;
	padding: 33px 0px 37px;
	padding-right: 100px;
	color: #fff!important;
}

section#WhyCotton .container .content h4{
	color: #fff!important;
}

section#WhyCotton .container .content p{
	margin: 0px;
}

#IssuesAndProblems{ padding-top: 51px; padding-bottom: 34px; }

#IssuesAndProblems ul.checklist.chck-green li{
    background: url(../../img/icons/Icon-Cotton-Red@2x.png) left top 1px no-repeat;
    background-size: 40px auto!important;
    min-height: 40px;
}

@media only screen and (max-width : 1440px) {}

@media only screen and (max-width : 768px) {
	section#WhyCotton .container{ padding: 0px!important; }
	section#WhyCotton .container .img{
		position: relative;
		width: 100%;
		height: unset;
		top: unset;
		right: unset;
		padding-bottom: 32%;
		min-height: 150px;
	}

	section#WhyCotton .container .content{
		width: 100%;
		padding: 33px 40px 37px;
	}
}

@media only screen and (max-width : 650px) {}

@media only screen and (max-width : 480px) {
	section#WhyCotton .container .content{ padding: 33px 20px 37px; }
}

@media only screen and (max-width : 400px) {}

@media only screen and (max-height : 480px) {}

/* end of why-cotton-ranking style */