@media only screen and (max-width:1144px){
    ul.navbar-nav li.nav-item {
        margin-left: 5px;
    }
}
@media only screen and (max-width:1048px){
    ul.navbar-nav li.nav-item {
        margin-left: 0px;
    }
    .logo-items a img {
        height: 130px;
        width: 150px;
    }
}
@media only screen and (max-width:1000px){

}
@media (max-width: 992px) {
    .upcoming-event {
        width: 100%;
    }

    .calendar-section {
        width: 100%;
    }
    .slide {
        flex: 0 0 50%;
    }
    .logo-items a img {
        height: 130px;
        width: 150px;
    }
    a.nav-link{
        padding: 0px 4px;
    }
    div#skipCont {
        padding: 0px;
    }
}

@media only screen and (min-width:768px){
    .mobile-responsive-menu {
        display: none;
    }
    #mob-def {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .day {
        height: 55px;
        font-size: 14px;
    }
    .calendar-header h2 {
        font-size: 22px;
    }
    .event-popup {
        min-width: 180px;
    }
    .myHeaderSubLogo {
        text-align: center;
    }
    .upper-top-header-btn{
        justify-content: center;
    }
    #mob{
        display: none;
    }
    .popup-content img{
        height: 300px;
        width: 350px;
    }
    .box-item-all {
        justify-content: center;
    }
    .box-item-all .same-box {
        margin-bottom: 20px;
    }
    section.about-intro-notice {
        padding-top: 0;
    }
    .upconming-events.myevent {
        margin-bottom: 2rem;
    }
    .calendar-section {
        margin-bottom: 2rem;
    }
    .video-gallery-items {
        margin-bottom: 2rem;
    }
    .video-gallery-items video{
        height: 100%;
    }
    .top-ten-school-item-image a img {
        margin-bottom: 2rem;
    }
    .footer-central-detail {
        margin-bottom: 2rem;
    }
    .footer-central-detail span:before {
        left: 43.5%;
    }
    .footer-contact {
        margin-bottom: 2rem;
    }
    .about-our-vision{
        margin-bottom: 5rem;
    }
    section.about-our-vision-mission {
        padding-bottom: 0;
    }
    .transport-facility-slider img {
        height: 220px;
    }
    .lab-comp-facility-slider img{
        height: 220px;
    }
    .image-gallery-section-heading h2.section-heading:after {
        left: 35%;
    }
    .video-gallery-section-heading h2.section-heading:after {
        left: 36%;
    }
    .top-ten-school-heading h2.section-heading:after {
        left: 36%;
    }
    .about-intro-notice-content {
        padding-bottom: 3rem;
    }
    .about-more-btn{
        text-align: center;
    }
    section.upcoming-event-news h2.section-heading:after {
        left: 40%;
    }
}
@media(max-width:600px) {
    .slide {
        flex: 0 0 100%;
    }
    section.upcoming-event-news h2.section-heading:after {
        left: 40%;
    }
    .image-gallery-section-heading h2.section-heading:after {
        left: 35%;
    }
    section.upcoming-event-news h2.section-heading:after {
        left: 35%;
    }
}

@media only screen and (max-width:480px){
    .footer-central-detail span:before {
        left: 42.5%;
    }
    section.upcoming-event-news h2.section-heading:after {
        left: 38%;
    }
}

@media only screen and (max-width:420px){
    section.mandatory-public-disclosure table {
        text-transform: uppercase;
        font-size: 11px;
    }
    .footer-central-detail span:before {
        left: 41.5%;
    }
}

@media only screen and (max-width:367px){
    .footer-central-detail span:before{
        left: 40.5%;
    }
    section.upcoming-event-news h2.section-heading:after {
        left: 30%;
    }
    .image-gallery-section-heading h2.section-heading:after {
        left: 30%;
    }
    .video-gallery-section-heading h2.section-heading:after {
        left: 30%;
    }
    .top-ten-school-heading h2.section-heading:after {
        left: 30%;
    }
    .day {
        height: 35px;
    }
    section.upcoming-event-news h2.section-heading:after {
        left: 30%;
    }
}