@media only screen and (max-width: 1280px) {
 

} 

@media only screen and (max-width: 1024px) {
    .about__wide {
        padding: 36px;
    }

    .article__left {
        width: calc(50% - 8px);
        max-width: unset;
    }
    
    .article__right {
        width: calc(50% - 8px);
    }

    .article__title--short {
        max-width: unset;
    }



    .contact-us__left {
        width: calc(50% - 8px);
        max-width: unset;
    }
    
    .contact-us__right {
        width: calc(50% - 8px);
    }

    .contact-us__title {
        max-width: unset;
    }



}
@media only screen and (max-width: 991px) {
    .header__logo {
        max-width: 110px;
    }

    .education {
        padding: 24px;
    }

    .education__inner {
        gap: 16px;
    }

    .education__heading {
        width: 232px;
    }

    .education__desc {
        width: calc(100% - 248px);
    }
}

@media only screen and (max-width: 900px) {
    body {
        font-size: 12px;
    }

    .header {
        padding: 12px 0;
    }

    .header__btn {
        display: block;
        width: 18px;
        height: 12px;
        background: url(../img/icon-menu.svg) no-repeat;
        background-size: contain;
    }

    .header__menu {
        display: none;
    }

    .header__logo {
        margin-right: auto;
    } 

    .section--hero {
        padding-top: 35px;
    }

    .hero__left {
        width: calc(100% - 355px);
    }

    .hero__right {
        width: 344px;
    }

    .hero__title {
        font-size: 28px;
    }

    .hero__title br {
        display: block;
    }


    .section--pb {
        padding-bottom: 16px;
    }

    .about__title {
        font-size: 24px;
    }

    .about__desc {
        max-width: unset;
    }


    .section__title--large {
        font-size: 28px;
        margin-bottom: 24px;
    }

    .services {
        gap: 24px 16px;
    }

    .services__link {
        font-size: 14px;
    }

    .text-content ol li {
        font-size: 10px;
    }

    .text-content ol li:not(:last-child) {
        margin-bottom: 0px;
    }



    .education__heading br {
        display: none;
    }

    .section__title:not(.section__title--large) {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .education__subtitle {
        font-size: 16px;
    }

    .education__info > *:not(:last-child) {
        margin-bottom: 12px;
    }

    .education__bottom {
        padding: 12px;
    }

    .education__bottom > *:not(:last-child) {
        margin-bottom: 12px;
    }




    .areas {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .areas__elem {
        padding: 16px;
        gap: 6px;
    }

    .areas__link {
        font-size: 16px;
    }





    .features {
        padding: 24px;
        gap: 8px;
    }

    .features__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }





    .partners {
        gap: 0;
    }



    .section--contacts {
        padding-bottom: 16px;
    }

    .contacts__info {
        width: 270px;
    }

    .contacts-block__heading {
        gap: 6px;
    }

    .contacts-block__title {
        font-size: 14px;
    }
    
    .contacts-block__subtitle {
        font-size: 12px;
    }

    .contacts-block {
        gap: 22px;
    }

    .contacts-block__list-icon {
        width: 16px;
        height: 16px;
    }

    .contacts-block__list-elem--phone .contacts-block__list-icon {
        background-size: contain;
    }

    .contacts-block__list-elem--email .contacts-block__list-icon {
        background-size: contain;
    }

    .contacts-block__list-elem--website .contacts-block__list-icon {
        background-size: contain;
    }

    .contacts-block__list-elem--map .contacts-block__list-icon {
        background-size: contain;
    }

    .contacts-block__list-elem--phone .contacts-block__list-title {
        font-size: 14px;
    }


    


    .contacts__map {
        min-height: 300px;
        width: calc(100% - 340px);
    }

    .footer {
        padding: 17px 0;
    }

    .footer__left {
        width: calc(100% - 544px);
    }

    .footer__right {
        width: 528px;
    }

    .footer__desc br {
        display: none;
    }

    .footer__link {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .footer__contacts .contacts-block__list-elem:not(.socials) {
        gap: 6px;
    }

    .contacts-block__list-subtitle {
        font-size: 10px;
    }

    .contacts-block__list-elem--phone-complex .contacts-block__list-title {
        font-size: 12px;
    }

    .footer__socials {
        padding-left: 22px;  
    }

    .socials__elem {
        width: 16px;
        height: 16px;
    }



    .go-top {
        bottom: 124px;
        width: 32px;
        height: 32px;
    }

    .go-top.show {
        right: 12px;
    }


    .mobile-menu .contacts-block__list-elem--phone-complex .contacts-block__list-title {
        font-size: 14px;
    }
    
    .mobile-menu .contacts-block__list-subtitle {
        font-size: 12px;
    }

    .mobile-menu__socials {
        padding-left: 28px;
    }





    .section--breadcrumbs {
        padding: 12px 0;
    }

    .breadcrumbs__link {
        font-size: 8px;
    }
    
    .breadcrumbs__current {
        font-size: 8px;
    }

    .breadcrumbs__separator {
        width: 5px;
        height: 5px;
        background-size: 3px;
    }



    .section--article {
        padding: 12px 0;
    }

    .article__title {
        font-size: 28px;
    }

    .form--wrapper {
        padding: 36px;      
    }

    .form__input:is(textarea) {
        min-height: 156px;
    }



    .section--common {
        padding: 24px 0;
    }



    .section--contact-us {
        padding: 12px 0;
    }

    .contact-us__title{
        font-size: 28px;
    }

    .contact-us__body {
        gap: 16px;
    }



}



@media only screen and (max-width: 768px) { 
    .details-list {
        float: none;
        margin: 0;
        max-width: 100%;
    }

}    

@media only screen and (max-width: 767px) { 
    .hero {
        flex-direction: column-reverse;
        gap: 17px;
    }
    
    .hero__left {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .hero__heading {
        align-items: center;
    }



    .services {
        grid-template-columns: 1fr;
        gap: 12px;
    }




    .education__inner {
        flex-direction: column;
        gap: 0;
        text-align: center;
    }

    .education__inner--bg {
        background-position: center 24%;
    }

    .education__heading {
        width: 100%;
    }

    .education__desc {
        width: 100%;  
        align-items: center;
    }

    .education__body {
        align-items: center;
    }


    .section__title--mbl-center {
        text-align: center;
    }



    .contacts {
        flex-direction: column;
        gap: 16px;
    }

    .contacts__info {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .contacts-block {
        align-items: center;
    }

    .contacts-block__heading {
        align-items: center;
    }

    .contacts__map {
        width: 100%;
    }


    .footer__wrapper {
        flex-direction: column;
    }

    .footer__left {
        width: 100%;
        align-items: center;
    }
    
    .footer__right {
        width: 100%;
    }

    .footer__info {
        align-items: center;
        text-align: center;
    }

    .footer__nav {
        width: calc(50% - 8px);
    }

    .footer__contacts {
        width: calc(50% - 8px);
    }
    

    .services__elem--wide {
        grid-column: unset;
    }




    .article--columms {
        flex-direction: column;
        gap: 24px;
    }
    
    .article__left {
        width: 100%;
    }
    
    .article__right {
        margin: 0 auto;
        width: 100%;
        max-width: 392px;
    }





    .contact-us {
        flex-direction: column;
        gap: 24px;
    }

    .contact-us__left {
        margin: 0 auto;
        width: 100%;
        max-width: 392px;
    }
    
    .contact-us__right {
        margin: 0 auto;
        width: 100%;
        max-width: 392px;
    }
}    

@media only screen and (max-width: 600px) { 
    .about {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .about__wide {
        flex-direction: column;
        grid-column: unset;
    }

    .about__slim {
        padding: 24px;
        align-items: center;
        text-align: center;
    }

    .about__wide {
        padding: 24px;
        align-items: center;
        text-align: center;
        gap: 12px;
    }

    .about__title--decor::before {
        left: calc(50% - 12px);
        transform: translateX(-50%);
    }

    .about__title--decor::after {
        left: calc(50% + 12px);
        transform: translateX(-50%);
    }




    .education {
        padding: 16px;
    }

    .education__desc {
        gap: 16px;
    }




    .areas {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .areas__elem {
        align-items: center;
        text-align: center;
    }






    .features__list {
        grid-template-columns: 1fr;
        gap: 12px;
    }


    .footer {
        padding: 16px 0;
    }

    .footer__right {
        flex-direction: column;
    }

    .footer__nav {
        width: 100%;
    }
    
    .footer__menu {
        align-items: center;
    }

    .footer__contacts {
        width: 100%;
    }

    .footer__contacts .contacts-block__list {
        align-items: center;
        gap: 13px;
    }

    .footer__socials {
        padding: 0;       
    }


    .grid-block__elem {
        padding: 30px 20px;
    }
} 

@media only screen and (max-width: 480px) { 
    .wrapper {
        padding-left: 11px;
        padding-right: 11px;
    }

    .header__wrapper {
        gap: 24px;
    }

    .header__contacts {
        gap: 14px;
    }

    .btn--contact {
        display: none;
    }

    .phone-btn {
        width: 36px;
        height: 36px;
        display: inline-block;
        border-radius: 100px;
        background: #0BB9C9;
        display: flex;
        justify-content: center;
        align-items: center;
    }
   

    .section--hero {
        padding-top: 32px;
        padding-bottom: 16px;
    }

    .hero__right {
        width: 66%;
    }



    .section__title--large {
        margin-bottom: 16px;
    }


    .section--pb-mini {
        padding-bottom: 16px;
    }


    .features {
        padding: 16px;
        gap: 0px;
    }




    
    .go-top {
        bottom: 292px;
    }




    .mobile-menu {
        padding: 78px 12px 18px;
    }



    .form__inner {
        gap: 16px;
    }

    .btn--submit {
        width: 100%;
    }


    .section--common {
        padding: 16px 0;
    }




    .contact-us__left {
        gap: 24px;
    }

    .contact-us__body {
        gap: 24px;
    }

    .article--event {
        gap: 30px;
    }

    .details-list {
        padding: 10px;
    }

    .grid-block__elem {
        padding: 20px 10px;
    }

    .infos-block {
        padding: 20px 10px;
    }



}

@media only screen and (max-width: 375px) { 
    .section__title:not(.section__title--large) {
        font-size: 20px;
        margin-bottom: 14px;
    }

    .section__title--large {
        font-size: 24px;
    }

    .form--wrapper {
        padding: 24px; 
    }

    .popup__inner {
        padding: 36px 24px;
    }


    .grid-block__title {
        font-size: 14px;
    }

}

@media only screen and (max-width: 374px) { 
    .hero__title {
        font-size: 24px;
    }

    .about__title {
        font-size: 20px;
    }



    .education__inner--bg {
        background-size: contain;
    }
   
    .mobile-menu {
        width: 100%;
    }
}

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

   
}