
@media (min-width: 380px){

}

@media (min-width: 768px){
    .schedule__choice-list-item{
        width: auto;
        margin:5px;
        padding: 5px 15px;
        background: var(--white-3);
        border: 2px solid var(--white-2);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .schedule__days{
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 5px;
        margin: 0 -10px;
    }
    .schedule__day{
        width: calc(1/2*100% - 10px);
        margin:5px;
        padding: 5px;
        margin-bottom: 10px;
    }
}
@media (min-width: 1024px){
    .main{
        flex: 1 1 auto;
        position: relative;
        z-index: 1;
        background: url(../img/main-top-bg.png), url(../img/main-central-bg.png), linear-gradient(183deg, rgb(250, 202, 154) 0%, rgba(228,232,244,1) 100%);
        background-position: 100% 0%, 100% 20%, 100% 40%;
        background-size:contain, contain, 100% 110%;
        background-repeat: no-repeat;
    }
    .intro__title{
        font-size: 50px;
    }
    .control-bar__filter{
        gap: 30px;
        justify-content:flex-start;
    }
    .control-bar__select{
        font-size: 14px;
    }
    .control-bar__btn{
        font-size: 14px;
        height: 39.5;
    }
    .schedule__direction-box{
        display: flex;
        margin: 0 -15px;
    }
    .schedule__direction-educational{
        padding: 15px;
        flex: 1 1 50%;
    }
    .contact__body{
        display: flex;
        gap: 35px;
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .contact__column-title{
        font-size: 18px;
        margin-bottom: 12px;
    }
    .contact__column-list-item {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .contact__column_map{
        flex: 1 1 auto;
    }
    .contact__column_map-content{
        height: 280px;
    }
    .social{
        display: inline-block;
        width: 32px;
        height: 32px;
    }
}
@media (min-width: 1200px){
    .header__text{
        font-size: 16px;
        line-height: 120%;
    }
    .header__top-logo{
        height: 45px;
    }
    .header__central-pharse{
        height: 40px;
    }
    .header__central-img{
        height: 50px;
        margin: -5px 0;
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
    }
    .header__central-img:hover{
        transform: scale(1.1) rotate(80deg);
        -webkit-transform: scale(1.1) rotate(80deg);
        -moz-transform: scale(1.1) rotate(80deg);
        -ms-transform: scale(1.1) rotate(80deg);
        -o-transform: scale(1.1) rotate(80deg);
    }
    .header__menu-list{
        position: absolute;
        opacity: 0.4;
        width:30%;
        height: auto;
        z-index: 9;
        top: 0;
        left:-100vw;
        margin: 0 -10px;
        padding: 60px 50px 40px;
        background: var(--dark-powdery);
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -ms-transition: all 0.6s;
        -o-transition: all 0.6s;
        border: 3px solid var(--border);
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    .header__menu-list._active{
        left: 0;
        opacity: 1;
    }
     .header__menu-list-item{
        font-weight: 400;
        transition: all 0.3s, opacity 1s;
        -webkit-transition: all 0.3s, opacity 1s;
        -moz-transition: all 0.3s, opacity 1s;
        -ms-transition: all 0.3s, opacity 1s;
        -o-transition: all 0.3s, opacity 1s;
    }
    .header__menu-list-item:hover{
        color: var(--border);
    }
    .burger{
        width: 40px;
        height: 26px;
        top: 8px;
    }
    .burger:hover  .burger__line{
        background: var(--border);
    }
    .burger__line {
        width: 100%;
        height: 4px;
        position: absolute;
        left: 0;
        background: var(--burger-line);
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
    .header__bottom-list-item{
        font-size: 18px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
    }
    .header__bottom-list-item:hover{
        color: var( --dark-powdery);
    }
    .intro{
        padding-top: 50px;
    }
    .intro__schedule{
        display: none;
    }
    .intro__body{
        display: flex;
        flex-direction: column-reverse;
    }
    .intro__video-box{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .intro__video-content{
        width: 80%;
        border: 5px solid var(--dark-powdery);
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
    }
    .intro__video-content:hover{
       box-shadow: var(--box-shadow-hover);
       border-color: var(--powdery);
    }
    .intro__title{
        font-size: 60px;
        width: 60%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    
    .card__body {
        background: none;
        padding: 0;
        box-shadow: none;
        border-radius:none;
        -webkit-border-radius:none;
        -moz-border-radius:none;
        -ms-border-radius:none;
        -o-border-radius:none;
        display: flex;
        align-items: center;
        gap: 40px;
    }
    .card__body_reverse{
        flex-direction: row-reverse;
    }
    .card__column_info{
        flex: 1 1 60%;
        background: var(--dark-powdery);
        padding: 40px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        box-shadow: var(--box-shadow);
        transition: all 0.8s;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
    }
    .card__column_info:hover{
        position: relative;
        z-index: 2;
        transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
    }
    .card__column_video{
        flex:1 1  auto;
    }
    .card__column-content{
        border: 5px solid var(--dark-powdery);
    }
    .card__column-title {
        padding: 12px 23px;
        font-size: 28px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        box-shadow: var(--box-shadow-hover);
    }
    .card__column-advantages-title {
        font-size: 20px;
        padding-left: 20px;
        position: relative;
        margin-bottom: 3px;
    }
    .card__column-advantages-title:last-child {
        margin-bottom: 0;
    }
     .card__column-advantages-title:hover::after {
        background: var( --light-blue-2);
    }
    .card__column-advantages-title::after {
        width: 12px;
        height: 12px;
        top: 5px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    .card__column-advantages-text {
        font-size: 18px;
        padding-left: 20px;
        font-weight: 300;
    }
    .schedule__day{
        width: calc(1/3*100% - 10px);
        margin:5px;
        padding: 5px;
    }
    .reviews__title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .reviews__slide-icon{
        width: 60px;
        height: 60px;
    }
    .reviews__slide-name{
        font-size: 18px;
    }
    .reviews__slide-text{
        font-size: 16px;
    }
    .call__form{
        margin: 0 auto;
        max-width: 58%;
        border: 2px solid var(--white-2);
    }
    .call__form-title{
        font-size: 28px;
        text-align: center;
        padding-bottom: 15px;
    }
    .call__form-input,
    .call__form-textarea{
        font-size: 16px;
        padding: 15px 20px;
        margin-bottom: 8px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
    }
    .call__form-textarea{
        margin-bottom: 15px;
    }
    .call__form-input:hover,
    .call__form-textarea:hover{
        box-shadow: var(--box-shadow-hover);
        cursor: pointer;
    }
    .call__form-input:focus,
    .call__form-textarea:focus{
        box-shadow: var(--box-shadow);
    }
    .call__form-btn{
        font-size: 18px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
    }
    .call__form-btn:hover{
        background: var(--blue);
        border: 1px solid var(--);
        box-shadow: var(--box-shadow);
    }
    .contact__body{
        gap: 50px;
    }
    .contact__column-title{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .contact__column-list-item {
        font-size: 14px;
        margin-bottom: 3px;
        font-weight: 300;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
}
    .contact__column-list-item_tel{
        font-weight: 400;
    }
    .contact__column-list-item_text-bold{
        font-weight: 400;
    }
    .contact__column-list_link{
        gap: 10px;
    }
    .social{
        width: 30px;
        height: 30px;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
    }
    .contact__column-list-item_vk:hover{
        border: 4px solid var(--blue-point);
       border-radius: 50%;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       -o-border-radius: 50%;
    }
    .contact__column-list-item_telegram:hover{
        border: 5px solid var(--light-blue-1);
       border-radius: 50%;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       -o-border-radius: 50%;
    }
    .contact__column-list-item_whatsapp:hover{
        border: 5px solid #16e840;
       border-radius: 50%;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       -o-border-radius: 50%;
    }
    .contact__column-list-item_youtube:hover{
        border: 5px solid var(--dark-powdery);
       border-radius: 50%;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       -o-border-radius: 50%;
    }
    .pc-hover-contact:hover{
        color: var(--border);
    }
}
@media (min-width: 1368px){
    .schedule__choice-list-item{
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    .schedule__choice-list-item:hover{
        background: #d4eaec;
    }
}


@media (min-width: 1600px){
    
}
@media (min-width: 1900px){

}

@media  (max-width: 425px){

}
@media  (max-width: 360px){
    
}
@media (min-width: 1900px){
}
