/* 1640 */
@media only screen and (max-width: 1640px) {

.social {padding: 0 15px; min-height: 54px}
.social a {width: 46px; height: 46px}
.social svg {width: 20px}
	
.wrapper {margin-top: 120px}

header {height: 120px}
.head {max-width: 1400px; height: 120px}
.head > div:nth-child(1) {min-width: 260px; max-width: 260px}
.head .logo {width: 240px}
.head .logo-text {font-size: 11.2px}
.head .phone {margin: 0 10px; font-size: 16px}
.head .button {padding: 0 15px; height: 54px; font-size: 14px; line-height: 54px; white-space: nowrap}
.head .button svg {margin: -1px 3px 0 0; width: 20px}
.head .nav {gap: 25px; padding: 0 25px; font-size: 14px; min-height: 54px}

footer {padding: 40px 0 30px 0}
.footer {max-width: 1400px; font-size: 18px}
.footer > div:nth-child(2) {padding-right: 20px}
.footer > div:nth-child(3) {padding: 0 50px}
.footer > div:nth-child(4) {padding-left: 20px}
.footer .logo {width: 240px}
.footer .logo-text {width: 240px; font-size: 11px; letter-spacing: 1px; word-spacing: 2.5px}
.footer .contact-bot > div:nth-child(1) {width: 25px}
.footer .nav-bot {margin: 0 -40px}
.footer .nav-bot > div {padding: 0 40px 25px 40px}
.footer .company {font-size: 17px}

.bottom {padding-top: 30px; max-width: 1400px}
}

