@media screen and (max-width: 1199.98px) {
	.container {
		width: 720px;
	}

	.header-all {
		width: 690px;
	}

	.mobile {
		justify-content: center;
		margin: 0;
	}

	.mobile .fa-phone-alt {
		margin-left: 0;
	}

	body {
		background: #E7FFEA;
	}

	.fon {
		padding-bottom: 0;
	}

	h1 {
		margin-top: 50px;
	}

	.just {
		margin-top: 10px;
	}

	.photo-el.one img {
		width: 450px;
		margin: 0;
		margin-left: 120px;
		margin-top: 223px;
	}

	.about .title {
		margin-top: 363.73px;
	}

	.line.one {
	    width: 80px;
	    margin-top: 630px;
	    margin-left: 460px;
	}

	.advantage {
		width: 650px;
		margin-left: 0;
		margin-top: 50px;
		border-radius: 40px;
		padding: 0 30px;
	}

	.advantage .line-ver {
		margin: 0 10px;
	}

	.today h2 {
		margin-left: 0;
	}

	.today .why {
		margin-left: 0;
	}

	.today .container, .services .container, .reviews .container, .contacts .container {
		margin-left: -15px;
	}

	.slick-prev {
		left: 0;
		margin-left: -60px;
	}

	.slick-next {
		right: 0;
		margin-right: -60px;
	}

	.slides-numbers {
		margin-right: -27.9px;
		margin-top: 285.78px;
	}

	.line.two {
		display: none;
	}

	.course {
		border-radius: 50px 6px;
	}

	.test {
		width: 100%;
		padding-left: 300px;
		border-radius: 40px;
		margin-top: 80px;
	}

	.services h2 {
		margin-left: 0;
	}

	.photo-el.two img {
		width: 260px;
	    margin-left: 25px;
	    margin-top: 50px;
	}

	.free {
		margin-left: 293.5px;
		margin-top: 153px;
	}

	.hot {
		right: 0;
		margin-right: 15px;
		margin-top: 40px;
	}

	.reviews h2 {
		margin-left: 0;
	}

	.reviews-slider {
		margin-top: 30px;
	}

	.reviews-one {
		margin: 0 auto;
		margin-top: 50px;
		box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
		margin-bottom: 15px;
	}

	.reviews .like, .reviews .en {
		display: none;
	}

	.slick-dots {
		position: absolute;
		display: flex;
		justify-content: center;
		margin-top: 0px;
		left: 50%;
	    transform: translate(-50%, 0%);
	    margin-top: 15px;
	    z-index: 2;
	}

	.slick-dots li {
		display: block;
		width: 16px;
		height: 16px;
		background: #E7FFEA;
		border-radius: 100px;
		padding-top: 4px;
		padding-left: 4px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.slick-dots li button {
		background: none;
		border: none;
		display: block;
		content: '';
		text-indent: -9999px;
		width: 8px;
		height: 8px;
		background: #F5921D;
		border-radius: 100px;
		padding: 0;
	}

	.slick-slide:active, .slick-slide:focus, .slick-dots li button:active, .slick-dots li button:focus {
		outline: none;
	}

	.slick-dots li.slick-active {
		background: rgba(245, 146, 29, 0.3);
	}

	.slick-dots li.slick-active button {
		display: block;
		position: relative;
		width: 8px;
		height: 8px;
		background: #F5921D;
		z-index: 2;
	}

	.contacts h2 {
		margin-left: 0;
	}

	.contacts__info {
		margin-left: 0;
	}

	.social {
		margin-left: 0;
		margin-top: 40px;
	}

	.footer {
		padding-top: 50px;
		padding-bottom: 40px;

	}

	.up {
		width: 50px;
		height: 50px;
		border-radius: 10px;
		margin-top: 0;
		margin-left: auto;
	}

	.down {
		margin: 0;
		margin-top: 15px;
	}

	.contacts .container {
		margin-right: auto;
    	margin-left: auto;
	}



	.slider .slide-one {
		height: 480px;
		margin: 20px 8px;
	}

	.slick-arrow {
		margin-top: 240px;
	}

	/* .slides-numbers {
		margin-top: 282px;
	} */
}

@media screen and (max-width: 767.98px) {
	.container {
		width: 320px;
	}

	body {
		background: #E7FFEA;
	}

	.header {
		padding-top: 10px;
	}

	.header-all {
		width: 320px;
		margin-left: -15px;
		border-radius: 15px;
	}

	.header-all.menu-open {
		height: 273px;
	}

	.menu {
		height: auto;
	}

	.logo {
		margin-left: 0;
	}

	.c-hamburger {
		margin-left: 100px;
	}

	.menu-collapse {
		width: 320px;
		margin-left: -160px;
	}

	.mobile {
		height: auto;
		margin-top: 30px;
	}

	.about .container {
		margin-left: -15px;
	}

	h1 {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		font-size: 30px;
		text-align: center;
	}

	.photo-el.one img {
		width: 290px;
		margin-top: 156px;
		margin-left: 0;
	}

	.about .title {
		margin-top: 248.63px;
		margin-left: 0;
		font-size: 16px;
		width: 100%;
		text-align: center;
	}

	.about a {
		width: 185px;
    	height: 45px;
		font-size: 16px;
		margin: 0 auto;
		margin-top: 25px;
	}

	.advantage {
		height: auto;
		width: 100%;
		padding: 20px;
		border-radius: 20px;
	}

	.advantage-one {
		margin-top: 15px;
	}

	.advantage-one:first-child {
		margin-top: 0;
	}

	.advantage .number {
		font-size: 22px;
		width: auto;
		width: 60px;
		text-align: center;
	}

	.advantage .line-ver {
		margin: 0 5px;
		height: 30px;
	}

	.advantage .text {
		font-size: 18px;
		width: auto;
	}

	.today {
		padding-top: 70px;
	}

	.today h2 {
		font-size: 25px;
	}

	.slider {
	    height: auto;
		margin-top: 20px;
		box-shadow: none;
		border-radius: 10px;
		background: #E7FFEA;
		width: 95%;
    	margin-left: auto;
    	margin-right: auto;
	}

	.slick-slide .slide-one {
		border-radius: 10px;
		background: #E7FFEA;
	}

	.slider .slide-one {
		height: 360px;
		margin: 10px auto;
		box-shadow: 0px 0px 15px rgba(100, 184, 59, 0.38);
		border-radius: 10px;
	}

	.slider .slide-one img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
	}

	/* .slides-numbers {
		margin-right: 15px;
		margin-top: 177.4px;
	} */

	.today .why {
		font-size: 20px;
		margin-top: 40px;
	}

	.why-one img {
		margin-left: 35px;
	}

	.why-one {
		padding: 0 5px;
	}

	.services {
		padding-top: 70px;
	}

	.services h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.test {
		padding: 0;
		height: auto;
		padding-bottom: 30px;
		border-radius: 20px;
	}

	.photo-el.two img {
		width: 210px;
	    margin-top: 30px;
	    margin-left: 15px;
	}

	.test p {
		font-size: 20px;
		padding-top: 115px;
		padding-left: 50px;
	}

	.free {
		margin-left: 43px;
    	margin-top: 234px;
    	width: 130px;
    	height: 5px;
	}

	.test a {
		width: 185px;
    	height: 45px;
		font-size: 16px;
		margin-left: 70px;
	}

	.line.one {
		display: none;
	}

	.reviews {
		padding-top: 70px;
	}

	.reviews h2 {
		font-size: 25px;
	}

	.reviews-one {
		width: 250px;
		padding-top: 60px;
	}

	.reviews-one .photo {
		height: 90px;
		margin-top: -105px;
		margin-left: 52px;
		border-radius: 10px;
	}

	.reviews-one .name {
		font-size: 22px;
	}

	.slick-dots li {
		margin-left: 1px;
		margin-right: 1px;
	}

	.contacts h2 {
		font-size: 25px;
	}

	.contacts {
		padding-top: 101px;
	}

	.contacts__info-item.tel {
		font-size: 18px;
	}

	.contacts__info-item {
		font-size: 16px;
	}

	.contacts__info {
		margin-top: 30px;
	}

	.social {
		margin-top: 30px;
	}

	.map iframe {
		border-radius: 0px;
	}

	.footer {
		padding: 30px 0 20px;
	}

	.down {
		font-size: 12px;
		margin-top: 9.5px;
	}

	.up {
		width: 35px;
		height: 35px;
		margin-left: -12px;
	}

	.up img {
		height: 35px;
	}

	.course {
		margin-top: 20px;
		box-shadow: 0px 0px 15px rgb(65 213 27 / 45%);
		border-radius: 30px 6px;
		padding: 20px;
	}

	.course .title {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.course__info .dots {
		width: 5px;
		height: 5px;
		margin-right: 7px;
	}

	.course__info p {
		font-size: 16px;
	}

	.course .text {
		font-size: 16px;
	}

	.course .note {
		font-size: 12px;
	}

	.course .sign {
		width: 185px;
	    height: 45px;
	    font-size: 16px;
	    margin: 0 auto;
	    margin-top: 17px;
    	margin-bottom: 25px;
	}

	.box-modal {
		width: 290px;
		padding: 10px 20px 50px;
		border-radius: 30px 6px;
	}

	.box-modal_close {
		margin-right: -10px;
	}

	.box-modal .title {
		margin-top: 10px;
		font-size: 22px;
	}

	.box-modal .text {
		font-size: 16px;
	}

	.form__input {
		height: 50px;
		font-size: 14px;
		padding-left: 20px;
		margin-bottom: 20px;
	}

	.actions__remember_text {
		font-size: 10px;
	}

	.form__button-one {
		font-size: 16px;
	}

	form label {
	    margin-top: -20px;
	    font-size: 9px;
	    margin-left: 20px;
	}

	.arcticmodal-container_i2 {
		padding: 15px;
	}

	.all {
		width: 290px;
	}

	.course__info-item {
		margin-top: 7.5px;
	}

	.course .title.two {
		margin-top: 25px;
	}

	.price__info-item p {
		font-size: 16px;
	}
}