@media (max-width: 1199.98px){
    .info{
        width: 100%;
        height: 81%;
    }
    .line-p{
        margin: 50px;
    }
    label{
        top: 30px !important;
        left: 70px !important;
    }
    .tagline .title{
        font-size: 25px;
        padding: 10px;
    }
    .subtitle{
        width: 90%;
        font-size: 14px;
    }
    .vertical_line{
        display: none;
    }
    .section_statistics .text{
        margin-bottom: 100px;
    }
    .map iframe{
        width: 400px;
        height: 300px;
        margin-bottom: 100px;
    }
    ul{
        padding: 0;
    }
    footer{
        text-align: right;
    }
}

@media (max-width: 991.98px){
    .info{
        height: 83%;
    }
    nav .title{
     
        font-size: 25px;
    }
  
}

@media (max-width: 767.98px){
    .info{
        width: 90%;
        height: 78%;
    }
    .about_us__title {
        font-size: 50px;
    }
    .about_us__subtitle{
        font-size: 18px;
    }
    .about_us__text{
        font-size: 15px; 
    }
    .our_team h1{
      font-size: 50px;
    }
    .section_statistics .number{
        font-size: 45px;
    }
    .section_statistics .text{
        font-size: 15px;
        margin-bottom: 50px;
    }
    .section_statistics{
        padding: 25px 0;
    }
    .section_schedule .title{
        font-size: 50px;
    }
    footer li{
        font-size: 10px;
    }
    footer .fa{
        font-size: 15px !important;
    }
    .map iframe{
        width: 250px;
        height: 200px;
       
    }
    .map {
        width: 200px;
    }
    .story-img__title{
      
        font-size: 18px;
    }
  
}

@media (max-width: 575.98px){
    
    .our_team .name{
        font-size: 12px;
    }
    .our_team .position{
        font-size: 10px;
    }
    .info{
        left: 15px;
        width: 86%;
        height: 73%;
    }
  
    .tagline .title{
        text-align: center;
    }
    
    .about_us__title{
    
        font-size: 25px;
    }
    .about_us{
        padding: 20px;
    }
    .about_us__subtitle{
        font-size: 15px;
    }
    .about_us__text{
        font-size: 13px;
    }
    nav .title{
        font-size: 20px;
    }
    header{
        padding: 15px !important;
    }
    .line-p{
        display: none;
    }
    label{
        top: 10px !important;
        left: -5px !important;
        transform: scale(1) !important;
    }
   .title{
        text-align: center;
    }
    
    .about_teachers h1,
    .section_schedule .title,
    .our_team h1{
        font-size: 28px;
    }

    body{
        text-align: center;
    }
    
    .footer__info{
        width: 95%;
        padding: 5px;
    }
    .map{
        width: 90%;
        padding: 0 !important;
    }
    .map iframe{
        width: 90%;
        height: 250px;
    }
    .info{
        right: 80px !important;
        }
    .our_achievement{
        padding: 0;
    }
    .archive{
        font-size: 12px;
    }
}

@media (max-width: 375.98px){
    .info{
        height: 69.5%;
        width: 84%;
    }
}

@media (max-width: 320px){
    .info{
        height: 65%;
        width: 81%;
    }
}