@media only screen and (max-width: 1439px){
    header{
        height: 117px;
    }
    .navbar{
        justify-content: space-around;
        width: 768px;
    }
    main{
        height: 100%;
    }
    /* todo___________________section welcome__________________________ */
    .welcome{
        height: 420px;
        flex-direction: row-reverse;
        justify-content: space-evenly;
    }
    .big_leafs{
        top: 40px;
        width: 280px;
        height: 254.15px;
    }
    .titles_wrapper__welcome{
        top: 40px;
        width: 341px;
        height: 310px;
    }
    .titles_wrapper__welcome h2{
        font-size: 35px;
    }
    .titles_wrapper__welcome p{
        padding-left: 5px;
        margin-top: 30px;
        font-size: 16px;
        line-height: 25px;
    }
    .button__welcome{
        margin-top: 35px;
        height: 44px;
    }
    /*!____________________Welcome end___________________*/
    /* Todo:________________ABOUT_______________________ */
    .about{
        height: 783px;
    }
    .content_wrapper_about{
        max-width: 768px;
        width: 100%;
        height: 783px;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .titles_wrapper__about article{
        position: relative;
        bottom: 20px;
        left: 50px;
        display: flex;
        justify-content: center;
    }
    .titles_wrapper__about article h2{
        font-size: 35px;
        line-height: 46px;
    }
    .titles_wrapper__about article h3{
        position: relative;
        right: 66px;
        width: 668px;
        height: 208px;
    }
    .about img{
        bottom: 35px;
        right: 0;
        width: 250px;
        height: 258px;
    }
    .titles_cards{
        width: 280px;
    }
    /* !__________________about_end_____________________ */
    /* todo_______________Services_____________________ */
    .service {
        width: 768px;
        height: 1780px;
    }
    .service h2{
        font-size: 35px;
        line-height: 46px;
        margin: 60px 0px 0px 50px;
    }
    .wrapper_title__buttons{
        width: 768px;
        flex-direction: column;
        margin: 0;
        padding: 0px;
    }
    .buttons{
        width: 559px;
        height: 50px;
        margin: 40px 0px 40px 50px;
    }
    .cards_container{
        width: 668px;
        height: 1426px;
        gap: 38px 106px;
    }
    .cards_container > div{
        width: 280px;
        height:450px;
    }
    .second_title{
        width: 201px;
        height: 40px;
        text-align: center;
    }
    /*** !! ________________________Kards __________________________________!! ***/
    .card_image_1{
    width: 280px;
    height: 350px;
    background-position: 0px -35px; /* левоправо верхниз*/
}
    .card_image_2{
    width: 280px;
    height: 350px;
    background-position: 0px -35px; /* левоправо верхниз*/

}
    .card_image_3{
    width: 280px;
    height: 350px;
    background-position: -120px -0px; /* левоправо верхниз*/
}
    .card_image_4{
    width: 280px;
    height: 350px;
    background-position: 0px -35px; /* левоправо верхниз*/
}
    .card_image_5{
    width: 280px;
    height: 350px;
    background-position: 0px -35px; /* левоправо верхниз*/
}
    .card_image_6{
    width: 280px;
    height: 350px;
    background-position: 0px -35px; /* левоправо верхниз*/
}
/* !______________________________Services_end_________________________________ */
/* todo:__________________________prices_______________________________________ */
.prices{
    display: flex;
    justify-content: center;
    height: 585px;
}
.content_wrapper_prices{
    margin: 0;
    justify-content: space-between;
    width: 668px;
    height:357.98px;
}
.prices_left{
    height: 381px;
    right: 0px;
}
.prices_left > h2{
    position: relative;
    left: 15px;
    font-size: 35px;
    line-height: 42px;
}
.prices_right > h2 {
    font-size: 25px;
    line-height: 35px;
}
.prices_right > button{
    top:0;
}
.prices_right{
    width: 296px;
    height: 357.98px;
    left: 0px;
    top: 139px;
}
.small_leafs{
    top: 0px;
}
/* !________________________________Prices_end_______________________________ */
/* todo_____________________________contacts_________________________________ */
.contacts{
    height: 739px;
}
.contacts_content_wrapper{
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    width: 450px;
    height: 548.49px;
    margin-top: 100px;
}
.contacts h2{
    margin-top: 40px;
    top: 0px;
}
.contacts_content_wrapper > img{
    left: 8px;
    margin: 0px;
    width: 200px;
    height: 248.49px;
}
.city_container{
    margin: 0;
}
/* !__________________________________contacts_end____________________________ */
/* todo_______________________________footer__________________________________ */
footer{
    align-items:center;
    height: 181px;
}
.content_wrapper{
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 768px;
    height: 121px;
}
.wrapper_left{
    line-height: 24.2px;
    right: 0;
}
.container_socials{
    top: 9px;
    left: 0;
}
#rschool{
    left: 0px;
}
}
@media only screen and (max-width: 767px){
    /* todo_____________________________________header__________________________ */
    main{
        height: 100%;
    }
    header{
        height: 96px;
    }
    .navbar{
        justify-content: space-between;
        width: 380px;
    }
    .menu{
        /* display: none; */
    }
    nav{
        /* width: 50px; */
        /* display: none; */
    }
    .logo{
        padding-left: 25px;
    }

    /* ?____________________________________HEADER_END____________________________ */
    .welcome{
        width: 380px;
        height: 300px;
    }
    .big_leafs{
        display: none;
    }
    .titles_wrapper__welcome {
        top: 24px;
        width: 330px;
        height: 252px;
    }
    .titles_wrapper__welcome h2{
        width: 330px;
        height: 72px;
        font-size: 25px;
        line-height: 35px;
    }
    .titles_wrapper__welcome p{
        width: 314.52px;
        height: 105.42px;
        font-size: 16px;
        line-height: 25px;
        margin-top: 20.36px;
    }
    .button__welcome{
        margin-top: 20.08px;
        font-size: 10px;
        width: 100px;
        height: 34.14px;
    }
    /* todo___________________________about_start________________________ */
    .about{
        height: 516px;
    }
    .content_wrapper_about{
        margin-top: 30px;
        height: 455px;
    }
    .titles_wrapper__about article h2{
        height: 58px;
        width: 288px;
        font-size: 25px;
        line-height: 33px;
    }
    .titles_wrapper__about article{
        left: 0;
        bottom: 0;
    }

    .titles_wrapper__about article h3{
        margin-top: 21.55px;
        width: 330px;
        height: 228.38px;
        font-size: 15px;
        line-height: 25px;
        right: 15px;
        bottom: 4px;
    }
    .about img{
        right: 0;
        bottom: 0;
         width: 150px;
         height: 147px;
    }
    /* !___________________________about_end______________________________ */
    /* todo_________________________services_start________________________ */
    .service{
        width: 380px;
        height: 3150px;
    }
    .service h2{
        margin: 0px;
        font-size: 25px;
        line-height: 33px;
        width: 187px;
        height: 69px;
    }
    .wrapper_title__buttons{
        margin: 30px 0px 40px 25px;
        width: 252px;
        height: 183px;
    }
    .buttons{
        flex-wrap: wrap;
        gap: 9px 10px;
        width: 252px;
        height: 79px;
        margin: 0px;
    }
    .buttons button{
        width: 121px;
        height: 35px;
        font-size: 15px;
        line-height: 20px;
    }
    .cards_container{
        width: 280px;
        height: 2870px;
        gap: 34px 0px;
    }
/* !____________________________services_end______________________________ */
/* todo_________________________prices_start______________________________ */
    .prices{
        height: 512px;
    }
    .content_wrapper_prices{
        margin-top: 25px;
        width: 227px;
        height: 447px;
        flex-direction: column;
    }
    .prices_left{
        align-items: center;
        justify-content: space-between;
        width: 224px;
        height: 302px;
        top: 0px;
        right: 0px;
    }
    .prices_left > h2{
        left: 0;
        font-size: 25px;
        line-height: 30px;
    }
    #options_wrapper{
        width: 224px;
        height: 235px;
    }
    #option1, #option2 , #option3{
        width: 180px;
        height: 49.72px;
    }
    .title_wrapper_option{
        justify-content: space-between;
        width: 110px;
        height: 20px;
    }
    .title_wrapper_option > span{
        font-size: 15px;
        line-height: 20px;
    }
    .prices_right{
        top: 0px;
        align-items: center;
        width: 230px;
        height: 126px;
    }
    .prices_right > h2{
        text-align: center;
        font-size: 20px;
        line-height: 35px;
    }
    .prices_right > button{
        font-size: 15px;
        line-height: 20px;
        top: 0;
        width: 121px;
        height: 35px;
    }
    .small_leafs{
        display: none;
    }

