@media screen and (max-width: 767px) {
    .main-container {
        margin: 8px !important;
    }

    .header,
    .padd-sapce-left {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main-slider .home-carousel .carousel-caption {
        padding-left: 1.375rem;
        bottom: 8.25rem !important;
        padding-right: 1.375rem;
        width: 100%;
    }

    .main-slider .home-carousel .carousel-indicators a {
        width: 36px !important;
    }

    .main-slider .home-carousel .carousel-indicators {
        text-align: left;
        bottom: 18%;
        left: 5% !important;
        width: 90% !important;
        display: inherit;
        margin: 0px !important;
    }

    .dateSec {
        margin-top: -66px;
    }

    .main-container .main-slider1 .home-carousel .carousel-caption,
    .main-container .main-slider2 .home-carousel .carousel-caption {
        bottom: 8.25rem !important;
    }

    .main-slider1 .home-carousel .carousel-indicators,
    .main-slider2 .home-carousel .carousel-indicators,
    .main-slider3 .home-carousel .carousel-indicators {
        bottom: 13% !important;
    }

    .main-slider3 .home-carousel .carousel-indicators {
        margin-left: 0px;
        left: auto !important;
    }

    .main-slider3 .carousel-inner {
        border-radius: 18px !important;
    }

    .bs-slider.main-slider .home-carousel .carousel-caption {
        bottom: inherit !important;
    }

    .bs-slider.carousel-slider2 .home-carousel .carousel-item img {
        aspect-ratio: 3 / 4 !important;
    }

    .bs-slider.carousel-slider2
    .home-carousel
    .carousel-item
    .carousel-caption
    img {
        aspect-ratio: inherit !important;
    }

    .bs-slider .banner-desc .info-text {
        display: inline-block !important;
    }

    .date-sec,
    .locate-sec {
        width: 100%;
    }

        .locate-sec a {
            padding-left: 0px !important;
        }

    .bs-slider .banner-desc .info-text a {
        margin-left: 0px;
        padding-left: 0px !important;
        display: inline-table;
        margin-top: 5px;
    }

    .bs-slider .banner-desc .info-text span.spanlocationdate {
        margin-left: 0px;
        padding-left: 0px !important;
        display: inline-table;
        margin-top: 5px;
    }

    .bs-slider.carousel-slider2 .carousel-caption {
        padding-left: 1.375rem !important;
    }

    .bs-slider.carousel-slider2 .carousel-indicators {
        bottom: 7%;
        display: flex;
        width: 100% !important;
    }

    .home-carousel .carousel-caption {
        row-gap: 10px;
        padding-left: 1.375rem;
        padding-right: 1.375rem !important;
    }

    .bs-slider.main-slider .banner-desc {
        display: flex !important;
    }

    .container-style2 {
        border-radius: 18px !important;
        padding: 32px 16px !important;
        row-gap: 20px !important;
    }

    .bs-alert {
        width: 100%;
    }

    .container-style3 {
        padding: 12px;
        border-radius: 18px;
        row-gap: 20px;
    }

    .container-box-90,
    .container-box-80,
    .container-box-70,
    .container-box-60,
    .container-box-50 {
        width: 100% !important;
    }

    .container-style4 .center-align h4 {
        padding: 16px 16px 0 16px;
        border-radius: 14px;
    }

    .page-header1 {
        border-radius: 18px !important;
    }

        .page-header1 img {
            aspect-ratio: 3 / 2 !important;
            border-radius: 14px;
        }

    .page-header2 img {
        aspect-ratio: 3 / 4 !important;
        border-radius: 18px;
    }

    .page-header2 .banner-desc {
        aspect-ratio: 3 / 4;
        padding-left: 16px;
        padding-right: 16px;
    }

    .page-header2 .slider-overlay3,
    .page-header5 .slider-overlay3 {
        background: linear-gradient( 180deg, rgba(31, 42, 55, 0.15) 0%, rgba(31, 42, 55, 0.85) 101.62% );
        border-radius: 14px;
    }

    .page-header2 .banner-desc .info-text {
        display: grid !important;
    }

        .page-header2 .banner-desc .info-text a {
            margin-bottom: 15px;
        }

        .page-header2 .banner-desc .info-text span.spanlocationdate {
            margin-bottom: 15px;
        }

    .image-bg img {
        margin-top: 0px !important;
    }

    .page-header3 img {
        aspect-ratio: 3 / 2 !important;
        border-radius: 18px;
    }

    .page-header4 img {
        aspect-ratio: 3 / 2 !important;
        border-radius: 18px;
    }

    .page-header4 {
        padding: 32px 16px;
        border-radius: 14px;
    }

    .page-header5 img {
        aspect-ratio: 3 / 4 !important;
        border-radius: 18px;
    }

    .page-header5 .banner-desc {
        padding-left: 16px;
    }

    .page-header6 {
        padding: 8px;
        border-radius: 18px;
    }

    .page-header6 {
        padding: 16px 16px 0 16px;
        border-radius: 14px;
    }

    .video-container-100 img,
    .video-container-70 img {
        border-radius: 12px !important;
    }

    .video-container-100 .play-btn-sec .corpVideo,
    .video-container-70 .play-btn-sec .corpVideo {
        border-radius: 14px !important;
    }

    .video-container-100 .play-btn-sec,
    .video-container-70 .play-btn-sec {
        border-radius: 12px !important;
    }

    .video-container-100 .corpVideo,
    .video-container-70 .corpVideo {
        border-radius: 14px !important;
    }

    .play-btn-bg {
        width: 44px;
        height: 44px;
    }

    .video-container-100 .play-btn-bg img,
    .video-container-70 .play-btn-bg img {
        width: 12px;
        border-radius: 0px !important;
    }

    .grid-video .play-btn-bg {
        width: 32px;
        height: 32px;
    }

        .grid-video .play-btn-bg img {
            width: 8px;
            margin-left: 2px;
        }

    .grid-media .video-cover {
        border-radius: 12px !important;
    }

    .play-btn-tube img {
        width: 100%;
        height: 32px;
    }

    .grid-video .play-btn-tube img {
        width: 100%;
        height: 32px;
    }

    .grid-video img,
    .play-btn-sec::after {
        border-radius: 14px !important;
    }

    .button-cover,
    .grid-media iframe {
        border-radius: 16px !important;
    }

    .tab-style2 ul.nav.nav-tabs {
        width: 900px;
        overflow-x: scroll;
        height: 46px;
    }

    .ellipsis1 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        align-items: center;
        width: 103%;
    }

    .ellipsis2 {
        display: -webkit-box;
        max-width: 100%;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
    }

    .banner-desc {
        justify-content: end;
        padding-bottom: 14px;
    }

    h2.ellipsis2 {
        height: auto !important;
    }

    .banner-item .banner-desc {
        bottom: inherit !important;
    }

    .blockquote-container {
        padding: 10px;
    }

    .banner-desc h2 {
        margin-bottom: 0px !important;
    }

    .carousel-caption.banner-desc {
        bottom: inherit;
    }

    .bs-slider.carousel-slider2 .carousel-caption {
        row-gap: 10px;
        padding-top: 0px;
    }

    .bs-slider.carousel-slider2 .ellipsis2 {
        height: 60px;
    }

    .view-block img,
    .ourContent {
        border-radius: 14px !important;
    }

    .card-img-sec img {
        border-radius: 12px;
    }

    .card-style3 {
        border-radius: 14px;
    }

    .new-card3,
    .new-card3 img {
        border-radius: 12px !important;
    }

    .new-card2 .card-content-desc {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .card-content-desc p {
        line-height: 22px !important;
    }

    .new-card1,
    .new-card1 img {
        border-radius: 12px;
    }

    .download-card,
    .download-img,
    .info-card,
    .locate-card,
    .card-img2,
    .grid-items img {
        border-radius: 14px;
    }

        .locate-card .download-file {
            border-bottom-left-radius: 14px;
            border-bottom-right-radius: 14px;
        }

        .download-img img {
            width: 60px;
            height: 60px;
            aspect-ratio: inherit !important;
        }

    .info-card {
        padding: 1.25rem;
    }

    .down-txt {
        width: 70%;
    }

    .row-cols-2 .down-txt {
        width: 100%;
        margin: 10px 0;
    }

    .info-card2 h5 {
        text-align: left;
    }

    .info-card2 {
        padding: 1rem;
        border-radius: 14px;
    }

    .card-img2 img,
    .file-upload {
        border-radius: 12px;
    }

    .form-fields label {
        opacity: 0.6;
    }

        .form-fields label.smallTxt {
            padding-top: 10px;
            text-align: left;
            opacity: 0.3 !important;
        }

    .form-section.form-fields label {
        opacity: 1;
    }

    .form-fields .form-radio input {
        width: 18px !important;
        height: 18px !important;
        padding: 0px !important;
    }

    .form-fields .form-radio label {
        padding-left: 6px;
    }

    .styled-checkbox:checked + label:after {
        top: 9px !important;
        left: 11px;
    }

    .form-fields textarea.form-control {
        height: 150px;
    }

    .form-radio {
        padding-right: 8px;
    }

    .form-fields button {
        padding: 11px 20px !important;
        border-radius: 12px !important;
    }

    .form-fields input {
        border-radius: 14px;
    }

    #map {
        border-radius: 12px;
        height: auto;
        aspect-ratio: 3 / 4;
    }

    .info-detail-img {
        height: auto;
    }

    .new-card3.d-flex {
        display: block !important;
    }

    .new-card3 .card-img2 img {
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .our-info-bg1 img,
    .our-info-bg1 .gradient-background {
        border-radius: 18px;
    }

    .btnWhite,
    .greenery-section,
    .content-section img {
        border-radius: 14px !important;
    }

    .buttonSec a {
        padding: 12px 20px !important;
    }

    .col.video-block .media-container .cover-image {
        border-radius: 16px !important;
    }

    .table.table-style6,
    .table.table-style7,
    .table.table-style8 {
        width: 100% !important;
    }

    .list-style1 li {
        padding-left: 3rem;
    }

    a.button-text {
        padding: 12px 24px 10px !important;
    }

    ul.nav.nav-tabs {
        width: 760px;
        overflow-x: scroll;
        height: 46px;
    }

    .tab-section {
        overflow-x: scroll;
        display: block !important;
    }

    .tab-style3 .tab-section {
        overflow-x: inherit;
        display: inherit !important;
    }

    .tab-style3 ul.nav.nav-tabs {
        width: 100% !important;
        overflow-x: inherit;
        height: auto;
    }

    .mobile {
        display: block !important;
        margin: 0px;
        right: 0;
        margin-right: 1.5rem !important;
    }

    .dateSec {
        padding: 16px !important;
        width: 95.6%;
        right: auto;
        margin-top: -67px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .home-carousel .carousel-item img {
        height: auto !important;
        aspect-ratio: 3 / 4;
    }

    .display-time {
        width: 50%;
    }

    .display-date {
        width: 50%;
        text-align: right;
    }

    #calendar-block {
        display: none;
    }

    .media-desc {
        padding-top: 0;
        padding-bottom: 2rem;
        padding-left: 0;
    }

    .tab-style3 .tab-content {
        padding-left: 2rem;
    }

    .main-slider3 .carousel-caption {
        width: 100%;
    }

    .gallery2 .f-gallery-img,
    .gallery2 .banner-txt,
    .gallery2 {
        border-radius: 16px;
    }

    .slide-bg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .fancybox__nav button {
        padding: 0px;
    }

    .timeline ul li.in-view::before,
    .timeline ul li::before,
    .timeline .default-line,
    .timeline .draw-line,
    .timeline-end {
        display: none;
    }

    body .timeline .list-style1 li:before {
        display: block !important;
    }

    .timeline .timeline-content {
        padding-left: 8px !important;
        padding-right: 8px;
        margin-bottom: 0px !important;
    }

    .grid-overlay {
        padding: 16px;
    }

    .grid {
        display: inline;
        padding-left: 0px;
    }

    .grid-items p {
        line-height: 24px !important;
    }

    .info-block {
        padding: 20px 20px 0;
        border-radius: 14px;
    }

    .download-files {
        padding: 20px;
        border-radius: 14px;
    }

    .greenySec2 p {
        display: inline-grid;
        text-align: left !important;
        font-size: 1.125rem;
    }

    .greenery-section .greenySec2 {
        padding-top: 33% !important;
        padding-left: 8%;
        padding-bottom: 18%;
    }

    .greenySec1 {
        position: absolute;
    }

        .greenySec1 img {
            width: 140px;
        }

    .greenySec2 p span {
        line-height: 58px;
    }

    .row-cols-2 .img-icon {
        height: auto !important;
    }

    .row-cols-2 .download-icon2 {
        float: left;
    }

    .row-cols-2 .file-section .d-flex,
    .row-cols-2 .pdf-section .d-flex,
    .row-cols-2 .excel-section .d-flex,
    .row-cols-2 .word-section .d-flex {
        display: inherit !important;
    }

    .row-cols-2 .file-section a,
    .row-cols-2 .pdf-section a,
    .row-cols-2 .excel-section a,
    .row-cols-2 .word-section a {
        padding: 15px 16px 6px;
    }

    .styled-checkbox + label:before {
        margin-top: -3px;
    }

    .is-compact .fancybox__footer {
        bottom: 16px;
    }

    .list-style1 p,
    .list-style2 p,
    .list-style3 p {
        line-height: 24px !important;
    }

    .row-cols-2 .play-btn-bg {
        width: 36px;
        height: 36px;
    }

        .row-cols-2 .play-btn-bg img {
            width: 10px;
            height: 12px !important;
        }

    .row-cols-2 .button-cover h5 {
        font-size: 0.75rem !important;
    }

    .btn-Primary {
        padding: 10px 20px !important;
    }

    .gallery2 {
        padding: 8px;
    }

        .gallery2 .f-carousel__track {
            aspect-ratio: inherit;
        }

    .fbSection {
        border-radius: 18px !important;
    }

    .fb-bg {
        padding: 32px 16px;
    }

        .fb-bg .d-flex,
        .mem-block .d-flex {
            display: inline-block !important;
            width: 100% !important;
        }

    .fbSection .fb-txt {
        margin-bottom: 10px;
    }

    .info-grid {
        min-height: 220px;
    }

    .logo-section2,
    .logo-section {
        margin-bottom: 1.5rem;
    }

    .content-section {
       /* padding-left: 12px !important;*/
    }

        .content-section img {
            margin-bottom: 1rem;
        }

    .image-section {
        padding-left: 0rem !important;
    }

        .image-section img {
            max-width: 100%;
        }

    .border-bottom:last-child {
        border-bottom: inherit !important;
    }

    .content-section .row {
        padding-bottom: 0rem !important;
    }

    .mb-border-bottom {
        border-bottom: 1px solid var(--borderLine);
    }

    .tab-content.mt-5.pt-4 {
        margin-top: 0px !important;
    }

    .my-5.py-3 {
        padding: 0px !important;
    }

    .tab-event {
        display: none !important;
    }

    #event-tab-pane .tab-content {
        margin-top: 0px;
    }

    /*Custom styles*/
    .select-menu .select-btn {
        padding: 15.25px 20px;
    }

    .select-menu .select-btn {
        font-size: 1.125rem;
    }

    .select-menu .options {
        width: 88%;
    }

    .search-button input {
        width: 100%;
    }

    .city-info {
        text-align: center;
    }

    .view-block .shareIcon img {
        width: 30px;
        height: 30px;
    }

    a.deskBtn {
        display: none;
    }

    a.mobBtn {
        display: block;
    }

    .mob-title {
        display: block;
    }

        .mob-title h5 {
            font-size: 0.938rem !important;
        }

    .leaderDetails.header-info .mob-title h5 {
        margin-top: 6px;
    }

    .header-info.sticky1 {
        top: 60px;
        height: 40px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .header-info.sticky1.active {
            top: 0px;
        }

    .padd-sapce-left-large {
        padding-left: 24px !important;
    }

    .padd-sapce-right-large {
        padding-right: 24px !important;
    }

    .grid-aspect-ratio-3x2 img {
        aspect-ratio: 3 / 4;
    }

    a.mobBtn {
        display: block;
        width: 100%;
        margin-top: 20px;
        padding: 12px 24px !important;
        border-radius: 12px !important;
    }
}

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

    .container-box-90,
    .container-box-80,
    .container-box-70,
    .container-box-60,
    .container-box-50 {
        width: 100% !important;
    }

    .main-container {
        margin: 12px;
    }

    .dateSec {
        width: 96.9%;
        right: auto;
        margin-top: -74px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding: 16px 20px 16px 20px;
    }

    .display-date {
        width: 50%;
        text-align: right;
        padding-right: 4%;
    }

    .display-time {
        width: 50%;
    }

    .home-carousel .carousel-caption {
        bottom: 9.25rem;
    }

    .home-carousel .carousel-indicators {
        text-align: right;
        bottom: 15% !important;
    }

    .dateSec {
        margin-top: -66px;
    }

    .main-slider1 .home-carousel .carousel-caption,
    .main-slider2 .home-carousel .carousel-caption,
    .main-slider3 .home-carousel .carousel-caption {
        bottom: 4rem;
    }

    .main-slider1 .home-carousel .carousel-indicators,
    .main-slider2 .home-carousel .carousel-indicators,
    .main-slider3 .home-carousel .carousel-indicators {
        bottom: 15% !important;
    }

    .bs-slider.carousel-slider2 .carousel-indicators {
        bottom: 5% !important;
    }

    .container-style2 {
        padding: 32px !important;
        row-gap: 20px !important;
    }

    .container-style3 {
        padding: 12px;
        border-radius: 18px;
        row-gap: 20px;
    }

    .page-header1 img {
        border-radius: 16px;
    }

    .page-header2 img {
        border-radius: 16px;
    }

    .page-header2 .slider-overlay3 {
        border-radius: 16px;
    }

    .page-header3 img {
        border-radius: 16px;
    }

    .page-header4 img {
        border-radius: 16px;
    }

    .page-header4 {
        padding: 32px 32px;
        border-radius: 16px;
    }

    .page-header5 img {
        border-radius: 16px;
    }

    .page-header5 .slider-overlay3 {
        border-radius: 16px;
    }

    .page-header6 {
        padding: 12px;
        border-radius: 18px;
    }

    .page-header6 {
        padding: 20px 32px 0 32px;
        border-radius: 16px;
    }

    .button-cover {
        border-radius: 16px !important;
    }

    .play-btn-bg {
        width: 52px;
        height: 52px;
    }

        .play-btn-bg img {
            width: 14px;
            aspect-ratio: inherit !important;
        }

    .grid-media iframe {
        border-radius: 16px !important;
    }

    .video-container-100 iframe,
    .video-container-70 iframe,
    .video-cover {
        border-radius: 16px !important;
    }

    .play-btn-sec::after {
        border-radius: 16px;
    }

    .play-btn-tube img {
        width: 100%;
        height: 40px !important;
    }

    .blockquote-container p {
        margin-left: 24px;
    }

    .card-img-sec img {
        border-radius: 12px;
    }

    .card-style3 {
        border-radius: 14px;
    }

    .new-card2 .card-content-desc {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .card-content-desc p {
        line-height: 22px !important;
    }

    .new-card1,
    .new-card1 img {
        border-radius: 14px;
    }

    .new-card-btm p,
    .card-cont p {
        line-height: 22px !important;
    }

    .download-card,
    .download-img,
    .info-card,
    .locate-card,
    .card-img2 {
        border-radius: 16px;
    }

        .locate-card .download-file {
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

        .download-img img {
            width: 60px;
            height: 60px;
            aspect-ratio: inherit !important;
        }

    .down-txt {
        width: 75%;
    }

    .info-card2,
    .content-section img {
        border-radius: 16px;
    }

    .content-section a.spotlight {
        margin-bottom: 1rem;
        display: block;
    }

    .card-img2 img,
    .file-upload {
        border-radius: 12px;
    }

    #map {
        border-radius: 14px;
    }

    .info-detail-img {
        height: auto !important;
    }

    .our-info-bg1 img,
    .our-info-bg1 .gradient-background {
        border-radius: 18px;
    }

    .btnWhite {
        border-radius: 14px !important;
    }

    .col.video-block .media-container .cover-image {
        border-radius: 15px !important;
    }

    .list-style1 li {
        padding-left: 3rem;
    }

    .main-slider1 .home-carousel .carousel-caption,
    .main-slider2 .home-carousel .carousel-caption {
        bottom: 10rem;
    }

    .main-slider3 .home-carousel .carousel-caption {
        bottom: 7rem;
        width: 100%;
    }

    .main-slider3 .carousel-caption,
    .bs-slider.carousel-slider2 .carousel-caption {
        row-gap: 10px !important;
    }

    .main-slider3 .home-carousel .carousel-caption {
        display: block !important;
    }

    .banner-desc {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .banner-item img,
    .carousel-slider2 .home-carousel .carousel-item img {
        aspect-ratio: 2 / 1 !important;
    }

    .hamburger-menu-mobile .mobile {
        margin-right: 2rem !important;
    }

    body .mobile-header .logo {
        margin-right: 2rem !important;
    }

    .gallery2 .f-gallery-img,
    .gallery2 .banner-txt,
    .grid-items img,
    .greenery-section,
    .gallery2 {
        border-radius: 16px;
    }

    .slide-bg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .eventpopup .popup-content {
        width: 50% !important;
    }

    .mem-img {
        border-radius: 20px;
    }

    .grid-overlay {
        padding: 16px;
    }

    .grid-items p {
        line-height: 22px !important;
    }

    .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 40vw;
    }

    .info-block {
        padding: 20px 20px 0;
        border-radius: 16px;
    }

    .download-files {
        padding: 24px;
        border-radius: 16px;
    }

    .greenySec1 {
        width: 150px;
    }

    .greenySec3 {
        width: 80px;
    }

    .list-style1 p,
    .list-style2 p,
    .list-style3 p {
        line-height: 24px !important;
    }

    .fbSection {
        border-radius: 24px !important;
    }

    .fb-bg {
        padding: 32px;
    }

    .info-icon3 img {
        width: 54px;
    }

    .fc-view-harness .fc-col-header-cell-cushion,
    .fc-view-harness a.fc-daygrid-day-number {
        padding: 5px 18px 4px !important;
        font-size: 1rem !important;
    }

    .fc .fc-daygrid-day-top {
        font-size: 1rem !important;
        padding: 0px 10px 0 10px !important;
    }

    body .fc-daygrid-event-harness {
        top: 3px !important;
    }

    /*Custom styles*/
    .select-menu .select-btn {
        padding: 15.25px 20px;
    }

    .select-menu .select-btn {
        font-size: 1.125rem;
    }

    .view-block .shareIcon img {
        width: 30px;
        height: 30px;
    }

    .mob-title {
        display: block;
    }

    .leaderDetails.header-info .mob-title h5 {
        margin-top: 17px;
    }

    .header-info.sticky1 {
        top: 60px;
        height: 40px;
        padding-top: 9px;
        padding-bottom: 8px;
    }

        .header-info.sticky1.active {
            top: 0px;
        }
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
    .main-container {
        margin: 12px;
    }

    .header .padd-sapce-right-large,
    .header-info.padd-sapce-right-large {
        padding-right: 3.15rem !important;
    }

    .header .padd-sapce-left-large,
    .header-info.padd-sapce-left-large {
        padding-left: 3.5rem !important;
    }

    .home-carousel .carousel-caption {
        padding-right: 3.75rem;
    }

    .display-date {
        top: 20px;
        width: 104px;
    }

    .home-carousel .carousel-caption {
        padding-left: 3.75rem;
    }

    .dateSec {
        width: 280px;
        border-radius: 16px;
    }

    .timeline.position-relative {
        margin-top: 3.75rem !important;
    }

    .timeline .timeline-content {
        margin-bottom: 0rem !important;
    }

    .timeline-content h3 {
        margin-bottom: 0rem !important;
    }

    .timeline-content .content-list {
        padding-bottom: 1rem !important;
    }

    .header .logoSec {
        padding-top: 1rem !important;
    }

    .header .logo-img {
        width: 90px;
        margin-left: 1rem !important;
    }

    .menu-arw {
        padding-top: 0.25rem !important;
        padding-right: 3.5rem !important;
    }

    .destination {
        height: 350px;
    }

    .subMenu8 ul.sub-menu {
        width: 900px !important;
    }

    .menu-icon img {
        width: 52px;
        height: 52px;
        margin-top: 6px;
        background: rgba(31, 42, 55, 0.6);
        backdrop-filter: saturate(180%) blur(20px);
        padding: 12px;
        border-radius: 16px;
    }

    .sticky1.active .logo {
        padding-left: 3.75rem;
    }

    .sticky1.active .header .menu-links {
        padding-right: 3rem !important;
    }

    .sticky1.active .menu-icon-act {
        padding-right: 1.75rem;
    }

    .sub-menu li {
        padding-bottom: 15px;
    }

    .main-slider .carousel-inner {
        border-radius: 24px !important;
    }

    .main-slider .home-carousel .carousel-indicators a {
        width: 40px !important;
    }

    .main-slider .home-carousel .carousel-caption {
        padding-left: 3.75rem;
    }

    .container-style2 {
        padding: 3.75rem !important;
        border-radius: 24px !important;
        row-gap: 30px !important;
    }

    .container-style3 {
        padding: 16px;
        border-radius: 24px;
        row-gap: 30px;
    }

    .header-info {
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }

    .page-header1 img {
        border-radius: 16px;
    }

    .page-header2 img,
    .grid-items img,
    .page-header2 .slider-overlay3,
    .page-header3 img,
    .page-header4 img {
        border-radius: 20px;
    }

    .page-header4 {
        padding: 40px 44px;
        border-radius: 20px;
    }

    .page-header5 img {
        border-radius: 20px;
    }

    .page-header5 .slider-overlay3 {
        border-radius: 20px;
    }

    .page-header6 {
        padding: 16px;
        border-radius: 24px;
    }

    .page-header6 {
        padding: 20px 40px 0 40px;
        border-radius: 20px;
    }

    .video-container-100 .corpVideo,
    .video-container-70 .corpVideo {
        border-radius: 20px !important;
    }

    .grid-media iframe,
    .gallery2 {
        border-radius: 20px !important;
    }

    .video-cover,
    .play-btn-sec,
    .button-cover,
    .locate-card {
        border-radius: 20px !important;
    }

    .main-slider .carousel-inner,
    .bs-slider .carousel-inner {
        border-radius: 24px !important;
    }

    .main-slider .home-carousel .carousel-indicators a {
        width: 40px !important;
    }

    .main-slider .home-carousel .carousel-caption {
        padding-left: 3.75rem;
    }

    .main-slider1 .carousel-inner,
    .main-slider2 .carousel-inner,
    .main-slider3 .carousel-inner {
        border-radius: 24px !important;
    }

    .main-slider1 .sliderBtn span,
    .main-slider2 .sliderBtn span,
    .main-slider3 .sliderBtn span {
        width: 46px;
        height: 46px;
    }

        .main-slider1 .sliderBtn span img,
        .main-slider2 .sliderBtn span img,
        .main-slider3 .sliderBtn span img {
            width: 20px;
            height: 20px;
        }

    .main-slider3 a.thumbnail {
        width: 100px !important;
        height: 56px !important;
    }

    .view-block img,
    .ourContent {
        border-radius: 18px;
    }

    .card-img-sec img {
        border-radius: 12px;
    }

    .card-style3 {
        border-radius: 20px;
    }

    .view-block .ourContent {
        padding: 1.25rem !important;
        border-radius: 20px;
    }

    .card-style1 .card-bottom {
        padding: 1.25rem;
    }

    .new-card3,
    .new-card3 img {
        border-radius: 20px !important;
    }

    .new-card2 .card-content-desc {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .card-content-desc p {
        line-height: 24px;
    }

    .card-style3 p,
    .card-content-desc p,
    .card-cont p {
        line-height: 24px;
    }

    .download-img img {
        width: 60px;
        height: 60px;
        aspect-ratio: inherit !important;
        border-radius: 0px;
        text-align: center;
        margin: 0 auto;
    }

    .download-card,
    .download-img,
    .info-card,
    .card-img2,
    .content-section img {
        border-radius: 20px;
    }

        .card-img2 img,
        .file-upload {
            border-radius: 12px;
        }

    .locate-card .download-file {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .info-card {
        padding: 1.75rem;
    }

    .form-fields textarea.form-control {
        border-radius: 12px;
        padding: 17px 20px !important;
    }

    .bootstrap-select button {
        padding: 16px 20px !important;
    }

    .form-fields .form-check-inline input {
        width: 20px;
        height: 20px;
        padding: 0px !important;
    }

    #map {
        border-radius: 20px;
    }

    .our-info-bg1 img,
    .our-info-bg1 .gradient-background {
        border-radius: 24px;
    }

    a.button-text {
        padding: 16px 28px 12px !important;
        border-radius: 12px !important;
    }

    .sub-menu li {
        width: 230px;
    }

    .destination-block p {
        line-height: 24px;
    }

    .padd-sapce-left {
        padding-left: 3.75rem;
    }

    .padd-sapce-right {
        padding-right: 3.75rem;
    }

    .dateSec {
        width: 280px;
        border-radius: 16px;
    }

    .display-date {
        top: 20px;
        width: 104px;
    }

    .fc .fc-col-header-cell-cushion,
    a.fc-daygrid-day-number {
        font-size: 1rem !important;
    }

    .gallery2 .f-gallery-img,
    .gallery2 .banner-txt {
        border-radius: 20px;
    }

    .slide-bg {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .mem-img,
    .greenery-section {
        border-radius: 20px;
    }

    .grid-overlay {
        padding: 16px;
    }

    .grid-items p {
        line-height: 24px !important;
    }

    .info-block {
        padding: 20px 20px 0 20px;
        border-radius: 20px;
    }

    .info-icon3 img {
        width: 68px;
        height: auto;
    }

    .new-card-btm p {
        line-height: 24px !important;
    }

    .down-txt p {
        font-size: 0.938rem !important;
    }

    .list-style1 p,
    .list-style2 p,
    .list-style3 p {
        line-height: 24px;
    }

    /*Custom styles*/
    .select-menu .select-btn {
        padding: 16px 20px;
    }

    .select-menu .select-btn {
        font-size: 1.125rem;
    }

    body .header-info.padd-sapce-left-large {
        padding-left: 4rem !important;
    }
}

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

    .main-slider .carousel-inner,
    .bs-slider .carousel-inner,
    .mem-img {
        border-radius: 18px !important;
    }

    .main-slider1 .sliderBtn span,
    .main-slider2 .sliderBtn span,
    .main-slider3 .sliderBtn span {
        width: 36px;
        height: 36px;
    }

        .main-slider1 .sliderBtn span img,
        .main-slider2 .sliderBtn span img,
        .main-slider3 .sliderBtn span img {
            width: 14px;
            height: 14px;
        }

    .main-slider1 .carousel-control-next,
    .main-slider1 .carousel-control-prev,
    .main-slider2 .carousel-control-next,
    .main-slider2 .carousel-control-prev {
        top: -18%;
    }

    .main-slider1 .home-carousel .carousel-indicators,
    .main-slider2 .home-carousel .carousel-indicators {
        left: auto !important;
    }

    .main-slider1 .carousel-inner,
    .main-slider2 .carousel-inner {
        border-radius: 18px !important;
    }

    .main-slider3 a.thumbnail {
        width: 76px !important;
        height: 42px !important;
    }

    .media-content .col,
    .media-content div {
        width: 100%;
        flex: inherit;
    }

    .media-content .download-files,
    .media-content .info-icon3 {
        width: inherit;
        justify-content: right !important;
    }

    .media-desc.space-right {
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .bs-list-group1.w-25 {
        width: 100% !important;
    }

    .multi-grid div {
        width: 100%;
    }

    .tab-content .info-block {
        margin-bottom: 1rem;
    }

    .mob-width-100 div {
        width: 100%;
    }

    ul.myTab2.nav-tabs {
        margin: 0 auto;
    }

    .navbar.tab-section.w-50 {
        width: 100% !important;
    }

    .fc-daygrid-event {
        font-size: 0.75rem !important;
    }

    /*.grid-aspect-ratio-3x4 img {
        aspect-ratio: 3 / 2;
        height: auto;
    }*/
}

@media screen and (max-width: 1280px) {
    .container-style2 a.btnSecondary {
        float: left;
    }

    .page-header7 a.btnSecondary {
        float: left;
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .timeline {
        width: 100%;
    }

    body .timeline {
        margin-top: 2rem !important;
    }

    .timeline ul li.in-view::before,
    .timeline ul li::before,
    .timeline .default-line,
    .timeline .draw-line,
    .timeline-end {
        display: none;
    }

    body .timeline .list-style1 li:before {
        display: block !important;
    }

    .timeline-content {
        padding: 0px 32px 0px 24px;
    }

    .timeline .timeline-content {
        margin-bottom: 0.3rem !important;
    }

    .timeline h3 {
        margin-bottom: 10px !important;
    }

    .timeline-content .content-list {
        padding-top: 1rem !important;
    }

    .timeline-content .content-list {
        padding-bottom: 1rem !important;
    }

    /*Custom styles*/
    .mob-title a {
        font-size: 0.938rem !important;
    }

    /*.mob-title {
        display: block;
    }*/

    .leaderDetails.header-info .mob-title h5 {
        margin-top: 17px;
    }

    .padd-sapce-left-large {
        padding-left: 24px !important;
    }

    .padd-sapce-right-large {
        padding-right: 24px !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .logo {
        padding-left: 3rem;
    }

    a.menu__icon.mobile {
        right: 50px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .dateSec {
        width: 310px !important;
        right: 40px;
    }

    .display-date {
        width: 130px !important;
        text-align: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .main-slider .carousel-inner,
    .bs-slider .carousel-inner {
        border-radius: 24px !important;
    }

    .main-slider .home-carousel .carousel-indicators a {
        width: 36px;
    }

    .main-slider1 .carousel-inner,
    .main-slider2 .carousel-inner,
    .main-slider3 .carousel-inner {
        border-radius: 24px !important;
    }

    .view-block img,
    .ourContent {
        border-radius: 14px !important;
    }

    .view-block img,
    .view-block:hover .ourContent {
        border-radius: 14px !important;
    }

    .form-fields input {
        border-radius: 14px;
        padding: 16px 20px;
    }

    .country-code {
        top: 14px;
        height: 24px;
        line-height: 28px;
    }

    .form-fields textarea.form-control {
        height: 150px;
        min-height: auto;
        border-radius: 14px;
    }

    .form-fields .form-check-inline input {
        width: 16px;
        height: 16px;
        padding: 0px;
    }

    .form-fields .form-check label {
        opacity: 0.6;
    }

    .form-fields button {
        padding: 10px 20px !important;
        border-radius: 12px !important;
        height: 48px;
    }

    .mobile {
        display: block !important;
        margin: 0px;
        right: 0;
        margin-right: 1.5rem !important;
    }

    .home-carousel .carousel-caption {
        padding: 2rem 4rem 2rem 2rem;
    }

    .view-block .shareIcon img {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1400px) {
    .home-carousel .carousel-caption {
        bottom: 4.25rem;
    }

    .main-slider .home-carousel .carousel-caption,
    .main-slider1 .home-carousel .carousel-caption,
    .main-slider2 .home-carousel .carousel-caption {
        bottom: 5.25rem;
    }

    .main-slider3 .carousel-control-next,
    .main-slider3 .carousel-control-prev {
        top: -4% !important;
    }

    .main-slider1 .carousel-control-next,
    .main-slider1 .carousel-control-prev,
    .main-slider2 .carousel-control-next,
    .main-slider2 .carousel-control-prev {
        top: -16% !important;
    }

    .row-cols-xl-5 .card-style1 h5 {
        font-size: 1rem !important;
    }

    .row-cols-xl-5 .card-style1 p {
        font-size: 0.875rem !important;
    }

    .row-cols-xl-5 .card-style1 .card-bottom {
        padding: 1rem;
    }
}

@media screen and (min-width: 320px) and (max-width: 1280px) {
    .width-40 {
        width: 100%;
    }

    .deskLable {
        display: none;
    }

    .mobLable {
        display: block;
    }

    /*   .header-info.sticky1,
    .inner-header {
        display: none !important;
    }

    .sticky1,
    .inner-header {
        display: none !important;
    }*/

    .mobile-header {
        background: rgba(31, 42, 55, 0.8);
        backdrop-filter: saturate(180%) blur(20px);
    }

        .mobile-header .logo img {
            width: 56px;
        }

    .hamburger-menu-mobile img {
        width: 24px;
        height: 24px;
    }

    .home-carousel .carousel-item,
    .carousel-slider2 .home-carousel .carousel-item {
        height: auto;
    }

    .mobile-menu {
        display: block;
        animation: rotateMenu 1000ms ease-in-out forwards;
        transform-origin: top center;
        background: #1f2a37bf url(../images/abstract-gradient-background.jpg) no-repeat left center;
        background-size: cover;
        height: 100dvh;
    }

    .mobile-menu-header {
        background-color: var(--textHeading);
    }

    .switch1 {
        padding: 2px 3px 0;
        border-radius: 10px;
    }

        .switch1 a {
            text-decoration: none;
            text-align: center;
            display: inline-block !important;
            color: #fff;
            padding: 9px 18px;
        }

            .switch1 a.active {
                border-radius: 8px !important;
                padding: 10px 10px 6px !important;
            }

    .menu_shown {
        position: fixed;
        width: 100%;
        padding-top: 0px;
    }

    .mobile-menu-body {
        padding: 20px 24px;
        height: 87dvh;
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .mobile-menu-body::-webkit-scrollbar {
            display: none;
        }

    .Searchbox input {
        width: 100%;
        height: 40px;
        border-radius: 14px;
        padding-top: 10px;
    }

    .mobile-main-menu li {
        list-style-type: none;
        padding-bottom: 20px;
        text-align: left;
    }

        .mobile-main-menu li a {
            font-weight: 500;
            line-height: 20px;
            text-decoration: none;
            color: #fff !important;
        }

    .mobile-sub-menu li a {
        font-weight: 500;
        line-height: 22px;
        text-decoration: none;
        color: #fff;
    }

    .open-popup.eventpopup {
        left: -188px;
        border-radius: 12px;
    }

    .destination .menu-grid {
        width: 100%;
    }

    .destination-block img {
        object-fit: cover;
        border-radius: 12px;
        aspect-ratio: 3/1.5;
    }

    .mobile-menu-body .destination-block h5 {
        margin-bottom: 4px;
    }

    .sticky1,
    .inner-header {
        display: none !important;
    }

    .megaMenu {
        display: none !important;
    }

    .header-info.sticky1 {
        z-index: 9;
    }

    .menu__icon {
        top: 24px;
    }

    a.menu__icon:active {
        top: 24px !important;
    }

    .mobile-event-drop {
        display: block;
        padding: 0 24px;
    }

    .accordion-button {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .footer-links ul {
        padding-left: 0px !important;
    }

    body {
        padding-top: 60px;
    }

    .view-block .shareIcon {
        opacity: 1;
    }
}

@media screen and (min-width: 320px) and (max-width: 1199px) {
    .display-date {
        text-align: right;
        padding-right: 26px;
        top: 11px;
    }

    .cards,
    img.cardImg {
        border-radius: 14px;
    }

    .img-overlay2,
    .img-overlay {
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px;
    }

    .viewgrid .ourContent {
        padding: 1.25rem !important;
        border-radius: 14px;
    }

    .ourContent.p-4 {
        padding: 1.25rem !important;
    }

    #map {
        border-radius: 14px;
    }

    .FooterBlock {
        display: none;
    }

    .mobile-footer {
        display: block;
        padding: 0 24px;
    }

    .card-style1 {
        border-radius: 14px;
    }

    .mobile-footer .footer-links2 {
        padding-left: 0px !important;
        padding-bottom: 15px;
    }

    .accordion-button {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .footer-links ul {
        padding-left: 0px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    a.button-text {
        border-radius: 14px !important;
        padding: 14px 20px 10px !important;
    }
}

@media screen and (max-width: 1440px) {
    .card-style3 {
        padding: 8px !important;
    }
}

@media screen and (min-width: 1822px) {
    .social-media .Feedback.social-links {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }

    .social-media .social-links {
        padding-left: 5rem !important;
    }

    .country-code {
        top: 18px;
    }

    .sub-menu li {
        width: 320px;
    }

    .subMenu8 ul.sub-menu {
        width: 1260px !important;
    }

    .timeline.position-relative {
        margin-top: 5rem !important;
    }

    .styled-checkbox + label:before {
        margin-top: -1px;
    }
}

@media (min-width: 1281px) {
    .mobile-header {
        display: none !important;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1525px) {
    .home-carousel .carousel-item {
        height: auto;
    }
}

@media screen and (min-width: 1540px) and (max-width: 1900px) {
    .home-carousel .carousel-caption {
        bottom: 4%;
    }
}

@media screen and (width: 1024px) {
    .dateSec {
        width: 97.6% !important;
    }

    #calendar .fc-daygrid-event-harness {
        top: 16px !important;
    }
}

@media screen and (max-width: 1024px) {
    .display-date {
        padding-right: 4px;
        top: 24px;
    }

    .sliderBtn {
        display: none !important;
    }

    .main-container .banner-desc .btnSecondary,
    .main-container .banner-desc .btnSecondary:hover {
        border: none !important;
        padding: 10px 20px !important;
    }

    .btnPrimary {
        padding: 10px 20px !important;
    }

    .col.video-block .cover-image {
        border-radius: 20px !important;
    }

    .ellipsis4 {
        -webkit-line-clamp: 2;
    }

    #caljump {
        top: -66px !important;
    }

    .calendar-section #caljump {
        top: -40px !important;
    }

    body .header-info .breadcrumb-sec,
    body .header-info .printSec {
        display: none !important;
    }

    ul li {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1601px) {
    .carousel-caption {
        row-gap: 15px !important;
    }

    .down-txt p {
        font-size: 1rem !important;
    }
}

@media screen and (width: 768px) {
    #calendar .fc-daygrid-event-harness {
        top: 0px !important;
    }

    .media-desc {
        padding-top: 0;
        padding-bottom: 2rem;
        padding-left: 0;
    }
}

@media screen and (width: 1600px) {
    .home-carousel .carousel-caption {
        bottom: 10%;
    }
}

@media screen and (min-width: 1600px) {
    #caljump {
        top: -75px;
    }

    .select-menu .options {
        width: 22%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .home-carousel .carousel-item img {
        height: auto !important;
        aspect-ratio: 1 !important;
    }

    .select-menu .options {
        right: 44px;
        width: 28%;
    }
}

@media screen and (min-width: 1700px) {
    label.form-check-label {
        padding-top: 6px !important;
    }

    .styled-checkbox:checked + label:after {
        top: 13px !important;
    }
}

@media screen and (min-width: 768px) {
    a.mobBtn {
        display: none;
    }
}