@media (min-width:1399px) and (max-width: 1440px) {
    .text-xxl-display p {
        font-size: 18px;
    }

    .col-xl-6.widget.text-xxl-display p {
        font-size: 18px;
    }
}

@media (min-width:1441px) and (max-width: 1920px) {

    .col-xl-6.widget.text-xxl-display p {
        font-size: 18px;
    }
}

@media (min-width:1299px) and (max-width: 1440px) {

    .col-xl-6.widget.text-xxl-display {
        font-size: 16px;
        line-height: 25px;
    }

    .ftr-ext-space {
        padding-left: 20px !important;

    }

    .company-profile-first-section p {
        font-size: 18px;
        line-height: 140%;
    }

    .spec-table thead tr th {
        padding: 5px;
    }

    .spec-table tbody tr:first-child td {
        padding: 5px;
        font-size: 15px;
    }

    .spec-table td,
    .spec-table th {
        font-size: 15px;
    }

    #clientele img {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .wellbeing-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .wellbeing-cards {
        grid-template-columns: 1fr;
    }

    .career-section {
        padding: 30px 0;
    }

    .opportunities-section {
        padding: 30px 0;
    }
}

/* Responsive Adjustments */
@media (max-width: 991px) {

    .csr-section,
    .csr-activity-section {
        padding: 40px 0;
    }

    .csr-heading {
        font-size: 22px;
    }

    .csr-activity-heading {
        font-size: 18px;
        margin-top: 20px;
    }

    .csr-activity-section .col-lg-6:first-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .csr-page-title h1 {
        font-size: 24px;
    }

    .csr-heading {
        font-size: 20px;
    }

    .csr-programmes-heading {
        font-size: 20px;
    }

    .csr-activity-heading {
        font-size: 18px;
    }

    .csr-text,
    .csr-programmes-text,
    .csr-activity-text {
        font-size: 14px;
    }

    .csr-subscribe-section h3 {
        font-size: 20px;
    }
}

/* ================================
   RESPONSIVE 
================================ */
@media (max-width: 991px) {

    .instagram_feed {
        grid-template-columns: repeat(4, 1fr);
    }

    .copyright-text p,
    div#copyrights .col-lg-6 p {
        text-align: center !important;

    }
}

@media (max-width: 575px) {

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

    #footer-style-1 .widget {
        margin-bottom: 30px;
    }

    .formField,
    textarea {
        width: 100% !important;
    }

    .r2 {
        width: 100%;
    }

    .r2.d-flex {
        flex-direction: column;
    }
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .newsletter-box #txtEmail {
        width: 173px;
    }

    .wellbeing-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    a.active-page {
        background-color: var(--primary-color);
        color: #fafafa !important;
    }

    .active-page label {
        color: #fff !important;
    }

    .active-page label svg {
        color: #fafafa !important;
        fill: #fafafa !important;
        stroke: #fafafa !important;
    }

    .active-page label svg {
        fill: #ffffff !important;
    }
}

/* Responsive Styles */
@media (max-width: 991.98px) {
    .social-links {
        flex-direction: row;
        text-align: center;
    }

    /* .social-icons {
          justify-content: center;
          margin-bottom: 10px;
      } */

    .topmenu {
        justify-content: end;
    }

    .navbar-collapse {
        margin-top: 15px;
    }

    .dropdown-menu {
        margin-top: 0;
        border-top: none;
    }
}