/* 1440 */
@media only screen and (max-width: 1440px) {

.head {max-width: 1200px; overflow: hidden}
.head > div:nth-child(4) {display: none}

.footer {max-width: 1200px; font-size: 17px}
.footer > div:nth-child(4) {padding-left: 5px}
.footer .nav-bot > div {padding: 0 45px 20px 15px}
.footer .social {padding: 0 0 25px 0}
.footer .company {padding-top: 20px; font-size: 15.5px}
.footer .company span {padding: 0 12px}
.footer .contact-bot > div:nth-child(1) {min-width: 26px; width: 26px; max-width: 26px}

.bottom {max-width: 1200px}

section {padding: 50px 0}

.content {max-width: 1200px}
.pre_title {font-size: 15px; letter-spacing: 1.5px; word-spacing: 2px}
.post_title {padding-top: 5px; font-size: 17px}
.post_title.big {font-size: 20px; line-height: 150%}

.start .title {margin-bottom: 15px; padding-bottom: 15px; font-size: 52px; line-height: 58px}
.start .num {gap: 30px}
.start .num > div:nth-child(1) {font-size: 90px; line-height: 80px}
.start .num > div:nth-child(2) {padding-bottom: 10px; font-size: 24px; line-height: 30px}
.start .text {padding-top: 15px; font-size: 22px}
.start .icons-right > div {padding: 15px}
.start .icons-right .icon > div:nth-child(3) {font-size: 16px}
.start .icons-right .icon > div span {font-size: 18px}
.start .icons-left > div {padding: 10px}
.start .icons-left .icon {gap: 12px}
.start .icons-left .icon > div:nth-child(1) {min-width: 56px; width: 56px; max-width: 56px; height: 56px}
.start .icons-left .name {font-size: 20px}
.start .icons-left .info {padding-top: 5px; font-size: 15px}

.graphics {gap: 20px; position: relative}
.graphics > div {margin-top: 25px; padding: 15px 15px 125px 15px}
.graphics > div:nth-child(1) {position: static}
.graphics h3 {font-size: 20px}
.graphics .gr-result .item {gap: 15px; padding: 25px 0}
.graphics .gr-result .item > div:nth-child(1) {min-width: 70px; max-width: 70px; height: 46px; font-size: 17px; line-height: 46px}
.graphics .gr-result .item > div:nth-child(3) {min-width: 50px; max-width: 50px; font-size: 19px}
.graphics .gr-result .item > div:nth-child(4) {min-width: 90px; max-width: 90px; font-size: 24px}
.graphics .block-bottom {gap: 15px; padding: 15px; width: calc(65% - 45px); height: 110px; bottom: 15px; left: 15px}
.graphics .block-bottom > div:nth-child(3) {font-size: 26px}
.graphics .block-bottom.small {gap: 10px; padding: 15px}
.graphics .block-bottom .icon {width: 66px; height: 66px}
.graphics .block-bottom h4, .graphics .block-bottom h5 {font-size: 18px}
.graphics .block-bottom p {font-size: 16px}
.graphics .block-bottom p.small {font-size: 12px}
.graphics .block-bottom.small .icon {width: 50px; height: 50px}
.graphics .block-top {top: -120px; right: 0px}

.wrp_how-education .bg_photo {top: -265px; max-width: 300px}
.how-education .item {gap: 20px; padding: 15px}
.how-education .item > div:nth-child(1) {min-width: 90px; width: 90px; max-width: 90px; height: 90px}
.how-education .icon {padding: 20px}
.how-education .name {font-size: 18px}
.how-education .text {font-size: 15px}
.how-education .text br {display: none}

.line-education {padding: 15px 0}
.line-education > div {padding: 0 15px; min-width: 220px}
.line-education .info {padding-left: 15px; font-size: 15px}
.line-education .info.big {font-size: 16px}
.line-education .icon {min-width: 64px; width: 64px; height: 64px; }

.slider-teachers-width {max-width: 1200px}
.teachers {margin-top: 20px}

.after_teachers {gap: 12px; margin-top: 20px; padding: 15px; font-size: 14px}
.after_teachers > div:nth-child(1) {font-size: 20px}
.after_teachers > div:last-child {font-size: 16px}
.after_teachers .block {gap: 10px}
.after_teachers .block > div:nth-child(1) {min-width: 78px; width: 78px; max-width: 78px; height: 78px}

.sun {gap: 24px; margin-top: 30px; padding: 15px; font-size: 18px}

.slider-tarifs-wrap {max-width: 1200px}
.tarifs {margin-top: 0}
.tarifs .good {padding: 15px 15px 215px 15px}
.tarifs .name > div:nth-child(1) {min-width: 70px; width: 70px; max-width: 70px; height: 70px; background-size: 60%}
.tarifs .wrp_select_item {width: calc(100% - 30px); left: 15px; bottom: 15px}

.message {padding-top: 35px}
.message > div:nth-child(1) {padding-bottom: 30px; width: 60%}
.message > div:nth-child(2) {width: 40%}
.message .icons {margin: 0 -15px; padding-top: 35px}
.message .icons > div {padding: 15px}
.message .pole {padding: 5px}
.message input[type='text'] {padding: 0 8px; height: 55px; font-size: 17px}
.message .send_frm {height: 55px; font-size: 17px}
.message .icon {font-size: 16px}
.message .icon > div:nth-child(2) {line-height: 130%}

.all-text {font-size: 40px}

.podgotovka {padding: 25px 25px 0 0}
.podgotovka > div:nth-child(1) {width: 40%}
.podgotovka > div:nth-child(2) {width: 60%; padding-bottom: 25px}
.podgotovka .blockquote {padding: 0 65px 30px 65px; font-size: 28px; line-height: 34px}
.podgotovka .blockquote:before,
.podgotovka .blockquote:after {font-size: 90px}
.podgotovka .title {padding-top: 0px; font-size: 21px}
.podgotovka .two {gap: 0; flex-wrap: wrap; padding-top: 20px}
.podgotovka .two > div:nth-child(1) {width: 100%}
.podgotovka .two > div:nth-child(2) {padding: 20px; width: 100%}
.podgotovka .icon-two {width: 70px; height: 70px}
.podgotovka .name_r {padding: 15px 0}
.podgotovka .text_r {padding-top: 12px}
.podgotovka .three > div {padding: 92px 10px 10px 10px}
.podgotovka .three .icon {width: 80px; height: 80px;  right: 60px}
.podgotovka .three .title {font-size: 16px}
.podgotovka .three .title br {display: none}
.podgotovka .three .text {padding: 20px 0 10px 0; font-size: 14px}

.slider_content_wrap h3 {max-width: 1200px; font-size: 22px}
.slider_content_width {padding-left: calc((100vw - 1200px) / 2)}
.slider_content .item > div:nth-child(1) {width: 48%}
.slider_content .item > div:nth-child(2) {width: 52%}
.slider_content .item .text {padding: 15px 15px 60px 15px}
.slider_content .item .view {width: calc(100% - 30px); left: 15px}
.after_slider {margin: 30px auto 0 auto; padding: 20px 35px; max-width: 1200px}

.faq-list .question {font-size: 17px}
.faq-list .ansver {font-size: 15px}
.faq_post .img {width: 180px; height: 180px}
.faq_post .title {font-size: 22px; line-height: 35px}
.faq_post .green {font-size: 20px; line-height: 35px}
.faq_post .small {font-size: 15px}
.faq_post .center {font-size: 14px}
.faq_post a {margin-bottom: 10px; height: 46px; font-size: 15px; line-height: 46px}
.faq_post a > div:nth-child(1) {width: 20px}
}

