@CHARSET "UTF-8";


html {
	min-width: 767px;	
}


.content {
	margin: auto;
	max-width: 1200px;
}


.three-per-row li {
	float: left;
	width: 32%;
	margin-right: 2%;	
}


.three-per-row li:nth-child(3n+3) {	
	margin-right: 0;
}

.three-per-row li:nth-child(3n+4) {
	clear: both;
}



.four-per-row li {
	float: left;
	width: 24.25%;
	margin-right: 1%;	
}

.four-per-row li:nth-child(4n+4) {	
	margin-right: 0;
}

.four-per-row li:nth-child(4n+5) {
	clear: both;
}


.three-per-row ul:after,
.four-per-row ul:after {
	content: '';
	display: block;
	width: 100%;
	float: none;
	clear: both;
}


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

	.content {
		padding: 0 10px;		
	}
		
	#featured-reviews .nav.next {
		right: 10px;
	}
	
	#about-subscribe .content {
		padding-right: 0;
	}
}


@media only screen and (max-width: 1100px) {
	
	.courses .heading .reviews,
	.courses .item .reviews,
	.courses .heading .rating,
	.courses .item .rating {
		display: none;
	}
	
}

@media only screen and (max-width: 1000px) {
	body, html, p, a, span, h1, h2, h2, input, textarea {
		font-size: 12px;
	}
	
	
	.three-per-row li {		
		width: 48%;
		margin-right: 4%;	
	}


	.three-per-row li:nth-child(3n+3) {	
		margin-right: 4%;
	}
	
	.three-per-row li:nth-child(2n+2) {
		margin-right: 0;
	}
	
	
	.three-per-row li:nth-child(3n+4) {
		clear: none;
	}
	

	.three-per-row li:nth-child(2n+3) {
		clear: both;
	}
	
	
	.four-per-row li {
		width: 32%;
		margin-right: 2%;	
	}
	
	.four-per-row li:nth-child(4n+4) {	
		margin-right: 2%;
	}
	
	.four-per-row li:nth-child(3n+3) {	
		margin-right: 0;
	}

	
	.four-per-row li:nth-child(4n+5) {
		clear: none;
	}

	.four-per-row li:nth-child(3n+4) {
		clear: both;
	}
	

	header .col-2 {
		width: 120px;
		padding: 0;	
	}
	
	header .edbox-logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}	
	
	header .col-5.menu {
		float: none;
		padding-left: 120px;
		padding: 0;
		width: auto;
	}
	
	
	header .col-5.menu li {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	header .col-5.menu li:after {
		top: 16px;
	}
	
	header .col-5.widgets {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	
	header .content {
		padding-bottom: 10px;
	}
	
	

}



@media only screen and (max-width: 800px) {
	
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11 {
		width: 50%;
	}
	
	
	.cities-menu {
		text-align: left;
	}
	
	
	.cities-menu li {
		padding-left: 0;
		padding-right: 10px;
	}
	
	
	.courses #main .col-3,
	.courses #main .col-9 {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	
	
	.sidebox.school-contacts {
		padding: 10px;
	}

	
}