@media all and (max-width: 1370px) {
	.services {
		background-position-x: -40px;
	}
}

@media all and (max-width: 1280px) {
	.wrapper {
		padding: 0 15px;
	}

	.phone a {
		font-size: 20px;
	}

	.footer-phone a {
		font-size: 30px;
	}
	.footer-phone {
		margin-right: 30px;
	}
}

@media all and (max-width: 1100px) {
 	.address {
 		display: none;
 	}
}

@media all and (max-width: 1024px) {
	.front {
		min-height: auto;
	    padding: 130px 0 50px;
	}
	.front h1 {
		font-size: 50px;
		line-height: 1.2;
		margin-bottom: 50px;
	}
	.front .text {
		font-size: 20px;
	}
	section {
		padding: 50px 0;
	}
	.title {
		font-size: 30px;
	}
	
	.services-block {
		margin: 50px 0;
	}
	.services-block:before {
		display: none;
	}
	.service-item {
		width: 49%;
	    background-size: cover !important;
		margin-bottom: 15px;
	}

	.banner-item {
	    padding: 35px 40px;	
	}
	
	.advantages {
		min-height: auto;
		background-size: cover !important;
	}
	.advantages-wrap {
		flex-wrap: wrap;
		margin-top: 50px;
	}
	.advantages-block {
		width: 100%;
	}
	.advantages-wrap .form {
		display: none;
	}
	
	.about-wrap {
		height: auto;
		margin-top: 0;
		padding: 50px;
	}
	.about-text {
		margin-top: 50px;
	}
	.years {
		display: none;
	}

	.reviews {
		padding: 50px 0;
	}
	.reviews-block {
		width: 100%;
	}
	.slider-nav {
		display: none;
	}

	.menu a {
		font-size: 14px;
	}

	footer .wrapper {
		flex-wrap: wrap;
	}
	.footer-item {
		width: 100% !important;
		text-align: center;
	}

	footer {
		background: #15333e;
		padding-top: 0;
	}
	.footer-block {
		padding: 20px 0;
	}
	.footer-logo {
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-logo p {
		width: 100%;
		margin-top: 20px;
	}
	.flex {
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.footer-phone {
		width: 100%;
		margin-right: 0;
	}
	.btn-footer {
		margin: 20px auto 0;
		padding: 18px 10px;
	}
	.footer-menu {
		display: none;
	}
	.contacts {
		text-align: center;
	}
	.privacy {
		margin-bottom: 20px;
	}
	.social {
		justify-content: center;
		margin-top: 20px;
	}

}

@media all and (max-width: 768px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5;
	    box-shadow: -0.2px 1px 81px rgba(117, 150, 222, 0.11);
	}
	.front {
		margin-top: 93px;
	}
	.header-main {
		padding: 20px 0;
	}
	.logo-text {
		font-size: 13px;
	}
	.logo-text span {
		font-size: 15px;
	}
	.phone {
		margin-right: 20px;
	}
	.btn-call {
		display: none;
	}
	.btn-menu {
		display: block;
	}
	.header-menu {
    	position: fixed;
    	top: 0;
    	left: -300px;
    	width: 300px;
       	height: 100%;
    	padding: 40px 20px;
    	background: #04b4e0;
    	z-index: 5;
    	transition: 0.5s;
	}
	.header-menu.active {
		left: 0;
	}
	.menu {
		flex-wrap: wrap;
	}
	.menu li {
		width: 100%;
		margin-bottom: 25px;
	}
	.menu a {
		font-size: 16px;
	    text-transform: none;
	}

	.about-item {
		width: 100%;
		margin-bottom: 20px;
	}

	.service-item, .banner-item {
		width: 100%;
		background-size: cover !important;
		margin-bottom: 20px;
	}

	.review-item {
		flex-wrap: wrap;
	}
	.review-info {
		width: 100%;
	    min-height: auto;
	    background: #0f6b93;
	}
	.review-info .name {
		padding-bottom: 20px;
	}
	.review-info .course {
		margin-top: 20px;
	}
	.review-info {
		padding: 30px;
	}
	.review-content {
		max-width: 100%;
		padding: 30px;
	}
	
	.about {
		padding-bottom: 0 !important;
	}
	.about-wrap {
		padding: 0;
		background: none;
		box-shadow: none;
	}
	.about-item .btn-training {
		margin: 15px auto 0;
		display: table;
	}
}

@media all and (max-width: 650px) {
	.front {
		padding: 100px 0 50px;
	}
	.front h1 {
		font-size: 35px;
		margin-bottom: 30px;
	}
}

@media all and (max-width: 500px) {
	.phone {
		display: none;
	}
	.advantage-item {
		width: 100%;
		text-align: center;
    	margin-bottom: 40px;
	}
	.advantage-item img {
		left: 0;
	}

	.group-button {
		flex-wrap: wrap;
	}
	.group-button .btn {
		width: 100%;
		margin-bottom: 15px;
	}
	.about-item .btn-training, .group-button .btn {
		padding: 19px 10px;
	}
	
	.modal-form, .modal {
		padding: 30px !important;
	}
	.modal-form .form-title, .modal-title {
    	font-size: 20px;
    	line-height: 1.2;
	}
	input[type="submit"] {
		font-size: 13px;
	}

	#success h2 {
		font-size: 20px;
		line-height: 1.2;
	}
	#success p {
		font-size: 16px;
		line-height: 1.3;
	}
}

@media all and (max-width: 400px) {
	.service-item {
		text-align: center;
		padding: 35px 40px;
	}
	.service-header {
		flex-wrap: wrap;
	}
	.service-item .icon {
		width: 100%;
		margin-bottom: 15px;
	}
	.service-item h4 {
		margin-left: 0;
	}

	.about-item .btn-training {
		width: 100%;
	}
}