/* 1230 */
@media only screen and (max-width: 1230px) {

.wrapper {margin-top: 100px}
header {height: 100px}
.head {max-width: 990px; height: 100px}
.head .logo-text {padding-top: 3px}
.head .button.border {display: none}

.head > div {order: 2}
.head > div:nth-child(2) {width: 140px}
.head > div:nth-child(5) {padding-left: 25px}
.head > div:nth-child(6), .head > div:nth-child(7) {display: block}
.head > div:nth-child(6) {order: 1; min-width: 45px}
.head > div:nth-child(7) {padding-left: 25px; min-width: 300px}

.head .nav {display: none}

.head .wrp-nav-top {gap: 15px; align-items: center; justify-content: flex-end}
.head .nav-top {gap: 15px; justify-content: flex-end}
.head .nav-top > div {width: 40px; height: 40px}
.head .nav-top .item {justify-content: center; align-items: center; width: 100%; height: 100%; border: 2px solid #727532; border-radius: 50%; box-sizing: border-box}
.head .nav-top .item > div {padding: 5px; width: 31px; height: 31px}
.head .nav-top .item swg {width: 21px}
.head .nav-top .item path {fill: #727532}
.head .nav-top .item .col {width: 14px; height: 14px; color: #fff; font-size: 10px; font-weight: 500; text-align: center; background: #090; border-radius: 50%; line-height: 14px; position: absolute; top: -5px; right: -3px}

.item-backcall {gap: 10px; align-items: center}
.item-backcall > div:nth-child(1) {width: 54px; height: 54px; border: 2px solid #d0d0d0; border-radius: 50%; background: url(images/bg_icon.jpg) center no-repeat; background-size: cover; box-sizing: border-box; line-height: 0}
.item-backcall > div:nth-child(2) {font-size: 14px; font-weight: 600; white-space: nowrap}

.menu_button {padding: 7px; width: 35px; box-sizing: border-box; line-height: 0; cursor: pointer}
.menu_button path {fill: #000}

.footer {max-width: 990px}
.footer > div:nth-child(3) {padding: 0 50px; width: 40%}
.footer > div:nth-child(4) {padding-left: 25px; width: 30%}
.footer > div:nth-child(3) {padding: 0 30px}
.footer .nav-bot {margin: 0}
.footer .nav-bot > div {padding: 0 55px 20px 25px; width: 100%}
.footer .contact-bot > div:nth-child(1) {min-width: 22px; width: 22px; max-width: 22px}
.bottom {max-width: 990px; font-size: 14px}

section {padding: 40px 0}

.content {max-width: 990px}
.pre_title {font-size: 14px}
.post_title {font-size: 16px}
.post_title.big {font-size: 18px}

.start {gap: 0; flex-wrap: wrap}
.start > div {width: 100%}
.start > div:nth-child(1) {order: 2; margin-top: -90px}
.start > div:nth-child(2) {order: 1}
.start .wrap-start-right {justify-content: space-between; display: flex; gap: 15px}
.start .wrap-start-right > div {width: 60%}
.start .wrap-start-right > div:nth-child(2) {width: 20%}
.start .icons-right {gap: 12px; flex-wrap: wrap; padding-top: 0}
.start .icons-right > div {padding: 12px; width: 100%}
.start .icons-right .icon > div:nth-child(1) {width: 50px; height: 50px}
.start .icons-right .icon > div:nth-child(2) {height: 50px; font-size: 46px; line-height: 46px}
.start .icons-right .icon > div:nth-child(3) {padding-top: 10px; font-size: 15px; line-height: 140%}
.start .photo {margin: 0 auto; width: 80%; position: relative; bottom: 0; left: 20px; z-index: 3}
.start .title {font-size: 45px; line-height: 50px}
.start .title:after {width: 250px; height: 2px}
.start .num > div:nth-child(1) {font-size: 80px; line-height: 70px}
.start .num > div:nth-child(2) {font-size: 20px; line-height: 26px}
.start .text {padding-top: 5px; font-size: 20px; line-height: 140%}

.graphics {gap: 15px; flex-wrap: wrap}
.graphics > div:nth-child(1) {width: 100%; position: relative}
.graphics > div:nth-child(2) {margin-top: 0; width: 100%}
.graphics .block-bottom {width: calc(100% - 30px)}
.graphics .block-top {top: 20px; right: 20px}
.graphics .block-bottom.small {gap: 15px; align-items: center}
.graphics .block-bottom.small .icon {width: 66px; height: 66px}

.wrp_how-education .bg_photo {top: -240px; right: 240px; max-width: 280px}
.wrp_how-education .bg_text {right: 30px}
.line-education {flex-wrap: wrap; padding: 0 15px}
.line-education > div {padding: 15px 0; border-left: none}
.line-education > div:nth-child(1) {width: 100%;  border-bottom: 1px solid #e8ebd9}
.line-education > div:nth-child(1) br {display: none}

.slider-teachers-width {padding: 0 0 0 20px; max-width: 100%; box-sizing: border-box}
.slider-teachers-width:after {content: ''; display: block; width: 5%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(244, 240, 239, 1) 100%); position: absolute; right: 0; top: 0; z-index: 2}
.teachers {margin-top: 20px}

.after_teachers {flex-wrap: wrap}
.after_teachers > div:nth-child(1) {margin-bottom: 10px; width: 100%; font-size: 22px}
.after_teachers > div:nth-child(1) br {display: none}
.after_teachers > div:last-child {margin-top: 10px}
.after_teachers > div:last-child br {display: none}

.slider-tarifs-wrap {padding: 0 20px; max-width: 100%; box-sizing: border-box}
.slider-tarifs-wrap:after {content: ''; display: block; width: 5%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(244, 240, 239, 1) 100%); position: absolute; right: 0; top: 0; z-index: 2}
.button-prev.in_tarifs, .button-next.in_tarifs {width: 50px; height: 50px; top: 110px}
.button-prev.in_tarifs {left: 5px}
.button-next.in_tarifs {right: 5px}

.after_tarif {margin-top: 20px; padding: 20px 15px}

.message > div:nth-child(1) {width: 65%}
.message > div:nth-child(2) {width: 35%}
.message .bg-img {height: calc(100% + 115px); bottom: 0; left: -45px}
.message .icons {margin: 0 -10px; padding-top: 30px}
.message .icons > div {padding: 10px 15px}
.message .icon {margin-bottom: 15px; gap: 14px; font-size: 15px}
.message .icon > div:nth-child(1) {min-width: 40px; width: 40px; max-width: 40px; height: 40px}
.message .icons .faximile {max-width: 200px}
.message .icons .name {margin: 10px 0; font-size: 20px}
.message .icons .info {font-size: 14px}
.message .post_icon {margin-top: 10px; font-size: 16px}
.message .bg-img {width: calc(100% + 70px); height: calc(100% + 250px)}

.all-text {font-size: 36px}

.podgotovka {position: relative}
.podgotovka > div:nth-child(1) {position: absolute; right: 0; top: 0}
.podgotovka > div:nth-child(2) {width: 100%; padding-bottom: 25px}
.podgotovka .title {padding-top: 15px; padding-left: 25px; border-top: 2px solid #eae0db}
.podgotovka .two {padding-left: 25px}
.podgotovka .blockquote {border-bottom: none}
.podgotovka .photo_name {display: none}
.podgotovka .img {max-width: 350px; max-height: 300px; line-height: 0; overflow: hidden; bottom: inherit; top: -120px}

.slider_content_wrap h3 {max-width: 990px}
.slider_content_width {padding-left: calc((100vw - 990px) / 2)}
.after_slider {max-width: 990px}

.faq_post {padding: 8px 25px}
.faq_post > div:nth-child(1) {width: 170px}
.faq_post > div:nth-child(2) {padding: 0 80px 0 40px}
.faq_post .img {width: 170px; height: 170px}

.fly_basket {display: none}

.nav-left {display: block; width: 300px; height: 100vh; background: #fff; border-right: 2px solid #76823f; box-shadow: 3px 0px 6px 0px rgba(110,109,119,0.5); box-sizing: border-box; overflow: hidden; position: fixed; left: -320px; top: 0; z-index: 90015}
.nav-left .top {display: block; width: 100%; height: 70px; border-bottom: 1px solid rgba(0,0,0, .09); box-sizing: border-box; position: relative}
.nav-left .logo {display: block; padding: 10px 0 0 15px; width: 180px}
.nav-left .closeMenu {position: absolute; right: 15px; top: 22px; display: block; width: 26px; height: 26px; z-index: 501; cursor:pointer; transition:all .3s ease; overflow: hidden}
.nav-left .closeMenu:before, .nav-left .closeMenu:after {content: ""; position: absolute; top: 13px; right: 1px; width: 26px; height: 2px; background: #76823f}
.nav-left .closeMenu:before {transform: rotate(45deg)}
.nav-left .closeMenu:after {transform: rotate(-45deg)}
.nav-left .closeMenu:hover:before, .nav-left .closeMenu:hover:after {background: red}
.menu-left-wrap {display: block; width: 100%; height: calc(100% - 70px); overflow: hidden; overflow-y: auto}
.menu-left {padding-top: 40px}
.menu-left ul {display: block; margin: 0; padding-bottom: 80px; list-style: none}
.menu-left li {display: block; margin: 0; padding: 0}
.menu-left li a {display: block; padding: 12px 15px; font-size: 18px; font-weight: 700; color: #0b121e}
.nav-left .bottom-menu-l {display: block; padding: 30px 0 0 0; width: 100%; border-top: 1px solid rgba(0,0,0, .09)} 
.nav-left .phone {padding-bottom: 20px; text-align: center}
.nav-left .phone a {color: #000; font-weight: 700; font-size: 20px}
.nav-left .social {gap: 15px; justify-content: center; padding: 0 0 30px 0}
.nav-left .social a {border: 2px solid #9ea246}
.nav-left .social svg path {fill: #9ea246}
}

/* 1010 */
@media only screen and (max-width: 1010px) {

.head {max-width: 730px; height: 100px}
.head > div:nth-child(2) {width: 140px}
.head > div:nth-child(3),
.head > div:nth-child(5) {display: none}
.head > div:nth-child(7) {padding-left: 0; min-width: inherit}

.footer {max-width: 730px; font-size: 16px}
.footer > div:nth-child(1) {order: 1}
.footer > div:nth-child(2) {order: 2; padding-bottom: 20px; width: 60%}
.footer > div:nth-child(3) {order: 4; padding: 0 20px; width: 100%; border-top: 1px solid #45484c}
.footer > div:nth-child(4) {order: 3; padding-bottom: 20px; padding-left: 0; width: 40%}
.footer .company {padding-top: 29px; font-size: 15px}
.footer .contact-bot > div:nth-child(1) {min-width: 20px; width: 20px; max-width: 20px}
.footer .nav-bot {padding: 35px 0 20px 0}
.footer .nav-bot > div {padding: 0 55px 20px 35px; width: 50%}
.bottom {max-width: 730px; font-size: 13px}

.content {max-width: 730px}
.post_title.big {font-size: 17px; line-height: 140%}

.start > div:nth-child(1) {margin-top: -20px; z-index: 3}
.start > div:nth-child(2) {z-index: 5}
.start .wrap-start-right > div:nth-child(2) {width: 30%}
.start .title {font-size: 40px;  line-height: 44px}
.start .text {font-size: 18px}
.start .icons-right {gap: 10px}
.start .icons-right .icon > div:nth-child(1) {padding: 7px; width: 40px; height: 40px}
.start .icons-right .icon > div:nth-child(2) {height: 40px; font-size: 38px; line-height: 38px}
.start .icons-right .icon > div:nth-child(3) {padding-top: 8px; font-size: 14px; line-height: 130%}

.graphics .block-top {display: none}

.wrp_how-education .bg_photo {right: 110px}
.wrp_how-education .bg_text {top: -225px; right: 0px}
.wrp_how-education .bg_text .name {font-size: 14px}
.wrp_how-education .bg_text .text {font-size: 13px}

.how-education > div {width: 50%}
.how-education .item {gap: 17px; padding: 10px}
.how-education .item > div:nth-child(1) {min-width: 70px; width: 70px; max-width: 70px; height: 70px}
.how-education .num {font-size: 21px}
.how-education .name {padding-top: 2px; font-size: 17px}
.how-education .text {font-size: 14px}
.line-education .info.big {white-space: normal}

.teachers .item > div {font-size: 16px}
.teachers .item .name {font-size: 30px}
.teachers .after-block > div:nth-child(2) {font-size: 18px}
.after_teachers > div {min-width: 280px}
.after_teachers > div:last-child {min-width: 335px}
.after_teachers > div:last-child br {display: inherit}

.after_tarif {display: none}

.message {padding-right: 15px; position: relative}
.message > div:nth-child(1) {width: 100%}
.message > div:nth-child(2) {position: absolute; right: 20px}
.message .bg-img {height: calc(100% + 238px)}

.all-text {font-size: 30px}

.podgotovka .blockquote {padding: 0 45px 25px 45px; font-size: 24px; line-height: 28px}
.podgotovka .blockquote::before {font-size: 65px}
.podgotovka .blockquote::after {display: none}
.podgotovka .title {padding-left: 0px; font-size: 18px}
.podgotovka .two {padding-left: 0px}
.podgotovka > div:nth-child(1) {right: 20px}
.podgotovka .img {max-width: 300px; max-height: 260px; top: -100px}

.slider_content_wrap {padding-top: 20px}
.slider_content_wrap h3 {max-width: 730px; font-size: 20px}
.slider_content_width {padding-left: calc((100vw - 730px) / 2)}
.slider_content_width::before {display: none}
.button-prev, .button-next {width: 46px; height: 46px} 
.after_slider {padding: 15px; max-width: 730px}
.after_slider .text svg {width: 40px}
.after_slider .text {font-size: 17px; line-height: 135%}
.after_slider .button {padding: 0 20px; font-size: 15px; white-space: nowrap}

.faq-list .item {padding: 10px}
.faq-list .question {font-size: 16px}
.faq-list .question > div:nth-child(2) {padding-top: 12px}
.faq-list .ansver {font-size: 14px}
.faq_post {flex-wrap: wrap}
.faq_post > div:nth-child(3) {margin-top: -20px; padding-left: 210px; width: 100%}

.popup .popup_form {padding: 50px 40px; max-width: calc(100% - 30px); min-width: calc(100% - 30px)}
.popup .name {padding-bottom: 20px; width: 100%; font-size: 30px}
.popup p {padding: 14px 0 0 0}
}

/* 730 */
@media only screen and (max-width: 730px) {

.head {padding: 0 20px; max-width: 100%; box-sizing: border-box}
.head > div:nth-child(4), .head > div:nth-child(5) {display: none}
.head .button {height: 48px; font-size: 13px; line-height: 48px}

.footer {padding: 0 20px; max-width: 100%; font-size: 15px; box-sizing: border-box}
.footer > div:nth-child(2), .footer > div:nth-child(4)  {width: 100%}
.footer .logo {margin: 0 auto}
.footer .logo-text {margin: 5px auto 0 auto}
.footer .contact-bot {margin: 0 auto; width: 240px}
.footer .social {margin: 0 auto; width: 240px; justify-content: center}
.footer .company {text-align: center}
.footer .nav-bot > div {padding: 0 45px 20px 25px}
.bottom {flex-wrap: wrap; gap: 7px; padding: 30px 20px 0 20px; max-width: 100%; font-size: 13px; box-sizing: border-box}
.bottom > div {padding-right: 0; width: 100%; text-align: center}
.bottom > div:after {display: none}

section {padding: 30px 0}
.content {padding: 0 20px; max-width: 100%; box-sizing: border-box}
.gradient-1 {padding: 20px; border-radius: 0}

.start > div:nth-child(1) {margin-top: -10px}
.start .icons-left {gap: 10px}
.start .icons-left .name {font-size: 17px}
.start .icons-left .info {font-size: 14px}

.graphics > div:nth-child(2) h3 {display: none}
.graphics .block-bottom h4, .graphics .block-bottom h5 {font-size: 16px}
.graphics .block-bottom p {font-size: 15px}
.graphics .block-bottom p br {display: none}
.graphics .gr-result {display: none}

.wrp_how-education .bg_photo {top: -200px; right: 10px; max-width: 240px}
.wrp_how-education .bg_text {display: none}
.how-education > div {width: 100%}
.line-education > div {display: none}
.line-education > div:nth-child(1) {display: block; border-bottom: none}

.teachers .item > div {min-height: inherit}
.teachers .item .name {padding-top: 10px}
.after_teachers {display: none}

.message-bg {background: #0d1114}
.message-bg h2, .message-bg .post_title {color: #fff}
.message {padding: 25px 0 0 0}
.message > div:nth-child(1) {padding-bottom: 0; position: relative; z-index: 10}
.message > div:nth-child(2) {width: 60%; top: 100px; right: -80px}
.message .icons {padding-top: 20px}
.message .icons > div {width: 70%}
.message .icon {color: #fff}
.message .icons .name {color: #fff; opacity: 1}
.message .icons .info {color: #fff; opacity: .7}
.message .post_icon {color: #fff}
.message .bg-img {padding-bottom: 60px}
.message .bg-img:before {content: ''; display: block; width: 120%; height: 90%; background: radial-gradient(at center bottom, rgba(252, 234, 210, 1) 0%, rgba(13, 17, 20, 0) 70%); position: absolute; bottom: 0; left: 0; z-index: -1}

.podgotovka {padding: 25px 0 0 0}
.podgotovka .three .icon {right: 20px}
.podgotovka .three .title {font-size: 15px}
.podgotovka .blockquote {max-width: 60%}
.podgotovka .img {max-width: 200px; max-height: 200px; top: -42px; right: 0}

.slider_content_wrap {padding-top: 20px}
.slider_content_wrap h3 {padding: 0 20px; max-width: 100%; box-sizing: border-box}
.slider_content_width {padding-left: 20px}
.button-prev, .button-next {width: 40px; height: 40px} 
.button-prev {left: 5px}
.button-next {right: 5px}
.after_slider { flex-wrap: wrap; max-width: calc(100vw - 40px)}
.after_slider > div:nth-child(2) {padding: 10px 0 0 54px; width: 100%}

.faq-list .question > div:nth-child(1) {min-width: 40px; width: 40px; height: 40px}
.faq-list .question > div:nth-child(2) {padding-top: 8px}
.faq_post > div:nth-child(2) {padding: 0 0 0 30px; max-width: 340px}
.faq_post > div:nth-child(3) {padding-left: 200px}
.faq_post .title {font-size: 20px; line-height: 26px}
.faq_post .green {font-size: 18px; line-height: 26px}
.faq_post .small {line-height: 26px}

/* popUp*/
.popup .popup_form {padding: 40px 30px}
.popup .name {padding-bottom: 15px; width: 100%; font-size: 24px}
.popup p {padding: 14px 0 0 0; font-size: 14px}
}

/* 640 */
@media only screen and (max-width: 640px) {

.button-prev.in_tarifs, .button-next.in_tarifs {top: 130px}
.podgotovka .img {top: -14px}
}

/* 600 */
@media only screen and (max-width: 600px) {

.podgotovka .img {max-width: 220px; max-height: 214px; top: 0; right: -10px}
}


/* 590 */
@media only screen and (max-width: 590px) {

.head {padding: 0 15px}
.footer {padding: 0 15px}
.footer .nav-bot > div {padding: 0 10px 20px 10px}

section {padding: 25px 0}
.content {padding: 0 15px}
.gradient-1 {padding: 15px}
.pre_title {font-size: 13px}
.post_title {font-size: 15px}
.post_title.big {font-size: 16px}

.start > div:nth-child(1) {margin-top: 15px}
.start .wrap-start-right {flex-wrap: wrap}
.start .wrap-start-right > div {width: 100%}
.start .wrap-start-right > div:nth-child(2) {width: 100%}
.start .title {font-size: 36px; line-height: 42px}
.start .icons-right > div:nth-child(1) {display: none}
.start .icons-right .icon {flex-wrap: nowrap}
.start .icons-right .icon > div:nth-child(1) {min-width: 40px}
.start .icons-right .icon > div:nth-child(2) {padding-left: 20px; min-width: 80px}
.start .icons-right .icon > div:nth-child(3) {padding-top: 0; padding-left: 20px}
.start .icons-right .icon > div:nth-child(3) br {display: none}
.start .bg {height: 300px; left: -5px}
.start .photo {width: 95%; left: 5px}
.start .icons-left .icon > div:nth-child(1) {min-width: 40px; width: 40px; max-width: 40px; height: 40px}
.start .icons-left .name {font-size: 16px}
.start .icons-left .info {padding-top: 0; font-size: 13px}

.graphics > div {margin-top: 20px; padding: 10px}
.graphics h3 {font-size: 18px}
.graphics .block-bottom, 
.graphics .block-bottom.small {gap: 10px; margin-top: 15px; padding: 10px; width: 100%; height: auto; left: inherit; position: relative}
.graphics .block-bottom .icon, .graphics .block-bottom.small .icon {width: 46px; height: 46px}
.graphics .block-bottom h4, .graphics .block-bottom h5 {font-size: 15px}

.wrp_how-education .bg_photo {display: none}

.slider-teachers-width {padding: 0 0 0 15px}
.teachers .item {flex-wrap: wrap; gap: 0}
.teachers .item > div {width: 100%}
.teachers .item > div:nth-child(1) {order: 2}
.teachers .item > div:nth-child(2) {order: 1}
.teachers .item .img {position: relative}
.teachers .item br {display: none}

.teachers .item .icon {display: none}
.teachers .item .name {padding-top: 0}
.teachers .item ul {padding: 0}
.teachers .item ul:before {display: none}
.teachers .item ul > li {padding: 0 0 7px 35px}
.teachers .item .img {height: 400px}


.slider-tarifs-wrap {padding: 0 15px}

.message .pole {gap: 7px}
.message .pole > div {margin: 0 !important; width: 100% !important}
.message input[type="text"] {padding: 0 8px; height: 50px; font-size: 16px; text-align: center}
.message .send_frm {height: 50px; font-size: 15px}
.message .icon {align-items: center}
.message .icons > div, .message .icons > div:nth-child(4) {width: 100%}
.message .bg-img {padding-bottom: 30px;}
.all-text {margin-bottom: 25px; padding: 40px 20px; font-size: 26px}

.podgotovka {padding: 20px 0 0 0}
.podgotovka .blockquote {padding: 0 35px 25px 35px; font-size: 20px; line-height: 26px}
.podgotovka .blockquote::before, .podgotovka .blockquote::after {font-size: 45px}
.podgotovka .title {font-size: 17px}
.podgotovka .three {flex-wrap: wrap}
.podgotovka .three > div {padding: 102px 10px 10px 10px; width: 100%; border-right: none; border-bottom: 1px solid #eee6e1}
.podgotovka .three > div:last-child {border-bottom: none}
.podgotovka .three .num {top: 15px}
.podgotovka .three .icon {width: 70px; height: 70px; top: 15px; right: inherit; left: 100px}
.podgotovka .icon-two {width: 60px; height: 60px}  
.podgotovka .img {max-width: 200px; max-height: 190px; top: -42px; right: -20px}

.slider_content .item > div:nth-child(1) {width: 44%}
.slider_content .item > div:nth-child(2) {width: 56%}

.faq_post > div:nth-child(1) {width: 100%}
.faq_post > div:nth-child(2) {padding: 15px 0; width: 100%; max-width: inherit; text-align: center}
.faq_post > div:nth-child(3) {margin-top: 0; padding-left: 0;  width: 100%; text-align: center}
.faq_post .img {margin: 0 auto}
/* popUp*/
.popup .popup_form.small {min-width: calc(100% - 30px); max-width: calc(100% - 30px)}
}

/* 550 */
@media only screen and (max-width: 550px) {

.head > div:nth-child(1) {min-width: 180px; max-width: 180px}
.head .logo {width: 180px; padding-bottom: 10px}
.head .logo-text {display: none}
}

/* 500 */
@media only screen and (max-width: 500px) {

.head > div:nth-child(1) {min-width: 150px; max-width: 150px}
.head .logo {width: 150px; padding-bottom: 10px}
.item-backcall > div:nth-child(2) {font-size: 13px}

.message-bg {padding-top: 25px}
.message {flex-wrap: wrap}
.message > div:nth-child(1) {order: 2}
.message > div:nth-child(2) {order: 1; width: 100%; position: relative; top:inherit; right: inherit}
.message .bg-img {padding-bottom: 0; width: 100%; height: 300px; position: relative; top: inherit; left: inherit}	
.message .bg-img:before {width: 100%; height: 100%}	
	
.podgotovka .img {max-width: 180px; max-height: 180px; top: -7px; right: -20px}

.tarifs .swiper-slide-prev:after,
.tarifs .swiper-slide-next:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.tarifs .swiper-slide-prev:after {background: linear-gradient(90deg, rgba(244, 240, 239, 1) 0%, rgba(0, 0, 0, .05) 100%); left: 0}
.tarifs .swiper-slide-next:after {background: linear-gradient(90deg, rgba(0, 0, 0, .05) 0%, rgba(244, 240, 239, 1) 100%); right: 0} 
}

/* 480 */
@media only screen and (max-width: 480px) {

.head .wrp-nav-top {gap: 10px}
.head .nav-top {gap: 10px}
.head .nav-top > div {width: 34px; height: 34px}
.head .nav-top .item > div {padding: 5px; width: 31px; height: 31px}

.teachers .item .img {height: 300px}

.tarifs .popular {white-space: nowrap}	
.podgotovka .img {max-width: 190px; max-height: 200px; top: 0px}
}

/* 470 */
@media only screen and (max-width: 470px) {

.wrapper {margin-top: 80px}
header {height: 80px}
.head {height: 80px}
.head > div:nth-child(1) {min-width: inherit; max-width: inherit}
.head .logo {width: 120px; padding-bottom: 7px}

.footer > div:nth-child(3) {padding: 0}
.footer .nav-bot > div {padding: 0 5px 20px 10px}

.start .icons-left .icon > div:nth-child(1) {display: none}

.slider_content .item .name {font-size: 16px}
.slider_content .item .anons {margin-top: 15px; font-size: 13px}
/* popUp*/
.popup .popup_form {padding: 30px 20px}
.popup .name {font-size: 20px}
.popup p {font-size: 13px}
}

/* 414 */
@media only screen and (max-width: 414px) {

.head > div:nth-child(6) {min-width: 32px}
.head > div:nth-child(7) {min-width: inherit}
.head .logo {width: 100px; padding-bottom: 5px}
.item-backcall > div:nth-child(1) {width: 48px; height: 48px}
.item-backcall > div:nth-child(2) {font-size: 12px}
.menu_button {padding: 5px 5px 5px 0; width: 23px}

.message .bg-img {height: 270px}	
.message .icons {display: block}
.message .icons > div {width: 100%}
.message .icons > div:nth-child(1) {display: flex; gap: 14px; flex-wrap: wrap}
.message .icon {width: calc(50% - 7px)}
.message .icon > div:nth-child(1) {min-width: 30px; width: 30px; max-width: 30px; height: 30px; font-size: 14px}

.teachers .item {gap: 20px; padding: 10px 15px 85px 15px;}

.tarifs .name .title {font-size: 20px}
.button-prev.in_tarifs, .button-next.in_tarifs {top: 147px}

.podgotovka > div:nth-child(1) {right: 0}
.podgotovka .blockquote {max-width: 50%}
.podgotovka .img {max-width: 200px; max-height: 225px; top: 0px; right: -3px}
}

/* 380 */
@media only screen and (max-width: 380px) {

.head .logo {width: 90px; padding-bottom: 3px}
.head .wrp-nav-top {gap: 8px}
.head .nav-top {gap: 8px}
.item-backcall {gap: 8px}
.item-backcall > div:nth-child(1) {width: 40px; height: 40px}
.item-backcall > div:nth-child(2) {font-size: 11px}

.start .title {font-size: 34px}
.start .num {gap: 15px}
.start .num > div:nth-child(1) {font-size: 70px; line-height: 60px}
.start .num > div:nth-child(2) {font-size: 18px; line-height: 25px}
.start .text {font-size: 16px}
.start .icons-right .icon > div:nth-child(2) {padding-left: 10px}
.start .icons-right .icon > div:nth-child(3) {padding-left: 10px}
.start .icons-right .icon > div span {font-size: 16px}
.start .icons-left > div {padding: 7px}
.start .icons-left .name {font-size: 15px}

.how-education .item {gap: 10px}
.how-education .item > div:nth-child(1) {min-width: 60px; width: 60px; max-width: 60px; height: 60px}
.how-education .icon {padding: 15px}
.how-education .name {font-size: 15px}
.line-education .info.big {font-size: 15px}

.sun {gap: 15px; padding: 10px; font-size: 16px}

.tarifs .good {padding: 10px 10px 220px 10px}
.tarifs .name {gap: 10px}
.tarifs .name > div:nth-child(1) {min-width: 60px; width: 60px; max-width: 60px; height: 60px; background-size: 50%}
.tarifs .name .title {font-size: 18px}
.tarifs .name .tag {font-size: 13px}
.tarifs .name .text {font-size: 13px}
.tarifs .wrp_select_item {width: calc(100% - 20px); left: 10px; bottom: 10px}
.tarifs .wrp_select_item .button {font-size: 17px; line-height: 46px}
.tarifs .item input[type="radio"] + label span {top: 3px; right: 3px; width: 14px; height:14px}
.tarifs .item input[type="radio"] + label span:before {width: 12px; height: 12px}
.tarifs .item input[type="radio"]:checked + label span:after {width: 6px; height: 6px}
.tarifs .item input[type="radio"] + label .i-good > div:nth-child(1) {font-size: 14px}
.tarifs .item input[type="radio"] + label .i-good > div:nth-child(2) {font-size: 20px}
.tarifs .popular {white-space: nowrap}

.button-prev.in_tarifs, .button-next.in_tarifs {width: 40px; height: 40px; top: 125px}
.button-prev.in_tarifs {left: 3px}
.button-next.in_tarifs {right: 3px}

.message .bg-img {height: 250px}	
/* popUp*/
.popup .popup_form {padding: 25px 15px}
.popup .name {font-size: 18px}
}

/* 375 */
@media only screen and (max-width: 375px) {

.head > div:nth-child(6) {min-width: 30px}

.button-prev.in_tarifs, .button-next.in_tarifs {top: 135px}
.podgotovka .img {max-width: 200px; max-height: 225px; top: 28px; right: -10px; left: -10px}
}

/* 360 */
@media only screen and (max-width: 360px) {

.head .logo {width: 80px; padding-bottom: 3px}

.message .bg-img {height: 230px}	
.message .icons > div:nth-child(1) {gap: 10px}
.message .icon {gap: 10px; width: calc(50% - 5px); font-size: 13px}
.message .icon > div:nth-child(1) {min-width: 26px; width: 26px; max-width: 26px; height: 26px}	
.message .icon > div br {display: none}
.message .bg-img {height: 270px}	
.message .icons {display: block}
.message .icons > div {width: 100%}
	
.podgotovka .img {max-width: 200px;  max-height: 225px; top: 47px; right: -5px; left: -5px}
}

/* 320 */
@media only screen and (max-width: 320px) {

.head > div:nth-child(6) {min-width: 27px}
.head .logo {width: 65px; padding-bottom: 3px}
.head .nav-top > div {width: 30px; height: 30px}
.head .nav-top .item > div {padding: 3px; width: 27px; height: 27px}
.item-backcall > div:nth-child(1) {width: 40px; height: 40px}
.item-backcall > div:nth-child(2) {font-size: 10px}

.message .bg-img {height: 200px}

.podgotovka .blockquote {padding: 0 0 15px 25px; font-size: 18px; line-height: 22px}	
.podgotovka .blockquote::before, .podgotovka .blockquote::after {font-size: 35px; top: 3px}
.podgotovka .img {top: 33px}
}