/* recommendations style */
#TopRecommendations{
	padding-bottom: 20px;
}

#TopRecommendations .two-columns{
	margin-bottom: 56px;
}

#TopRecommendations hr{
	width: 100%;
	background-color: #e1e1e1;
	border:  none;
    margin-bottom: 53px;
    margin-top: 30px;
}
#AdditionalResources{
	margin-top: -6px;
}
#AdditionalResources .container{
	background: #f2f2f2;
	padding-top: 53px;
	padding-bottom: 11px;
}

#AdditionalResources .container div.chck-green .item {
    background: url(../../img/icons/Icon-External@2x.png) top 3px left no-repeat;
    background-size: 17px auto!important;
    padding-left: 30px;
}

#AdditionalResources .container h4.title{
	font-size: 16px;
	margin-bottom: 16px;
}

#AdditionalResources .container p.title{
	margin-bottom: 40px;
}

#AdditionalResources .container .two-columns{
	margin-top: 6px;
    margin-bottom: 7px;
}

#interviewList .container{
	padding-top: 53px;
	padding-bottom: 90px;
}

#interviewList .row{
	margin: 0px;
	padding-bottom: 20px;
}

#interviewList .row > div{
	height: 500px;
	display: block;
	float: left;
	background-size: cover!important;
	position: relative;
}

#interviewList .row > div.left-side{
	width: 52.19619326500732%;
	background: url(../../img/interview-1.jpg) center center no-repeat;
	border-right: 2px solid #fff;
}

#interviewList .row > div.right-side{
	width: 47.80380673499268%;
	background: url(../../img/interview-2.jpg) center center no-repeat;
	border-left: 2px solid #fff;
	/* transform: translateY(-60px); */
}

#interviewList .row > div.left-side .content{
	max-width: 719px;
	width: 100%;
	float: right;
	padding: 60px 70px;
}

#interviewList .row > div.right-side .content{
	max-width: 580px;
	width: 100%;
	padding: 60px 70px;
	padding-right: 20px;
}

#interviewList .row > div .content h4{ color: #fff; }

#interviewList .row > div .content p{
	font-size: 28px;
	line-height: 38px;
	color: #fff;
	margin-bottom: 33px;
}

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

@media only screen and (max-width : 768px) {
	#interviewList .row > div{
		width: 100%!important;
	    transform: translateY(0px)!important;
	    position: relative;
	    padding-bottom: 70%;
	    height: unset;
	    /* min-height: 320px; */
	}

	#interviewList .row > div.left-side,
	#interviewList .row > div.right-side{
	    border: none!important;
	}

	#interviewList .row > div .content{
		padding: 30px 40px!important;
		max-width: unset!important;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#interviewList .row > div .content p {
	    font-size: 20px;
	    line-height: 30px;
	}

	#AdditionalResources .container {
	    padding-bottom: 30px;
	}

}

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

@media only screen and (max-width : 480px) {
	#interviewList .row > div .content{
		padding: 30px 20px!important;
	}

	#interviewList .row > div .content h4.title { margin-bottom: 10px; }
	#interviewList .row > div .content p {
	    font-size: 16px;
	    line-height: 26px;
	    margin-bottom: 23px;
	}

	#interviewList .row > div.right-side{ background-size: 130%!important; }

}

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

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

/* end of recommendations style */