/* Laptop 1366px */

@media (min-width: 1280px) and (max-width: 1366px) {

    .custom-container {

        padding: 0 3em;

    }



    .navbar {

        padding: 1em 0;

    }



    .navbar-nav .nav-link {

        font-size: 0.88em;

    }



    .custom-caption h1,

    .heading {

        font-size: 2.8em;

    }



    .custom-caption {

        max-width: 32%;

        left: 4%;

    }



    .underline {

        left: 41%;

        top: 14%;

        max-width: 45%;

    }



    .custom-secondary-btn {

        width: 178px;

        height: 47px;

        font-size: 15px;

    }



    .custom-btn,

    .custom-text {

        font-size: 0.9375em;

    }



    .search-bar {

        --expanded-width: 260px;

        width: 80px;

        height: 30px;

    }



    .search-input {

        font-size: 12px;

        width: 0;

    }



    .what-drives-us .custom-row {

        padding: 4em 3.7em;

        width: 100%;

        margin-left: 1px;

    }



    .what-drives-us p {

        font-size: 1em;

    }



    .health-card {

        padding: 1.5em;

        height: 170px;

        justify-content: center;

    }



    .health-card h3 {

        font-size: 1.4em;

    }



    .testi .numbers h2 {

        font-size: 34px;

    }



    .testi .numbers p {

        font-size: 18px;

    }



    .testimonial-img img {

        width: 110px !important;

    }



    .testimonial-content p {

        font-size: 14px;

    }



    .testimonial-content h5 {

        font-size: 15px;

        margin-bottom: 0;

    }



    .testi .second-btn {

        gap: 5px;

        margin-top: 3em !important;

    }



    .testi .owl-nav {

        position: absolute;

        right: 0;

        bottom: -45%;

    }



    .testi {

        padding: 3em 0;

    }



    .programs-section h2 {

        font-size: 20px;

    }



    .contant-part p {

        font-size: 16px;

        line-height: 23px;

    }



    .copy-right-section img {

        top: -37px;

    }



    .copy-right-section p {

        font-size: 0.8em;

        padding-top: 7px;

    }



    .footer-quick-links ul li {

        font-size: 0.9em;

    }



    .footer-address p,

    h5 {

        font-size: 1em;

    }



    .social-meida img {

        max-width: 80%;

    }



    .newsletter-input,

    .newsletter-btn {

        height: 45px;

    }

}


@media (max-width: 991px) {

    .navbar-nav .custom-nav-link {
        margin-left: 0;
    }

    /* ===== FULL SCREEN SLIDE MENU ===== */
    #mainNav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        background: #fff;
        padding: 80px 20px 20px;
        /* top space for logo */
        z-index: 9999;

        /* slide animation */
        transform: translateX(-100%);
        transition: transform 0.45s ease-in-out;
    }

    /* when menu opens */
    #mainNav.show {
        transform: translateX(0);
    }

    /* prevent bootstrap jump */
    .navbar-collapse {
        display: block !important;
    }

    /* Stack menu items */
    #mainNav .navbar-nav {
        flex-direction: column;
    }

    #mainNav .nav-link {
        padding: 14px 0;
        font-size: 18px;
        border-bottom: 1px solid #eee;
    }

    /* Dropdown open on click */
    .custom-dropdown .dropdown-menu {
        position: static;
        box-shadow: none;
        width: 100%;
        display: none;
    }

    .custom-dropdown.show .dropdown-menu {
        display: block;
    }

    /* Hide desktop right section */
    .d-none.d-lg-flex {
        display: none !important;
    }

    /* Donate button inside menu */
    .header-btn {
        margin-top: 20px;
    }

    /* CLOSE BUTTON */
    .mobile-menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        background: none;
        border: none;
        font-size: 28px;
        font-weight: 600;
        cursor: pointer;
        z-index: 10000;
    }

    .mobile-menu-close:hover {
        opacity: 0.7;
    }
}



/* Mobile landscape */

@media (max-width: 767px) {

    .desktop-banner {

        display: none !important;

    }



    .mobile-banner {

        display: block !important;

    }



    .custom-container {

        padding: 0 1em;

    }



    .custom-caption {

        position: unset;

        transform: unset;

        max-width: 87%;

        padding-left: 2.5em;

    }



    .custom-caption h1,

    .heading {

        color: #000;

        font-size: 35px;

    }



    .custom-secondary-btn {

        width: 148px;

        height: 42px;

        font-size: 13px;

    }



    .custom-text {

        font-size: 13px;

    }



    .what-drives-us .custom-row {

        background-color: #F1F6F7;

        padding: 2em 1.1em;

        margin-left: 1px;

    }



    .what-drives-us p {

        font-size: 0.875em;

        font-weight: 400;

    }



    .underline {

        display: none;

    }



    .health-card h3 {

        font-size: 27px;

    }



    .health-card {

        zoom: 52%;

    }



    .custom-mm-top {

        margin-top: 1.5em;

    }



    .testi .numbers p {

        font-size: 17px;

    }



    .testi .numbers span {

        font-size: 44px;

    }



    .testi .numbers h2 {

        font-size: 20px;

    }



    .custom-test-top {

        margin-top: 1.5em;

    }



    .testimonial-content p {

        font-size: 12px;

    }



    .testimonial-img img {

        width: 110px !important;

    }



    .quote-icon img {

        max-width: 13%;

    }



    .testimonial-content h5 {

        font-size: 16px;

    }







    .testimonial-content h5 {

        margin-bottom: 3em;

    }



    .testi .second-btn {

        width: 182px;

    }



    .testi .owl-nav {

        gap: 2em;

    }



    .social-meida img {

        max-width: 85%;

    }



    .copy-right-section img {

        top: -20px;

        height: 44px;

        object-fit: cover;

    }



    .copy-right-section p {

        font-size: 0.8em;

    }



    .svolving-section .row {

        --bs-gutter-y: unset;

        --bs-gutter-x: unset;

    }



    .svolving-section .col-lg-4 {

        margin-bottom: 2em;

    }

}