@media print, screen and (min-width:767px){

	.agreementBox{
		width:35%;
		float:left;
		margin-top:20px;
		margin-left:-3%;
	}
	.agreementBox li{
		float:left;
		width:40%;
		margin-left:10%;
		font-size:13px;
	}
	.agree a{
		background-color:#ffffff;
		color:#E0002A;
		border:1px solid #E0002A;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.agree:hover a{
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
	}
	.agree a:before{
		font-family: 'FontAwesome';
		content: "\f0d9";
		float:left;
	}
	.disagree a{
		background-color:#ffffff;
		color:#E0002A;
		border:1px solid #E0002A;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.disagree:hover a{
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
	}
	.disagree a:before{
		font-family: 'FontAwesome';
		content: "\f0d9";
		float:left;
	}
}
@media only screen and (min-width:767px) and (max-width:992px) {
	.agreementBox{
		width:60%;
		float:left;
		margin-top:20px;
		margin-left:-5%;
	}
}
@media only screen and (max-width: 768px) {

	.agreementBox{
		width:100%;
		float:left;
		margin-top:20px;
		margin-left:-2%;
	}
	.agreementBox li{
		float:left;
		width:45%;
		margin-left:5%;
		font-size:13px;
	}
	.agree a{
		background-color:#ffffff;
		color:#E0002A;
		border:1px solid #E0002A;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.agree a:before{
		font-family: 'FontAwesome';
		content: "\f0d9";
		float:left;
	}
	.disagree a{
		background-color:#ffffff;
		color:#E0002A;
		border:1px solid #E0002A;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.disagree a:before{
		font-family: 'FontAwesome';
		content: "\f0d9";
		float:left;
	}
}