@media screen and (min-width: 600px) and (min-height: 600px) and (max-height: 1400px) and (orientation: portrait) {
    .btn-group {
        bottom: 19px !important;
        left: 20% !important;
        width: fit-content !important;
    }

    .pune-section .img-section,
    .mumbai-section .img-section {
        height: 480px !important;
    }

    .rotate-title.mumbai-title,
    .rotate-title {
        left: -88px !important;
        bottom: -87px !important;
        font-size: 25px !important;
    }

    .timeline-container {
        height: 350px !important;
    }

    .heig-wid {
        width: 60%;
    }

    .content-section {
        flex-direction: row !important;
    }

    .legacy-video {
        height: 30vh !important;
    }

    .line-height {
        line-height: 140% !important;
    }

}

@media screen and (min-width: 600px) and (max-width: 1000px) and (min-height: 600px) and (max-height: 1400px) and (orientation: portrait) {

    .text-hide {
        display: block !important;
    }
}



@media only screen and (min-width: 1024px) and (max-width: 1040px) and (orientation: portrait) {

    .card_hei {
        height: 40vh !important;
    }

    .listing {
        font-size: 2vw !important;
        line-height: 2.8vw !important;
    }
}

@media (max-width: 1400px) and (min-width: 1200px) {
    .circle-1 {
        top: 3% !important;
        left: 42.5% !important;
    }

    .circle-2 {
        top: 24.3% !important;
        right: 23.1% !important;
    }

    .circle-3 {
        right: 22.9% !important;
    }

    .circle-4 {
        bottom: 2.6% !important;
        left: 42.9% !important;
    }

    .circle-5 {
        bottom: 27.3% !important;
        left: 17.2% !important;
    }

    .circle-6 {
        top: 23.5% !important;
        left: 17% !important;
    }

    ul.listing>li:before {
        top: 1.2vh !important;
    }

    #content-display {
        right: 66px !important;
    }

    .swiper-card p {
        font-size: 0.9vw !important;
    }

    .testimonial-slider {
        margin-top: -6vh !important;
    }
}