/* !____________________________prices_end______________________________ */
/* todo_________________________Contacts_start___________________________ */
    .contacts{
        height: 445px;
    }
    .contacts h2{
        font-size: 25px;
        line-height: 33px;
        margin-top: 25px;
    }
    .contacts_content_wrapper{
        margin-top: 80px;
        width: 300px;
        height: 420.25px;
    }
    .contacts_content_wrapper > img{
        width: 100px;
        height: 124.25px;
        left: 0;
    }
    .city_container{
        width: 300px;
    }
    .city_container > div{
        right: 20px;
    }
    /* !____________________________contacts_end_________________________ */
    /* todo_________________________footer_start___________________________ */
    footer{
        align-items: center;
        height: 146px;
    }
    .content_wrapper{
        width: 210px;
        height: 117px;
    }
    .wrapper_left{
        top: 5px;
    }
    #rschool{
        top:5px;
        left: 0px;
        }
    .container_socials{
        top: 0px;
    }
    .container_socials ul li{
         height: 27px;
     }
}
/* *BURGER */
@media only screen and (max-width: 767px){
    .burger{
        padding-right: 25px;
    }
    svg{
        z-index: 3;
        display: block;
    }
    .active_burger{
        height: 30px;
    }
    path{
        transition: transform 0.25s;
    }
    .active_burger path:nth-of-type(1){
        transform: rotate(45deg);
        transform-origin: 0px 2px;
    }
    .active_burger path:nth-of-type(2),.active_burger path:nth-of-type(3){
        display: none;
    }
    .active_burger path:nth-of-type(4){
        transform: rotate(-45deg);
        transform-origin: 6px 26px;
    }
    nav{
        opacity: 0;
        visibility: hidden;
        transition: 0.55s opacity, 0.55s visibility;
        z-index: 2;
        height: 100%;
        width: 100%;
        background-color:#EDF2EC;;
        position: absolute;
        top: 0;
        left: 0;
    }
    .menu{
        margin-top: 50px;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        width: 280px;
    }
    .active_nav{
        opacity: 1;
        visibility: visible;
    }
    .menu > li >a{
        font-weight: 700;
        color: #499A18;
    }
    .hidden{
        overflow: hidden;
    }
}