@media screen and (max-width: 1450px) {

    .slide_photos img{ 

        height: 395px!important;
        object-fit: cover;

    }

   

    .social_icon i {
        color: white;
        font-size: 18px;
    }


    .social_icon ul:before {
        height: 119px !important;
    }
    .marquee {
        height: 41px;}

    .announce_ment:after {
        height: 41px;
    }    

    .announce_ment {
        background-color: #ffd427;
        padding: 10px 0;}

    .global_heading h3 {
        font-size: 16px;}

    .global_heading h4 {
        font-size: 28px;}

    .count-title {
        font-size: 14px;
    }

    .count-area i {
        font-size: 30px;
    }

    .count-digit {
        font-size: 30px;
    }

    .visit-our-website {
    
    font-size: 14px!important;
    }

    p{ font-size: 14px!important;}

    .about_school .global_heading h3 {
        color: white;
        font-size: 16px;
    }
    
    .about_school .global_heading h4 {
        font-size: 28px;}
    .custom-btn {
        font-size: 14px;}

    .box_all_links ul li {
        margin: 0px 0;
        list-style: none;
    }

    .box_all_links a {
        font-size: 14px;
    }


    .icon_top img{ width: 50%;}
    .icon_top {
        width: 64px;
        height: 64px;    margin-top: -85px;}

    .logo img {
        max-width: 400px;
    }

    .inner_image_cnt p {
        font-size: 14px !important;
    }

    .inner_image_cnt h1 {
        font-size: 32px;}
  }


  @media screen and (max-width: 1450px) { 

    .in_this_sec ul li a {
        color: white;
        font-size: 14px;}

    .top_slide ul li a{ font-size: 12px;}

    .top_slide ul{ gap: 6px;}

    .offcanvas-end{ width: 330px!important;}

    .breadcrumb_globe {
        padding: 160px 0 80px;
        border-radius: 0px 0px 30px 30px;
    }

    .breadcrumb_globe:after{ 

        border-radius: 0px 0px 30px 30px; 

    }

    .in_this_sec h3 {

        font-size: 20px;

    }

    .global_pages h2 {
        font-weight: 600;
        font-size: 22px;
    }

    .iner_bread_crumb_cnt h1 {
        font-size: 26px;
    }

    /* .yellow.custom-btn{ display: none;}
    .red.custom-btn{ display: none;} */

    .menu-btn{ display: none!important;}

  }


  @media screen and (max-width: 1200px) { 

    .advnt-iner {
        max-width: 773px;
        margin: 0 auto;
    }
    .advnt-iner ul li {
        width: 70px;
        height: 70px;
        border: 2px solid #fff;
        background-size: 70% !important;
    }
    .advnt-iner ul li.nth-2 {
        bottom: 28%;
        left: 40px;
    }
    .advnt-iner ul li.nth-3 {
        bottom: 50%;
        left: 115px;
    }
    .advnt-iner ul li.nth-4 {
        bottom: 63%;
        left: 210px;
    }
    .advnt-iner ul li.nth-5 {
        bottom: 71%;
        left: 325px;
      
    }
    .advnt-iner ul li.nth-6 {
      bottom: 68%;
        left: 445px;
    }
    .advnt-iner ul li.nth-7 {
      bottom: 54%;
        left: 556px;
    }
    .advnt-iner ul li.nth-8 {
      bottom: 34%;
        left: 650px;
        background-size: 50% !important;
    }
    .advnt-iner ul li.nth-9 {
      bottom: 7%;
        left: 708px;
        
    }
    
    

  }



  @media screen and (max-width: 991px) { 



.advnt-iner {
    max-width: 700px;
    margin: 0 auto;
}
.advnt-iner ul li {
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    background-size: 70% !important;
}
.advnt-iner ul li.nth-2 {
    bottom: 28%;
    left: 40px;
}
.advnt-iner ul li.nth-3 {
    bottom: 50%;
    left: 115px;
}
.advnt-iner ul li.nth-4 {
    bottom: 63%;
    left: 210px;
}
.advnt-iner ul li.nth-5 {
    bottom: 68%;
    left: 325px;
  
}
.advnt-iner ul li.nth-6 {
    bottom: 62%;
    left: 440px;
}
.advnt-iner ul li.nth-7 {
    bottom: 48%;
    left: 530px;
}
.advnt-iner ul li.nth-8 {
    bottom: 30%;
    left: 595px;background-size: 50% !important;
}
.advnt-iner ul li.nth-9 {
    bottom: 5%;
    left: 638px;
    
}

.advnt-iner ul li.nth-2 .ovly-detls {
    left: -70px;
}
.advnt-iner ul li.nth-2 .ovly-detls::after{left: -100px;}
/* .advnt-iner ul li.nth-8 .ovly-detls {
    left: -226px;
}
.advnt-iner ul li.nth-8 .ovly-detls::after{left: 215px;}
.advnt-iner .ovly-detls {top: -185%;
    left: -110px;} */
/* .advnt-iner ul li.nth-9 .ovly-detls {
    left: -260px;
} */
/* .advnt-iner ul li.nth-9 .ovly-detls::after{left: 270px;} */
.main-header.fix_active header.header-1 .Menu_list {
    margin-right: 75px;
}


    .bottom-bar {
        position: fixed;
        bottom: -60px;
        left: 0;
        width: 100%;
        height: 60px;
        background-color: #ffffff;
        color: white;
        display: flex
      ;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        transition: bottom 0.5s ease;
        z-index: 999;
        padding: 0px 15px;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
      }
      
      .bottom-bar.show {
        bottom: 0; /* Slide up when 'show' class is added */
      }

    .links_app { justify-content: start!important;}

    .yellow.custom-btn{ display: none;}

    .red.custom-btn{ display: none;} 

    .our_gallery{ padding-top: 0px;}

    .right_msg{ padding: 0px!important;}

    .box_all_links {
        padding: 15px 15px 15px;
    }

    .icon_top {
        margin-top: 0px;}
        .top_btn{ display: grid!important;grid-template-columns: 1fr 1fr;}

        .announcement.topbar{ display: none; }

        .links_app img { 

width: 100px;
width: 100px;

        }

  }

  @media screen and (max-width: 767px) {  


    .links_app img{ width: 150px!important;}

    .gallerys-page{ padding: 40px 0!important;}

 


    .announcement.topbar{ display: none!important;}


    .in_this_sec{ margin-top: 30px;}
    

    .advnt-iner ul li .img-1 img {
        width: 90%;
    }

    .advnt-iner ul li{ display: flex;}
    .advnt-iner .ovly-detls {
        width: 410px;
        text-align: left;
        padding: 20px 10px;
        top: 0;
        left: 110%;
        opacity: 1;
        visibility: visible;
    }

    .mayo-advantage .mayo-imag {
        display: none;
    }

    .slider_hero .social_icon{ 
         display: none;
    }

    .footer_copyright ul{ justify-content: center;        margin-bottom: 12px;}

    .our_gallery{ padding: 0px 0 40px;}

    .notice_board{ padding: 40px 0;}

    .principal_msg{   padding: 40px 0px;}

    .about_school {
        padding: 40px 0;}

    .navbar{         padding: 10px 0px;}
    
    .announce_ment { display: none}
    
    ;}


    @media screen and (max-width: 575px) { 

        #animated-thumbnails-gallery a {
            width: 100% !important;
          }
        
        .advnt-iner .ovly-detls{ min-height: 100%;}

        .advnt-iner ul li {
            margin-bottom: 20px;}
    

        .advnt-iner .ovly-detls{ width: 100%!important;}

        .advnt-iner .img-1{ display: none;}

        .advnt-iner ul li{ width: unset!important; height: unset!important;}

        .advnt-iner .ovly-detls{ position: unset!important;} 

        .advnt-iner .ovly-detls{ width: 360px;}

        .count-digit {
            font-size: 24px;
        }

        footer {
            background-color: #18171d;
            padding: 30px 0 70px;
        }

        .count-title {
            font-size: 11px;
        }

        .all_menu_btn span{ display: none;}

        .all_menu_btn {
            width: 45px;
            height: 45px;}

        .logo img {
            max-width: 266px;
        }

    }
/* 14-4-2025 */
    @media (max-width: 767.98px) {
        .scrollToTop {
            right: 10px;
            bottom: 10px;
        }
    }