@media (max-width: 768px) {
    .rw-dir {
        flex-direction: column-reverse;

    }

    ul.check {
        margin-bottom: 0;
    }

    .whatsapp_float,
    .whatsapp-widget,
    .tawk-min-container,
    .tidio-chat {
        right: 15px !important;
        left: auto !important;
        /* prevent overflow */
    }

    .magnifier .buttons {
        padding: 15px;
    }

    .newsletter-box {
        justify-content: start !important;
    }

    #carousel .caption p {
        max-width: 650px;
    }

    #clientele img {
        width: 100%;
    }

    .calloutbox .col-xl-3.col-lg-2.text-end {
        text-align: start !important;
        margin-top: 15px;
    }

    .row.my-5.pt-4.align-items-center.rw-dir {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .row.my-5.pt-4.align-items-center {
        margin-bottom: 0 !important;
    }

    .row.my-5.pt-4.align-items-center.rw-dir img {
        margin-top: 15px;
    }

    ul.check.mob-pad-left {
        padding-left: 16px;
    }

    .col-lg-6.solid {
        margin-top: 15px;
    }

    .col-xl-6.mt-lg-4 .widget {
        margin-top: 15px;
    }

    .col-lg-6 h3.light {
        margin-top: 15px;
    }

    .flexWrapper .col-lg-6.solid {
        margin-top: 0px;
    }

    .back-to-top {
        width: 40px;
        height: 40px;
        border-radius: 1px;
        font-size: 15px;
    }

}

@media (max-width: 600px) {
    .home p {
        font-size: 18px;
        color: #f58220;
        line-height: 26px;
        padding: 0 10px;
    }

    .home-content p::before {
        font-size: 55px !important;
        margin: 0px 0 0 -32px;
    }

    .home-content p::after {
        font-size: 55px;
        margin: 20px 0 0 4px;
    }

    .skills_bar.pt-60 {
        margin: 0 0 10px 0 !important;
        padding: 0 0 10px 0 !important;
    }

    div#tilaraAccordion {
        margin-bottom: 30px;
    }

    .row.calloutbox.mt-5 .col-lg-2.text-end {
        text-align: start !important;
        margin-top: 20px;
    }

    .general-title.text-start {
        text-align: center !important;
    }

    /* .container.social-links {
        flex-direction: r;
    } */

    .topmenu {
        flex-direction: row !important;
        gap: 10px;
        justify-content: center;
    }

    .social-icons {
        justify-content: start;

    }

    #clientele img {
        width: 100%;
        height: auto;
        transition: .3s;
    }

    .newsletter-box,
    .col-xl-5.col-lg-4.newsletter-box.d-flex.justify-content-end {
        justify-content: start !important;
    }

    .csr-page-title .breadcrumb {
        margin: 20px 0 !important;

        justify-content: start !important;
    }

    .csr-page-title h1 {
        padding: 21px 0;
    }

    .col-lg-6.solid {
        margin-top: 15px;
    }

    .row.my-5.pt-4.align-items-center {
        margin-top: 0 !important;
    }

    .row.my-5.pt-4.align-items-center {
        margin-bottom: 0 !important;
    }

    .widget {
        margin-top: 15px;
    }

    .white-wrapper {
        padding: 30px 0 !important;
    }

    .mob-pad-left {
        padding-left: 16px !important;
    }

    .widget h3.light {
        margin-top: 15px !important;
    }

    .topmenu .callus a {
        display: none;
    }

    .container.social-links .col-lg-4.col-md-4.col-sm-4.col-12,
    .container.social-links .col-lg-8.col-md-8.col-sm-6.col-12 {
        width: 50%;
    }

    section.jt-shadow.py-5.anthem {
        padding-top: 0 !important;
    }

    #footer-style-1 .row .mb-4 {
        margin-bottom: 0 !important;
    }

    .brand-products {
        width: 100% !important;
    }

    section.value-section.pb-5.pad-class-70 .row .col-md-6 h3,
    section.value-section.widget h3 {
        margin-top: 15px
    }

    section.values-list-section.mt-5 .solid h4 {
        margin-top: 15px;
    }
}

@media (max-width:1024px) {
    .company-profile-first-section p {
        font-size: 15px;
        line-height: 1.4;
        color: #646464 !important;
        margin-bottom: 15px;
    }

    section.value-section.pb-5.pad-class-70 .row .col-md-6 h3,
    section.value-section.widget h3 {
        margin-top: 15px
    }

    section.values-list-section.mt-5 .solid h4 {
        margin-top: 15px;
    }

    .newsletter-box {
        justify-content: start !important;
    }
}

