@media (max-width: 1399.98px) {
  	body { font-size: 95%; }
  	.main-h3 { font-size: 2rem; }
    .phone-call { font-size: 90%; }
    :root { --header-h: 100px; --font-l: 120%; --font-xl: 140%; --font-xxl: 230%; --font-super: 265%; }
    .owl-pictures .picture-card { margin-right: 20px; }
	.owl-pictures .picture-card > img { height: 225px; }
	#section-photo .owl-stage > .owl-item:nth-child(2n + 1) > div > div:nth-child(2) img { height: 275px; } 
	#section-photo .owl-stage > .owl-item:nth-child(2n) > div > div:nth-child(1) img { height: 275px; } 
    .tt-blocks { font-size: 90%; padding: 20px; }
    .tt-list > div > svg { height: 20px; }
    .tt-list > div { position: absolute; right: 2%; top: -5px; }
    .tt-blocks > li { margin-bottom: 4px; }
    .video-container { height: 380px; max-width: 700px; }
    .mtop-50 { margin-top: 30px; }
    .parent-text { font-size: 1rem; }
    .parent-tick > img { width: 20px; }
    .parent-tick { width: 35px; }
}
@media (max-width: 1199.98px) {
    .contacts-wrp { padding-left: 40px; }
    .contacts-wrp i { width: 26px; height: 26px; font-size: 90% !important; margin-top: -2px; }
    .price-card > div { padding: 15px 20px; height: unset; }
    :root { --margin-60: 30px; }
    .parent-wrp { margin: 40px 0; }
    #faq, #price, #contacts { padding-top: 30px; }
    .faq-img { display: none; }
    .step-text { font-size: .85rem; }
    .img-tt-2 { width: 24%; top: -120px; }
    .img-tt { width: 17%; top: -120px; }
    #section-tt { background: url(../images/pages/tt-bg.png) no-repeat top right / 95%, linear-gradient(to top, var(--color-p) 15%, transparent 15%); }
    .tt-margin { margin-top: 10px; }
    .radius-left > div, .radius-right > div { margin: 30px 30px; }
    .phone-call { font-size: 75%; }
    nav a { font-size: .85rem; }
    nav { margin-bottom: 0px; }
    .main-h3 { font-size: 1.75rem; margin-top: 20px; }
    :root { --font-l: 110%; --font-xl: 130%; --font-xxl: 200%; --font-super: 230%; --font-nums: 360%; }
    h1 { text-align: center; }
    .hist-name { line-height: 1.5rem; font-size: 115%; }
    .hist-desc { font-size: 95%; min-height: 50px; }
	.owl-pictures .picture-card > img { height: 200px; }
	#section-photo .owl-stage > .owl-item:nth-child(2n + 1) > div > div:nth-child(2) img { height: 250px; } 
	#section-photo .owl-stage > .owl-item:nth-child(2n) > div > div:nth-child(1) img { height: 250px; } 
	.owl-pictures .picture-card { margin-right: 0px; }
    .section-title { padding-top: 15px; padding-bottom: 15px; }
    .accordion-button { font-size: 75%; }
    .owl-feeds > .owl-nav > .owl-prev { margin-left: 0px; margin-right: 240px; }
    .owl-feeds > .owl-nav > .owl-next { margin-left: 240px; margin-right: 0px;  }    
    .owl-feeds > .owl-nav > button > span, .owl-teachers > .owl-nav > button > span { font-size: 300%; }
    .tt-padding { padding: 0px 1% 20px 1%; }
    .ico-g { width: 21px; }
	.ico-p { width: 21px; }
    .books-wrp { padding-left: 0px; padding-right: 0px; }
    .video-container { height: 270x; max-width: 580x; }
}
@media (max-width: 991.98px) {
    .doplink { font-size: 90%; }
    .contact-form { padding: 20px; }
    .contacts-wrp li { font-size: .8rem; }
    .contacts-wrp li { margin: 20px 0; }
    .price-card span { margin-top: 20px; }
    .price-card { margin: 20px 0; }
    .step-arrow { margin-top: 45px; }
    .parent-block { margin-top: 0px; }
    .parent-wrp { padding: 40px 30px; }
    .img-tt, .img-tt-2 { top: -50px; }
    .tt-list > li > div:nth-child(3) > span { margin-right: 20px; }
    .tt-list > li > img { width: 60px; margin-right: 20px; }
    .tt-list > li > div:nth-child(2) { font-size: 1.25rem; margin-right: 20px; }
    .tt-list { padding: 0; }
    .tt-list > li > div:nth-child(4) p { font-size: .8rem; }
    .tt-wrp > img { width: 30px; top: -22px; }
    .tt-wrp { padding: 30px; }
    .fix-h-770 { height: 620px; }
    .left-list > li > div:nth-child(2) { font-size: 1.1rem; }
    .left-list > li > img, .right-list > li > img { width: 40px; margin-right: 10px; }
    .right-list > li { margin-bottom: 24px; }
    .right-list > li::after { top: 52px; left: 50px; }
    .radius-left > div, .radius-right > div { margin: 10px 5px; }
    .main-subtitle-2 { font-size: 1.1rem; margin-bottom: 10px; }
    .start-align { align-self: start; }
    .main-subtitle { font-size: 1.1rem; }
    .main-title { font-size: 1.5rem; }
    .main-p { font-size: .75rem; }
    .main-h33 { line-height: 3rem; font-size: 1.25rem; }
    .main-h1 { font-size: .85rem; }
    .main-h0 {font-size: .8rem; }
    .main-h2 { font-size: 1.75rem; }
    .main-h3 { font-size: 1.5rem; line-height: normal; }
    .main-h22 { margin-top: 0; font-size: .65rem; }
    .foo-nav ul { columns: 2; }
    .foo-social li { display: inline-block; margin: 0px 2px; }
    #section-about p { font-size: .78rem; }
	img.logo { width: 99%; }
    .phone-call { display: none; }
    .phone-call-icon { display: block; }
    :root { --font-nums: 280%; }
    .hist-name { font-size: 100%; }
    .hist-name { line-height: 1.15rem; font-size: 110%; }
    .hist-desc { font-size: 80%; line-height: 1.15rem; padding-top: 5px; min-height: 45px; }
    .picture-card > div { padding: 10px 0px; font-size: 90%; }
    .title-col { margin-top: 0px; }
    .price-block { margin: 15px 0px; }
    .uf-content { padding: 0px !important; }
    .section-title { padding-top: 10px; padding-bottom: 10px; }
    .accordion-button { padding: 0px; font-size: 70%; }
    .accordion-body { padding: 0.5rem; }
    .accordion-body p { margin: 0px; }
    .owl-teachers > .owl-nav > .owl-prev, .owl-teachers > .owl-nav > .owl-next { margin: 0px 150px; line-height: 0.5rem; }
    .owl-teachers {padding-left: 0px; padding-right: 0px; }
    .register-page > li > button { margin-top: 20px; }
    .tt-blocks > li { margin-bottom: 7px; grid-template-columns: 30% auto; }
    .tt-blocks > li > div:nth-child(1) { display: none; }
    .ico-g { width: 21px; }
	.ico-p { width: 21px; }    
    .books-wrp { columns: 1; }
    .books-wrp > li:nth-child(1) { margin-top: 0px; }
	.map-b img:nth-child(1) { left: -60px; bottom: -40px; }
	.map-b img:nth-child(2) { right: -20px; top: -20px; }  
    .map-b { padding-left: 20px; }
    .video-container { height: 360px; }
}
@media (min-width: 768px) {
    #high-faq, #high-tt { display: block !important; }
}
@media (max-width: 767.98px) {
    .contacts-wrp li { font-size: 1rem; }
    #contacts { padding: 40px 0; }
    .foo-logo { max-width: unset; }
    .foo-logo img { width: 50%; }
    .doplink { margin-top: -10px !important; }
    .price-card > h3 { padding: 15px 25px; font-size: 1.25rem; }
    .faq-wrp { padding: 10px; margin-bottom: 30px; }
    .step-arrow { transform: rotate(90deg); margin: 0; height: 15px; margin-bottom: 20px; } 
    .steps-wrp img { max-height: 80px; }
    .step-text { margin-top: 10px; }
    .steps-wrp { margin-top: 10px; }
    :root { --margin-60: 30px; }
    .main-title { font-size: 1.25rem; }
    .parent-wrp { margin: 20px 0; }
    .parent-text > p { font-size: .85rem; line-height: 1rem;}
    .img-tt, .img-tt-2 { z-index: 2; }
    .tt-sign { display: none; }
    .tt-list > li > img { margin-right: 10px; width: 40px; }
    .tt-list > li > div:nth-child(2) { font-size: 1rem; margin-right: 10px; max-width: 60px; }
    .tt-list { padding: 10px 0; }
    .tt-list > li > div:nth-child(3) { display: none; }
    .radius-left { margin-left: calc(var(--bs-gutter-x) * .5); margin-bottom: calc(var(--bs-gutter-x) * .5); }
    .radius-right { margin-right: calc(var(--bs-gutter-x) * .5); }
    .left-list { margin: 0; }
    .fix-h-770 { height: unset !important; }
    .about-1 { margin: 0; }
    .main-h3 { line-height: 1.75rem !important; }
    .main-h1, .main-h2 { margin: 0 !important; }
    #navi { padding: 30px 20px; margin-top: 40px; }
    .doplink { display: block; margin-top: 10px; text-align: center; font-size: .85rem; margin-right: 0;}
    .copyright { padding-top: 0px; }
    .main-contacts > li { height: 40px; }
    .main-contacts { margin-bottom: 0; }
    .foo-addr { text-align: center; }
    .cont-fix { font-size: 85%; }
    .foo-logo { margin-bottom: 20px; text-align: center; }
    .foo-nav li { font-size: 100% !important; }
	.map-b img:nth-child(1) { left: -40px; bottom: -40px; }
	.map-b img:nth-child(2) { right: -30px; top: -40px; }     
    .books-wrp { margin-left: 20px; }
    #high-faq .title-col, #low-faq .title-col { text-align: center !important; }
    .main-contacts li { display: block; }
    ul.main-contacts  { padding-left: 50px; padding-right: 50px; display: grid; grid-template-columns: 33% 33% 33%; align-items: center; font-size: .75rem;}
    .main-contacts > li { text-align: center; width: 100%; }
    .main-contacts a { margin: auto; }
    .nav-bars, .header-login-reg, .nav-close { color: var(--color-p); font-size: 250%; cursor: pointer;}
    .nav-close { display: none; }
    #navi li { display: block !important; font-size: 180%; margin-bottom: 15px; }
    #navi-li-fix li { text-align: center; margin-bottom: 15px !important }
    .nav-bars, .nav-close { position: absolute; top: 33px; right: 40px; }
    header .dropdown { position: absolute; top: 23px; left: 40px; }
    :root { --font-l: 105%; --font-xl: 115%; --font-xxl: 145%; --font-super: 160%; }
    .main-h1 { font-size: 95%; margin-bottom: 10px; }
    .main-h3 { line-height: unset; margin-bottom: 10px; }
    .main-h2 { line-height: unset; margin-bottom: 10px; }
    .main-p { padding-right: 0px; }
    .btn-main { padding: 10px 40px; font-size: 100%; }
    .about-school { margin-bottom: 20px; margin-top: 20px; }
    .photo-next > img, .photo-prev > img { width: 99%; }
    #section-photo { background: url(../images/pages/pics_pc_2.png) bottom 1% left 8% / 35% auto no-repeat, url(../images/pages/pics_pc_1.png) top 10% right 14% / 35% auto no-repeat; }
    #high-faq { display: none; }
    #high-tt { display: none; }
    .owl-teachers > .owl-nav > .owl-prev, .owl-teachers > .owl-nav > .owl-next { margin: 0px 100px; line-height: 0.5rem; }
    #section-teachers .owl-theme .owl-dots .owl-dot span { width: 25px; }
    #section-feeds .owl-theme .owl-dots .owl-dot span { width: 40px; }
	.owl-feeds > .owl-nav > .owl-prev { margin-right: 130px; }	
    .owl-feeds > .owl-nav > .owl-next { margin-left: 130px; }
    #section-teachers .owl-item { padding: 0px 0px; }
    .tt-blocks > li > div:nth-child(4) { order: 1; display: grid !important; place-items: center; grid-row: span 2; width: 56px; border-radius: 0 28px 28px 0; background: var(--color-g); height: 56px; }
    .tt-blocks > li > div:nth-child(2) { order: 2; margin-top: auto; }
    .tt-blocks > li > div:nth-child(3) { order: 3; margin-bottom: auto; }
    .tt-blocks > li { grid-template-columns: 56px auto; overflow: hidden; margin-bottom: 12px; padding-right: 20px; }
    .tt-blocks > li { height: 56px; border-radius: 28px; border: 0; background: var(--color-g-l); }
    .tt-blocks > li svg { fill: #fff !important; width: 56px; }
    .icon-fav { display: none; }
    .tt-list { box-shadow: unset; border: 0; }
    .tt-blocks { padding-top: 0; }
    #section-tt .about-school { margin-bottom: 0px !important; }
    .tt-bg-p { background-color: var(--color-p-l) !important; }
    .tt-bg-p > div:nth-child(4) { background-color: var(--color-p) !important; }
    #section-tt { background: unset; }
    .foo-nav li { margin-bottom: 0px !important; }
    .video-container { height: 260px; }
    .picture-card img { height: 280px; }
    #section-school { background: url(../images/pages/pics_pc_2.png) bottom 2% left 6% / 20% auto no-repeat, url(../images/pages/pics_pc_1.png) top 9% right 10% / 20% auto no-repeat; }
}
@media (max-width: 570px) {
	.map-b img:nth-child(1) { left: -20px; bottom: -30px; }
	.map-b img:nth-child(2) { right: -15px; top: -25px; }     
    .map-b { margin-left: 20px;  margin-right: 20px;}
    .hist-list { columns: 1; }
    .pic-pad { padding-bottom: 0px; }
    .hist-desc { margin-bottom: 5px; min-height: auto; }
    .price-block { margin-left: auto; margin-right: auto; }
    .p-last { max-width: 350px; margin-left: auto; margin-right: auto; }
    .owl-teachers > .owl-nav > .owl-prev { margin-left: 0px; margin-right: 160px; }
    .owl-teachers > .owl-nav > .owl-next { margin-left: 160px; margin-right: 0px;  }
    #section-teachers .owl-theme .owl-dots .owl-dot span { width: 12px; }
    #section-feeds .owl-theme .owl-dots .owl-dot span { width: 30px; }
	.owl-feeds > .owl-nav > .owl-prev { margin-right: 110px; }	
    .owl-feeds > .owl-nav > .owl-next { margin-left: 110px; }   
    #section-teachers .owl-item { padding: 0px 30px; }
    #section-teachers .owl-dots { margin-bottom: 30px; }
    .lk-nav { max-width: unset; }
    .lk-closed { right: -100%; }
    .ui-form { padding-left: 0; }  
    .lk-nav-header { font-size: 115%; }
    .lk-block { padding: 15px; }
    .alert-access i, .alert-warning i, .alert-error i { margin-right: 15px; }
    .video-container { height: 200px; }
    .picture-card img { height: 230px; }
}
@media (max-width: 420px) {
    .header-login { font-size: 110%; }
    :root { --header-h: 80px; }
    .nav-bars, .header-login-reg, .nav-close { font-size: 200%; } 
    .nav-bars, .nav-close { position: absolute; top: 28px; right: 25px; }
    header .dropdown { position: absolute; top: 20px; left: 25px; }    
    #navi-li-fix li { font-size: 160%; margin-bottom: 10px !important; }
    .picture-card img { height: 190px; }
}
@media (max-width: 370px) {
    #section-teachers .owl-item { padding: 0px 0px; }
}

.b-school { max-width: 80%; }
.switch-btn {
  display: inline-block;
  width: 100%; /* ширина */
  height: 38px; /* высота */
  border-radius: 19px; /* радиус скругления */
  background: var(--color-g); /* цвет фона */
  z-index: 0;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
  transition-duration: 300ms; /* анимация */
  color: #fff;
}
.switch-btn > div {
    width: 50%; 
    display: inline-block; 
    text-align: center; 
    padding-top: 7px;
}
.switch-btn::after {
  content: "";
  height: 32px; /* высота кнопки */
  width: 50%; /* ширина кнопки */
  border-radius: 17px;
  background: var(--color-p); /* цвет кнопки */
  top: 3px; /* положение кнопки по вертикали относительно основы */
  left: 3px; /* положение кнопки по горизонтали относительно основы */
  transition-duration: 300ms; /* анимация */
  position: absolute;
  z-index: -1;
}
.switch-on {
  background: var(--color-g);
}
.switch-on::after {
  left: calc(50% - 3px);
}