@media only screen and (max-width: 1280px) {
    /* container*/
    .SANGcontainer, .SANGcontainerCol {
        max-width: calc(100% - 64px) !important;
    }
    /* breadcrump*/
    #InnerBreadcrump .pageTitle {
        font-family: var(--IBMPlexSansAR-B);
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsL);
        text-align: justify;
    }

    .eventDetails-card {
        position: relative;
        width: auto;
    }

    .box-link.four {
        grid-template-columns: repeat(3, 1fr);
    }

    .Impbox-link.four {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1068px) {
    /* container*/
    .InnerContent .SANGcontainer {
        flex-direction: column;
    }
    /*Event Detail page style*/
    .eventDetails-Div {
        display: flex;
        flex-direction: column;
    }

    .eventDetails-content {
        min-height: fit-content;
    }

    .Event-list-card {
        position: relative;
        top: 0;
    }

    .eventDetails-card {
        position: relative;
        width: 100%;
    }
    /* breadcrump*/
    #InnerBreadcrump.InnerContent .pageTitle {
        width: 100%;
    }
}

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

    /* breadcrump*/
    .breadcrumb ul.Inner-brc li span.active {
        max-width: 400px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* News List*/
    .News-List, .grid-listThree, .grid-listFour, .ImgGallery, .box-link.three, .box-link.four, .Impbox-link.four {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-listTwo, .box-link.two {
        grid-template-columns: repeat(1, 1fr);
    }

    /* history */
    .history .card-body .history-container img {
        height: 170px;
    }
    /* leadership */
    .leadership .LScard {
        width: 270px;
    }

    .LScard .card-img {
        height: 250px;
    }

    .LScard .card-body .card-title {
        font-size: var(--Text-xlF);
        line-height: var(--Text-xlL);
    }

    .LScard .card-body h5 {
        font-size: var(--Text-lgF);
        line-height: var(--Text-lgL);
    }
    /*ImgGalleryItem */
    .ImgGalleryItem .img-container {
        height: 250px;
    }
    /*SANG card */
    .SANGcard .card-title {
        font-size: var(--Text-mdF);
        line-height: var(--Text-mdL);
        -webkit-line-clamp: 2;
    }
    /*event card */
    .event-date .Day {
        font-size: var(--Display-xsF);
        line-height: var(--Display-xsL);
    }

    .event-date .Month {
        font-size: var(--Text-smF);
        line-height: var(--Text-smL);
    }

    .event-date {
        min-width: 70px;
        height: 70px;
    }

    .SANGcard .card-tags li {
        font-size: var(--Text-2xsF);
        line-height: var(--Text-2xsL);
    }

    .EventCard .card-links a i {
        height: 30px;
        width: 30px;
        font-size: var(--Text-xlF);
        line-height: var(--Text-xlL);
    }

    .EventCard .card-Primarylink {
        height: 30px;
        width: 30px;
    }
    /* SANGTab */
    .SANGtopFilter {
        flex-direction: column;
    }

    .SANGFilterDiv .form-control {
        height: 40px;
    }
    /*text with img row*/
    .tixtImg.row {
        flex-direction: column;
    }

        .tixtImg.row .col-9, .tixtImg.row .col-3 {
            width: 100%;
        }

    .contact-us-page .contact-contact, .contact-us-form {
        width: 100% !important;
    }

    .contact-contact, .SANG-contact-info, .map-container {
        width: 100%;
    }

    .container-caption span {
        width: 50% !important;
        display: flex;
    }
}

@media only screen and (max-width: 600px) {
    /* container*/
    .SANGcontainer, .SANGcontainerCol {
        max-width: calc(100% - 32px) !important;
    }
    /* breadcrump*/
    #InnerBreadcrump .pageTitle {
        font-size: var(--Text-xlF);
        line-height: var(--Text-xlL);
        text-align: justify;
    }

    .breadcrumb ul.Inner-brc li span.active {
        max-width: 100%;
    }

    .breadcrumb ul.Inner-brc {
        flex-direction: column;
        grid-row-gap: var(--spacing-md);
    }
    /* page title */
    .InnerContent h1 span, .InnerContent h1, .ms-rteFontSize-4, .InnerContent h1 {
        font-size: var(--Text-lgF) !important;
        line-height: var(--Text-lgL);
    }
    /* News List*/
    .News-List, .grid-listThree, .grid-listFour, .ImgGallery, .box-link.three, .box-link.four, .Impbox-link.three, .Impbox-link.four {
        grid-template-columns: repeat(1, 1fr);
    }
    /*Pagination*/
    .NewsPagination .Pagination_Link, .NewsPagination .Pagination_selected, .Pagination .Pagination_Link a, .PaginationList .Pagination_Link, .PaginationList .Pagination_selected {
        min-width: auto;
        font-size: var(--Text-smF);
        line-height: var(--Text-smL);
        padding: var(--spacing-xs);
        align-items: center;
    }

    .NewsNextDropDown, .NewsPrevDropDown,
    .PaginationPrevDropDown, .PaginationNextDropDown, .NextDropDown,
    .PrevDropDown {
        height: 35px;
        min-width: 35px !important;
    }

    .NewsPagination > ul, .PaginationList > ul, .Pagination > ul {
        gap: var(--spacing-xs);
        justify-content: space-between;
    }

    .breadcrumb li:last-child {
        width: 100%;
        grid-column: 1 / 2;
        grid-row: 2 / 2;
    }
    /* history */
    .history .card-body .history-container::before {
        display: none;
    }

    .history .card-body .history-container {
        width: 100%;
    }

    .history .card-body {
        justify-content: center;
    }
    /* leadership */
    .leadership .LScard {
        width: 85%;
    }

    .leadership {
        flex-direction: column;
        gap: var(--spacing-3xl);
        align-items: center;
    }

    .LScard .card-img {
        height: 300px;
    }
    /*FAQ*/
    .faqDiv-item .btn-link {
        font-family: var(--IBMPlexSansAR-B);
        font-size: var(--Text-smF);
        line-height: var(--Text-smL);
    }
    /*city-location*/
    .SANGcard.card-icone, .cityLocationDiv .SANGcard.card-icone {
        width: 100%;
    }
    /* Info msg style and alert */
    .Info-msg {
        padding: var(--spacing-xl);
        align-items: start;
        flex-direction: column;
        font-family: var(--IBMPlexSansAR-M);
        font-size: var(--Text-smF);
        line-height: var(--Text-smL);
    }

        .Info-msg:after, .alert-danger:after, .alert-success:after {
            content: "";
            display: block;
            width: 100% !important;
            height: 8px !important;
            right: 0 !important;
            top: 0 !important;
        }

    .alert {
        align-items: start !important;
        flex-direction: column;
        padding: var(--spacing-xl) !important;
    }


    #face_Survey {
        width: auto;
    }
    /*tabs style*/
    .dropdown-menu.show {
        right: auto;
        left: 0;
    }

    html[lang="en"] .dropdown-menu.show {
        right: 0;
        left: auto;
    }
    /* add Comments Div */
    .NameEmailDiv {
        flex-direction: column;
    }
    /*ios and andoroid links*/
    .instrct-mobile-links {
        flex-direction: column;
    }

    .mobilelink {
        width: 100%;
    }
    /*EParticipation*/
    .EPF-SChartH div {
        height: 45px !important;
    }

    span.SChartheadTitle {
        font-size: var(--Text-2xsF);
    }

    .rate-btn-container {
        justify-content: start;
        display: flex;
    }

    .container-caption span {
        width: 50% !important;
        display: flex;
    }

    .NationalDaySlogon img {
        width: 100px;
    }

    .NationalDaySlogon {
        right: 20px;
        bottom: 10px;
    }

    [dir=ltr] .NationalDaySlogon {
        left: 10px;
        bottom: 20px
    }
}