@media screen and (max-width:1220px){
    .wrapper{
        width: 90%;
    }
    .modules__item-link{
        height: 300px;
    }
}
@media screen and (max-width:767px){
    .nav-desctop__menu {
            top: 19.2%;
    }
    section{
        padding: 32px 0px !important;
    }
    .default-btn__name{
        font-size: 20px;
    }
    .nav-desctop__logo{
        width: 164px;
    }
    .heading__title{
        width: 70%;
    }
    .header__banner-desc{
        width: 100%;
        margin: auto;
    }
    .header__banner{
        padding: 100px 0px;
    }
    .header__banner__title{
        font-size: 28px;
    }
    
    .header__banner-text{
        font-size: 22px;
    }
    .diseases__wrapp{
        flex-direction: column;
        gap:32px;
    }
    .diseases__item{
        width: 100%;
        gap:16px;
    }
    .diseases__thumb{
        height: 200px;
    }
    .diseases__text{
        font-size: 16px;
    }
    .info__wrapp{
        flex-direction: column;
    }
    .info__logo{
        width: 100%;
    }
    .info__text{
        width: 100%;
        font-size: 22px;
    }
    
     .modules__links-wrapp{
            grid-template-columns: 1fr ;
    }
    .modules__item-link{
        height: auto;
        padding: 16px;
        gap:16px;;
    }
    .modules__item-desc{
        flex-direction: column;
        gap:16px;
        
    }
    .modules__desc{
        width: 100%;
    }
    .modules__item-desc .default-btn{
        width: 100%;
    }
    .team__desc{
        flex-direction: column;
         gap:16px;
    }
    .team__desc-text{
        width: 100%;
    }
    .team__desc .default-btn{
        width: 100%;
    }
    .callback__form{
        padding:16px;
    }
    .callback__input,
    .callback__message{
        font-size: 14px;
    }
    .callback__form .default-btn{
        width: 100%;
    }
}
@media screen and (max-width:434px){
    .nav-desctop__menu {
            top: 17.7%;
    }
}
@media screen and (max-width:312px){
    .nav-desctop__menu {
                   top: 16.5%;
    }
}