@media (max-width: 1366px) and (min-width: 1200px) {
    /* .header-container .menu a.city-btn {
        line-height: 3.5 !important;
        padding: 0px 15px !important;
    } */

    #content-display {
        right: 56px !important;
    }


    .testimonial-slider {
        margin-top: 0vh !important;
    }

    footer .city-btn {
        line-height: 3.2 !important;
        padding: 0px 20px !important;
    }

    ul.listing>li:before {
        top: 10px !important;
    }

    .is_slide_3 .svg-inside {
        width: 113vw !important;
    }

    .legacy-content {
        margin-top: 10px;
    }

    .right-border.topeffect::after {
        top: -3.2% !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
    .message p {
        font-size: 2vw !important;
    }

    .nevigation nav li a {
        font-size: 2.5vw !important;
    }

    .close-btn p {
        font-size: 24px;
    }

    .events-group-child {
        width: 33.3%;
    }

    .events-group2 {
        width: 90% !important;
        transition: unset !important;
        position: relative;
    }

    a.custom-btn {
        font-size: 1.5vw !important;
        line-height: 79%;
    }

    .event-block img {
        width: 80px !important;
    }

    .event-block p {
        font-size: 26px;
    }

    .right-section h1 {
        font-size: 32px !important;
        margin-bottom: 20px !important;
    }

    .social-media p {
        font-size: 26px !important;
    }

    .social-media ul {
        font-size: 28px !important;
    }

    .scrl-sec i {
        font-size: 5vw !important;
    }

    .hd-btm h2 {
        font-size: 3.1vw !important;
    }

    .scrl-sec {
        bottom: -90px !important;
    }

    p.heading-content {
        font-size: 16px !important;
    }

    .button-who-we {
        font-size: 18px !important;
    }

    #slide-one .svg-inside {
        width: 90vw !important;
        height: 1263px !important;
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        top: 185px !important;
    }

    .wheel-container {
        right: -14vh !important;
        bottom: -15vh !important;
    }

    #content-display {
        right: -30% !important;
    }

    .heading-title {
        font-size: 34px !important;
        line-height: 92% !important;
    }

    .rotate-title.mumbai-title {
        left: -102px !important;
        bottom: 59px !important;
        font-size: 25px !important;
    }

    .rotate-title {
        left: -86px !important;
        bottom: 59px !important;
        font-size: 25px !important;
    }

    .two-campus-w {
        width: 46%;
    }

    .dis_none {
        display: none;
    }

    .card_wrapper {
        gap: 90px !important;
    }

    .pune-section,
    .mumbai-section {
        height: 260px !important;
    }

    .pune-section .img-section,
    .mumbai-section .img-section {
        height: 260px;
    }

    .right-content.mumbai.active:after,
    .right-content.pune.active:after {
        left: -15px !important;
        top: -15px !important;
    }

    .mumbai-section {
        margin: 0px 0 !important;
    }

    .mum-pun-gap {
        justify-content: space-between;
    }

    .box-section .bottom-title p {
        font-size: 28px !important;
    }

    .animated-line-pune .hover-btn,
    .mumbai-section .hover-btn {
        bottom: 0% !important;
    }

    .is_slide_6 .svg-inside {
        width: 70vw !important;
        height: 101vh !important;
        bottom: -26% !important;
    }

    #map {
        height: 66% !important;
    }

    .award-title {
        font-size: 24px !important;
    }

    .award-year {
        font-size: 20px !important;
    }

    .testimonial-slider .swiper-slide .play-btn {
        height: 5vw !important;
        width: 5vw !important;
    }

    .timeline-container .swiper-slide.swiper-slide-active:before {
        left: 5% !important;
    }

    .legacy-text p {
        font-size: 16px !important;
    }

    .image {
        height: 8vw !important;
        width: 8vw !important;
    }

    .legacy-year {
        font-size: 24px !important;
        margin-top: 15px !important;
    }

    .index-chairperson-w {
        width: 40% !important;
        margin: 0 auto;
    }

    .hover-btn {
        height: 10vw !important;
        width: 5vw !important;
    }

    .timeline-container .swiper-button-prev {
        bottom: 7% !important;
    }

    .timeline-container {
        padding: 10px 21px !important;
    }

    .is_slide_3 .svg-inside {
        width: 125vw !important;
        height: 214vh !important;
        left: 42%;
    }

    .social-icons ul li a {
        font-size: 4vw !important;
    }

    ul.footer-menu li a {
        font-size: 2vw !important;
    }

    .icon-list ul li a {
        font-size: 2vw !important;
    }

    footer .city-btn {
        font-size: 2vw !important;
    }

    footer h4 {
        font-size: 2.5vw !important;
    }

    footer ul li a {
        font-size: 2vw !important;
    }

    .nevigation nav li .dropdown-menu.show {
        width: fit-content !important;
        left: 27vw !important;
        border: unset !important;
        top: 6% !important;
    }

    .nevigation nav li .dropdown-menu a {
        font-size: 1.5vw !important;
    }

    .nevigation nav li .dropdown-menu li {
        padding-left: 10vw !important;
        margin-bottom: 2.6px !important;
    }

    .nevigation nav li .dropdown-menu {
        height: fit-content !important;
    }

    .right-border.topeffect::after {
        left: -21px !important;
    }

    .single-card {
        height: 400px !important;
    }

    .banner-video {
        width: 26vw !important;
        height: 16vw !important;
    }

    .nevigation nav {
        width: 63% !important;
        position: relative !important;
        top: 5% !important;
        left: unset !important;
        transform: unset !important;
    }

    ul.listing>li:before {
        top: 8px !important;
    }

    .gallery .swiper-button-next {
        bottom: 0vh !important;
    }

    .gallery .swiper-button-prev {
        bottom: 0vh !important;
        right: 10vw !important;
    }

}

@media screen and (min-width: 768px) and (max-width: 1000px) {

    .is_slide_6 .svg-inside {
        bottom: 7% !important;
    }

    .event-block p {
        font-size: 22px !important;
    }

    .title-text .char {
        line-height: 150% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .title-text .char {
        line-height: 150% !important;
    }

    .unsrct .swiper-button-prev {
        top: 38px !important;
        left: 5% !important;
        display: inline-block !important;
    }

    .unsrct .swiper-button-next {
        top: 27px !important;
        right: 10% !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .gallery .swiper-button-prev {
        right: 14vw !important;
    }

    .cur-sec:after {
        left: 21vh !important;
    }
}

/* p.text-hide.heading-content.info.d-lg-inline-flex.words.lines.splitting {
    display: none;
} */

@media screen and (max-height: 600px) and (orientation: landscape) {
    .text-hide {
        display: none !important;
    }
}

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

    .mascot-page .cur-sec img {
        width: 75% !important;
    }

    .gallery .swiper-button-prev {
        right: 84px !important;
    }

    .cur-sec:after {
        left: 14.9vh !important;
    }
}

@media screen and (max-width: 400px) {
    .wel {
        font-size: 18px !important;
    }
}