@media (min-width:426px) and (max-width: 450px) {
    .topmenu .callus a {
        display: none;
    }

    .facility-image {
        margin-top: 15px;
    }

    .newsletter-box,
    .col-xl-5.col-lg-4.newsletter-box.d-flex.justify-content-end {
        justify-content: start !important;
    }

    #carousel .carousel-item .caption {
        padding: 2px;
    }

    #carousel .caption h1,
    #carousel .caption h2,
    #carousel .caption h3 {
        font-size: 22px;
    }

    #carousel .caption p {
        font-size: 16px;
        max-width: 400px;
    }

    .row.calloutbox.col-xl-3.col-lg-2.text-end {
        text-align: start !important;
        margin-top: 20px;
    }

    .r1 {
        width: 27%;
    }

    .col-lg-6.solid h3 {
        margin-top: 15px;
    }

}

@media (max-width: 575.98px) {
    .social-icons a {
        width: 35px;
        height: 38px;
    }

    .topmenu {
        flex-direction: column;
        gap: 10px;
    }

    .container.social-links {
        padding-left: 0;
    }

    .mt-mob-anthem {
        margin-top: 30px;
    }
}

@media (max-width: 425px) {
    .topmenu .callus a {
        display: none;
    }

    .row.calloutbox.col-xl-3.col-lg-2.text-end {
        text-align: start !important;
        margin-top: 20px;
    }

    .csr-page-title .breadcrumb {
        font-size: 14px;
        padding: 20px 0;
        text-align: left;
        justify-content: flex-start !important;
    }

    .r1 {
        width: 100%;
        text-align: left;
    }

    #carousel .caption h1,
    #carousel .caption h2,
    #carousel .caption h3 {
        font-size: 20px;
        max-width: 380px;
    }

    #carousel .caption p {
        font-size: 18px;
        max-width: 380px;
    }

    #carousel .carousel-item .caption {
        padding: 2px
    }

    .newsletter-box {
        justify-content: flex-start !important;
    }

    .col-xl-5.col-lg-4.newsletter-box.d-flex.justify-content-end {
        justify-content: flex-start !important;
    }

    .newsletter-box #txtEmail {
        width: 250px;
    }

    .csr-section,
    .csr-activity-section {
        padding: 25px 0;
    }
}

@media (max-width: 375px) {
    .newsletter-box #txtEmail {
        height: 41px;
        width: 200px;
    }

    .general-title h2 {
        font-size: 24px;
    }

    .col-lg-4.newsletter-box {
        padding: 5px 0 0 7px;
    }

    #carousel .caption h1,
    #carousel .caption h2,
    #carousel .caption h3 {
        font-size: 20px;
        max-width: 260px;
    }

    #carousel .caption p {
        font-size: 18px;
        max-width: 260px;
    }

    .social-icons a {
        width: 32px;
        height: 36px;
    }

    .container.social-links {
        padding-left: 1px;
    }

}

@media (max-width: 320px) {

    .newsletter-box #txtEmail {
        height: 41px;
        width: 148px;
    }

    .social-links {
        flex-direction: column;
    }

    .container.social-links {
        padding: 0 12px;
    }

    .container.social-links .col-lg-4.col-md-4.col-sm-4.col-12,
    .container.social-links .col-lg-8.col-md-8.col-sm-6.col-12 {
        width: 100%;
    }

    .social-icons {
        justify-content: center;
    }

    .topmenu {
        justify-content: center !important;
    }
}


.active-page {
    background-color: var(--primary-color);
    color: #fafafa !important;
}

.active-page label {
    color: #fff !important;
}

.active-page label svg {
    color: #fafafa !important;
    fill: #fafafa !important;
    stroke: #fafafa !important;
}

.active-page label svg {
    fill: #ffffff !important;
}

.csr-activity-subheading, .csr-txt {
    font-size: 15px;
    font-weight: 400;
    color: #999 !important;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'PT Sans', sans-serif;
}