@media only screen and (max-width: 1260px) {
/* 
    
    .menu a{
        font-size: 0.9em;
      }
      .school-name{
          font-size: 0.5em !important;
      } */
      /* .organisation-details{
        margin-right: 30px !important;
      } */

      .navbar li{

        margin-left: 3px !important;
        padding: 0 !important;
       }
       .break{
           display: block !important;
       }
}

@media only screen and (max-width: 991px) {
    
    .top-header{
        display: none !important;
    }
    .welcome-section{
        flex-direction: column;
    }

    .recent-news-section{
        flex-direction: column;
        text-align: center;
    }

    .recent-news-section h5{

    }
    .footer-sec{
        flex-direction: column;
    }
    .footer-links{
        text-align: center;
    }
    .links-fullview{
        display: none;
    }
    .menu-button{
        display: block !important;
        margin: auto;
        text-align: right;
    }
    .full-view-carosel{
        display: none;
    }
    .mobile-view-carosel{
        display: block !important;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 0%;
        position: unset;
        transform: translateX(10px) !important;
        margin: 10px;
      }
    .control-arrows{
    background-color: none;
    padding: 0;
    border-radius: 0;
    }
    .headings h1{
        font-size: 2em !important;
    }
    .menu {
        background-color: #1E1445 !important;
    }
    .navbar-collapse{
        background-color: #1E1445;
        padding: 10px;
    }
    .main-slider{
        transform: translateY(0px) !important;
        z-index: auto;
    }
    .info-section{
        flex-direction: column;
    }
    .welcome-section-content{
        margin-top: 0px;
    }
    .cotact-us-section{
        flex-direction: column;
    }
    .full-menu{
        display: none;
    }
    .mobile-menu{
        display: block !important;
    }
    .pdf-responsive-sec{
        flex-direction: column;
    }
    .gallery-responsive-sec{
        flex-direction: column;
    }
    .educational-institute-section{
        flex-direction: column;
    }
    .contat-section{
        flex-direction: column;
    }
    .contact-us-content{
        flex-direction: column;
        text-align: center;
        align-items: center !important;
    }
    .institution-details-section{
        flex-direction: column;
        margin: auto;
        text-align: center;
    }
    .institution-details-image-section{
        padding-bottom: 20px;
    }
    .all-recent-news-content{
        flex-direction: column;
    }
    .all-recent-news-content h4{
        padding-top: 15px;
    }
    .welcome-section-content{
        margin-top: 10px !important;
    }
    .quick-links{
        /* align-items: center; */
    }
    .footer-school-sec,.quick-links-content{
        border: none !important;
    }
    .marquee-section{
        flex-direction: column;
        text-align: center;
    }
    .copy-right-section{
        flex-direction: column;
        margin: auto;
        text-align: center;
    }
    .main-slider-img img{
        height: auto !important;
    }

}

@media only screen and (max-width: 770px) {
    .recent-news-content{
        flex-direction: column;
    }
    .footer-links{
        flex-direction: column;
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 500px) {
    .school-name h4{
        font-size: 1.23em;
    }
    .pdf-responsive-content{
        border-bottom: 1px solid rgb(214, 214, 214);
        padding-bottom: 8px;
    }
}

@media only screen and (max-width: 400px) {
    .email{
        font-size: 0.82em;
    }

    .pdf-section img{
        width: 80px !important;
        
      }

    .page-heading h2{
    font-size: 1.8em;
    }
}

@media only screen and (max-width: 321px) {
    .email{
        font-size: 0.7em;
    }

    .organisation-details img{
        width: 56px;
    }

    .organisation-details h4{
        /* width: 56px !important; */
    }
}



@media only screen and (max-width: 1024px) and (min-width: 1024px) {
    footer{
        
        /* position: absolute;
        bottom: 0px; 
        width: 100%; */


        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        
    }
    .footer-border{
        display: none;
    }

    .recent-news-section{
        padding-bottom: 250px ;
    }

    .organisation-details{
        margin-right: 8px !important;
    }
    .organisation-details img{
        width: 56px;
    }
    .organisation-details h4{
        font-size: 1.1em;
    }
}