@media (max-width: 425px) {
	.logo > span {
		font-size: 11px
	}
	.navbar-left {
		margin-top: 0
	}
	.cli img {
		height: 150px
	}
	.to-top {
		left: 10px;
		line-height: 23px;
		width: 23px;
		height: 23px;
		font-size: 20px
	}
	.social-icons li {
		width: 30px;
		height: 30px;
		padding: 3px;
	}
	.main {
		padding: 50px;
	}
	.vission img, .mission img, .goal img, .value img, .member img {
		height: 200px
	}
	.article img {
		height: 200px
	}
	footer h4:after {
		right: 39%
	}
	.thank img {
		width: 100%
	}
	.clients img {
		width: 100%
	}
	.gallery img {
	height: 100px
	} 
	.one-course img, .courses img {
		height: 200px;
	}
	.search img {
		height: 250px
	}
	.clients .row > div {
	    height: 100px;
	    margin-bottom: 50px;
	}
}





@media (max-width: 767px) {
	.top-header {
		text-align: center;
	}
	.top-header .social-icons li {
		font-size: 13px;
		width: inherit;
		height: inherit;
		padding: 10px 6px;
	}
	h2 {
		font-size: 20px
	}
	h1 {
		font-size: 25px
	}
	.gall img {
		height: 100px
	}
	footer .usefull li:not(:last-child):after {
		margin-right: 10px
	}
	.vission img, .mission img, .goal img, .value img, .member img {
		width: 100%;
		margin: 0;
		margin-bottom: 30px
	}
	.thank, .error {
		padding-top: 30%
	}
	.error h1 {
	font-size: 60px
	} 
	.main h2 {
		font-size: 25px
	}
	#header {
		height: 500px
	}
	nav .navbar-left {
	    height: 600px;
	}
}







@media (min-width: 426px) and (max-width: 766px) {
	.vission img, .mission img, .goal img, .value img, .member img {
		height: 350px
	}
	.blog .post img, .one-blog article img, .article img {
		height: 300px
	}
	.gallery img {
	height: 200px
	}
	.trainer img {
		width: 50%;
		text-align: center; 
	} 
	#cerImg {
	    height: 300px;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.trainer .col-md-4 {
		margin-right: 25%
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px
	}
		aside .cat ul {
	width: 100%
}
}