@media (max-width: 1400px){
    h1{
        font-size: 40px !important;
    }
    h3{
        font-size: 25px !important;
    }
    .paragraph{
        font-size: 18px !important;
    }
    .nav{
        height: 80px;
    }
    .nav__ul-list_li {
        font-size: 15px !important;
        padding: 0 20px !important; 
      }
    .header__nav__button{
        width: 120px;
        font-size: 16px !important;
        padding: 8px 14px !important;
    }
}
@media(max-width:1100px){
    .main__photo{
        width: 40% !important;
    }
    .footer-nav{
        justify-content: center !important;
     }  
    .footer-nav__column{
        margin: 10px;
        width: 300px;
    }
    .biography__cards__item__text{
        font-size: 14px !important;
    }
    .biography__cards{
        flex-direction: column !important;
    }
    .biography__cards__item{
        padding: 10px ;
        width: 70% !important;
        margin: 20px 0;
    }
    .biography__cards__item__text{
        font-size: 90% !important;
    }
}
@media (max-width: 950px){
    .videos__container__photo{
        min-width: 50%;
    }
    .videos__container{
        flex-wrap: wrap;
        margin: 0 20vw 50px!;
        justify-content: center !important;
        width: 60vw;
    }
    .footer{
        width: 100%;
    }
}
@media (max-width:900px){
    .paragraph{
        font-size: 16px !important;
    }
    .nav__ul-list_li {
        font-size: 15px !important;
        padding: 0 20px !important; 
      }
    .header__nav__button{
        width: 100px;
        font-size: 16px !important;
        padding: 8px !important;
    }


    .footer-nav__column {
        width: max-content;
        line-height: 35px;
        margin: 20px;
        font-size: 16px;
    }
    .footer-2line {
        font-size: 16px;
      }
}
@media (max-width: 800px){
    .main{
        flex-direction: column;
    }
    .videos__container{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .videos__item{
        width: 80%;
    }
    .videos__container__photo{
        width: 20%;
        flex-direction: column;
    }
    .videos__container__glav{
        flex-direction: column;
        display: flex;
    }
    .main__photo{
        width: 80%;
        margin-bottom: 20px;
    }
    .maps{
        flex-direction: column;
    }
    .maps iframe{
        width: 80%;
    }
    .footer-nav{
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .footer-nav-a{
        font-size: 16px;
    }
    .my-attainment__images{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .my-attainment__images img{
        width: 100%;
        height: 5%;
    }
    .telotainer .cards{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5vw;
        .card video{
            width: 110%;
            padding: 10px;
        }
    }
    
}
@media screen and ( max-width: 950px){
    .videos__container{
        display: flex;
        flex-direction: column;
        height: 70%;
        width: 100%;
        align-items: center;
        justify-content: center;
        .videos__item{
            height: 100%;
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    .videos__container__glav{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    .nav__ul{
        display: none;
    }
    .dropdown{
        display:flex;
        justify-content: center;
        align-items: center;
        width: 5%;
        position: relative;
        flex-direction: column;
        padding: 10px 0 0 0;
    }
    .dropdown-content{
        display: none;
        min-width: 160px;
        background: #e4f1eb;
        box-shadow: 0 8px 15px 0px #ffff;
        z-index: 1;
        border-radius: 0px 0px 10px 10px;
        text-align: center;
    }
    .dropdown-btn{
        background-color: #ebf5f5dc;
        border: none;
        font-size: 40px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .dropdown:hover .dropdown-content{
        display: block;
        top: 2%;
    }
    .nav{
        display: flex;
        justify-content: space-evenly;
    }
}