@media (max-width: 1399.98px){
    .gallery_wrapper{
        max-width: 1140px   ;
    }
    .gallery-item img{
        max-height: 260px;
    }
}
@media(max-width: 1199.98px) {
    .heading-1{
        font-size: 58px;
    }
    .marks_basedon{
        width: 25%;
        margin-top: 20px;
    }
    .marks_row > div{
        padding: 0px 15px;
    }
    .navbar-brand img{
        max-height: 55px;
    }
}
@media(max-width: 991.98px) {
    .p-80{
        padding: 60px 0px;
    }
    .navbar-toggler{
        background-color: #fff;
    }
    .npsNav .navbar-toggler {
        background-color: transparent;
    }
    .npsNav .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .dropdown-menu{
        display: none;
        visibility: visible;
        opacity:1;
        transition: all 0.3s ease-in-out;
    }
    .dropdown-menu.show{
        visibility: visible;
        opacity:1;
        transition: all 0.3s ease-in-out;
    }
    .heading-1{
        font-size: 52px;
    }
    .heading-2{
        font-size: 42px;
    }
    .heading-3{
        font-size: 32px;
    }
    .leader--tab .tab-content{
        padding: 20px 15px;
    }
    .leader--tab .leader-tabpane-content p{
        margin-bottom: 20px
    }
    .leader-card{
        margin-top: 30px;
    }
    .marks_basedon{
        width: 50%;
        margin-top: 20px;
    }
    .important_notice_card{
        padding: 50px;
    }
    .joinus_at_row,
    footer{
        padding: 60px 0px;
    }
    .marks_row > div{
        padding: 0px;
        margin-right: auto;
    }
    .performance_type{
        margin-top: 20px;
    }
    .footer_right{
        margin-top: 30px;
    }
    .gallery-item-width-33,
    .gallery-sizer {
        width: 50%;
    }
    .gallery-item-width-66 {
        width: 100%;
    }
    .gallery-item img{
        max-height: 100%;
    }
}
@media(max-width: 767.98px) {
    body{
        font-size: 16px;
    }
    .p-80{
        padding: 40px 0px;
    }
    .nav-p{
        padding-top: 66px;
    }
    .heading-1{
        font-size: 48px;
    }
    .heading-2{
        font-size: 36px;
    }
    .heading-3{
        font-size: 28px;
    }
    #leaderTab .nav-link{
        font-size: 12px;
        padding: 10px 15px;
    }
    .leader--tab .tab-content{
        padding: 15px 10px;
    }
    .leader_position{
        font-size: 12px;
    }
    .leader-card h4{
        font-size: 30px;
    }
    .sch_address{
        font-size: 14px;
    }
    .marks_basedon,.performance_type{
        width: 100%;
        margin-top: 20px;
    }
    .navbar-brand img{
        width: 180px;
    }
    .itinerary--list ul{
        padding-left: 50px;
    }
    .itinerary--list ul li::before {
        width: 12px;
        height: 12px;
        left: -23px;
        top: 6px;
    }
    .important_notice_card{
        padding: 40px;
    }
    .title_joinus,.tdv_details{
        width: 100%;
        border: none;
    }
    .joinus_date > div, .joinus_timing > div,
    .tdv_details > div{
        max-width: 100%;
    }
    .joinus_btn_row .gradient-btn{
        width: 100%;
    } 
    .joinus_at_row,footer{
        padding: 40px 0px;
    }
    .joinus_btn_row .gradient-btn{
        margin: 0px;
    }
    .tdv_details{
        margin: 20px 0px;
    }
    .nps_details.tdv_details{
        width: 32%;
    }
}
@media(max-width: 575.98px) {
    .heading-1{
        font-size: 40px;
    }
    .heading-2{
        font-size: 30px;
    }
    .heading-3{
        font-size: 24px;
    }
    .gallery-item-width-33,
    .gallery-sizer {
        width: 100%;
    }
    .nps-heading.heading-1 {
        font-size: 20px;
    }
       
    .landing-logo{
        top: 110px;
    }
}