/* --------------------------- */
/* Normal desktop :1200px. */
/* --------------------------- */

@media(max-width:1399px) and (min-width:1200px) {
    .our-services-area {
        height: 100%;
        padding: 50px;
    }

}

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

    p {
        font-size: 17px;
    }

    .hero-main-content h1,
    .hero-main-content .second-heading {
        font-size: 45px;
    }

    .main-heading,
    .main-heading-2 {
        font-size: 35px;
    }

    .hero-section .hero-main-content p {
        font-size: 17px;
    }

    .our-services-area {
        height: 100%;
        padding: 50px;
    }

    .services-single {
        flex-flow: wrap;
        justify-content: center;
    }

    .service-box {
        margin-top: 10px;
    }

    .service-box>div {
        width: calc(50%);
        justify-content: center;
        align-content: center;
    }

    .location-box {
        margin-top: 10px;
    }

    .location-box>div {
        width: calc(50%);
        justify-content: center;
        align-content: center;
    }
}


/* --------------------------- */
/* Normal desktop :1024px */
/* --------------------------- */

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

    p {
        font-size: 16px;
    }

    .side-menu {
        width: 70%;
    }

    .side-menu {
        padding: 35px 30px;
    }

    .side-menu {
        width: 65%;
    }

    .clp-logo img {
        width: 110px;
    }

    .clp-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .side-menu {
        padding: 25px 20px;
    }

    .hero-main-content h1,
    .hero-main-content .second-heading {
        font-size: 42px;
    }

    .main-heading,
    .main-heading-2 {
        font-size: 33px;
    }

    .hero-main-content h5 {
        font-size: 16px;
    }

    .hero-section .hero-main-content p {
        font-size: 16px;
    }

    .breadcumb-content h1 {
        font-size: 45px;
    }

    .breadcumb-content p {
        font-size: 18px;
    }

    .our-services-area {
        height: 100%;
        padding: 50px;
    }

    .services-single {
        flex-flow: wrap;
        justify-content: center;
    }

    .service-box {
        margin-top: 10px;
    }

    .service-box>div {
        width: calc(50%);
        justify-content: center;
        align-content: center;
    }

    .service-box h4 {
        font-size: 18px;
    }

    .location-box {
        margin-top: 10px;
    }

    .location-box>div {
        width: calc(50%);
        justify-content: center;
        align-content: center;
    }

    .main-btn {
        font-size: 15px;
    }

    .pt-100 {
        padding: 80px 0px;
    }

}

/* --------------------------- */
/* Normal desktop :768px */
/* --------------------------- */

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

    p {
        font-size: 16px;
    }

    .side-menu {
        width: 70%;
    }

    .side-menu {
        padding: 35px 30px;
    }

    .side-menu {
        width: 65%;
    }

    .clp-logo img {
        width: 110px;
    }

    .clp-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .side-menu {
        padding: 25px 20px;
    }


    .hero-main-content h1,
    .hero-main-content .second-heading {
        font-size: 38px;
        text-align: center;
    }

    .main-heading,
    .main-heading-2 {
        font-size: 30px;
        text-align: start;
    }

    .child-heading {
        font-size: 16px;
    }

    .hero-main-content h5 {
        font-size: 15px;
    }

    .hero-section .hero-main-content p {
        font-size: 16px;
    }

    .book-now {
        font-size: 14px;
        padding: 11px 16px;
        letter-spacing: 0.5px;
    }

    .main-btn {
        font-size: 15px;
    }

    .service-box h4 {
        font-size: 18px;
    }

    .location-box h4 {
        font-size: 18px;
    }

    .blog-content a {
        font-size: 20px;
    }

    .pt-100 {
        padding: 60px 0px;
    }

    /* All inner pages responsive  */

        .breadcumb-content h1 {
        font-size: 40px;
    }

    .breadcumb-content p {
        font-size: 18px;
    }

    .top-breadcrumb {
        padding: 100px 0px 10px 0px;
    }

    .advance-technology-area .owl-nav {
        position: absolute;
        top: 110%;
        left: 280px;
        width: 22%;
    }

}

/* --------------------------- */
/* Normal desktop :600px */
/* ---------------------------- */

@media(max-width:600px) and (min-width:475px) {

    p {
        font-size: 16px;
    }

    canvas {
        display: block;
        vertical-align: bottom;
        opacity: 0.2;
    }

    .close-btn {
        font-size: 32px;
        cursor: pointer;
        margin-bottom: 16px;
    }

    .side-menu {
        width: 70%;
    }

    .side-menu {
        padding: 35px 30px;
    }

    .side-menu {
        width: 65%;
    }

    .clp-logo img {
        width: 90px;
        margin-left: 0;
    }

    .clp-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .side-menu {
        padding: 25px 20px;
    }

    .hero-main-content h1,
    .hero-main-content .second-heading {
        font-size: 32px;
        text-align: center;
    }

    .main-heading,
    .main-heading-2 {
        font-size: 26px;
        text-align: start;
    }

    .child-heading {
        font-size: 16px;
    }

    .hero-main-content h5 {
        font-size: 15px;
    }

    .hero-section .hero-main-content p {
        font-size: 15px;
    }

    .book-now {
        font-size: 14px;
        padding: 11px 16px;
        letter-spacing: 0.5px;
        display: none;
    }

    .main-btn {
        font-size: 14px;
        padding: 10px 22px;
    }

    .heading_line {
        max-width: 100px;
        margin-bottom: 10px;
        display: flex;
        margin: inherit;
    }

    .service-box h4 {
        font-size: 16px;
    }

    .location-box h4 {
        font-size: 16px;
    }

    .location-box {
        padding: 10px;
    }

    .blog-content a {
        font-size: 20px;
    }

    .future-device-content h1 {
        text-align: center;
    }

    .future-device-content p {
        font-size: 18px !important;
        color: #fff;
    }

    .next-btn {
        justify-content: center;
        margin-top: 20px;
    }

    .footer-box a img {
        max-width: 90px;
    }

    .footer-quick-links h5,
    .footer-contact h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .footer-quick-links ul li a {
        font-size: 16px;
        color: var(--color-black);
    }

    .footer-box ul li a {
        height: 32px;
        width: 32px;
    }

    .pt-100 {
        padding: 60px 0px;
    }

    /* All inner pages responsive  */

    .breadcumb-area {
        height: 80vh;
    }

    .breadcumb-content h1 {
        font-size: 40px;
    }

    .breadcumb-content p {
        font-size: 18px;
    }

    .breadcumb-content {
        padding-top: 45px;
    }

    .top-breadcrumb {
        padding: 100px 0px 10px 0px;
    }

    .single-chamber-box {
        height: inherit;
    }

    .product-details h4 {
        font-size: 26px;
    }

    .health-service img {
        height: 375px;
    }

    .about-lehman-area h4 {
        font-size: 20px;
        color: var(--color-black);
    }

    .advance-technology-area .owl-nav {
        position: absolute;
        top: 110%;
        left: 280px;
        width: 22%;
    }
}


/* --------------------------- */
/* Mobile Devices :475px */
/* --------------------------- */

@media(max-width:475px) and (min-width:320px) {

    p {
        font-size: 16px;
        line-height: 25px;
    }

    canvas {
        display: block;
        vertical-align: bottom;
        opacity: 0.4;
    }

    .close-btn {
        font-size: 32px;
        cursor: pointer;
        margin-bottom: 16px;
    }

    .side-menu {
        width: 70%;
    }

    .side-menu {
        padding: 35px 30px;
    }

    .side-menu {
        width: 75%;
    }

    .side-links li {
        font-size: 16px;
    }

    .clp-logo img {
        width: 90px;
        margin-left: 0;
    }

    .clp-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .side-menu {
        padding: 25px 20px;
    }

    .hero-main-content h1,
    .hero-main-content .second-heading {
        font-size: 30px;
        text-align: center;
    }

    .main-heading,
    .main-heading-2 {
        font-size: 28px;
        text-align: start;
    }

    .child-heading {
        font-size: 16px;
    }

    .hero-main-content h5 {
        font-size: 14px;
    }

    .hero-section .hero-main-content p {
        font-size: 16px;
    }

    .book-now {
        font-size: 14px;
        padding: 11px 16px;
        letter-spacing: 0.5px;
        display: none;
    }

    .main-btn {
        font-size: 14px;
        padding: 12px 22px;
    }

    .heading_line {
        max-width: 100px;
        margin-bottom: 10px;
        display: flex;
    }

    .service-box {
        justify-content: center;
        margin: auto;
        padding: 20px;
        margin-top: 10px;
    }

    .service-box h4 {
        font-size: 17px;
    }

    .location-box h4 {
        font-size: 17px;
        margin-top: 0px;
    }

    .location-box {
        padding: 10px;
        margin: auto;
        margin-top: 10px;
    }

    .celebrity-treatment-box h4 {
        font-size: 20px;
    }

    .blog-content a {
        font-size: 19px;
    }

    .future-device-content h1 {
        text-align: center;
    }

    .future-device-content p {
        font-size: 17px !important;
        color: #fff;
    }

    .next-btn {
        justify-content: center;
        margin-top: 20px;
    }

    .footer-box a img {
        max-width: 90px;
    }

    .footer-quick-links h5,
    .footer-contact h5 {
        font-size: 17px;
        font-weight: 600;
    }

    .footer-quick-links ul li a {
        font-size: 16px;
        color: var(--color-black);
    }

    .footer-box ul li a {
        height: 32px;
        width: 32px;
    }

    .pt-100 {
        padding: 50px 0px;
    }

    /* All inner pages responsive  */

    .breadcumb-area {
        height: 80vh;
    }

    .breadcumb-content {
        padding-top: 35px;
    }

    .breadcumb-content h1 {
        font-size: 35px;
    }

    .breadcumb-content p {
        font-size: 16px;
    }

    .top-breadcrumb {
        padding: 100px 0px 10px 0px;
    }

    .about-box-content h4 {
        font-size: 20px;
    }

    .counter-box span {
        font-size: 40px;
        width: 32px;
    }

    .counter-box h5 {
        font-size: 24px;
    }

    .single-chamber-box {
        height: inherit;
    }

    .product-details h4 {
        font-size: 25px;
    }

    .health-service img {
        height: 375px;
    }

    .publications-list li {
        list-style: square;
        font-size: 17px;
    }

    .about-lehman-area h4 {
        font-size: 20px;
        color: var(--color-black);
    }

    .advance-technology-area .owl-nav {
        position: absolute;
        top: 109%;
        left: 128px;
        width: 35%;
    }

    .advance-technology-content h2 {
        font-size: 24px;
    }

    .our-advance-technology {
        padding: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }

}


/* --------------------------- */
/* Custom Responsive Devices :991px */
/* --------------------------- */

@media(max-width:991px) {

    .future-shape-area {
        padding: 70px 0px;
        height: 100%;
    }

    .team-area {
        padding: 60px 0px;
    }

    .advance-technology-area {
        padding: 90px 0px;

    }

    .our-services-area {
        padding: 70px 0px;
        height: 100%;
    }

    .our-programs-area {
        padding: 60px 0px;
        height: 100%;
    }

    .addressing-root-area {
        padding: 50px 0px;
        height: 100%;
    }

    .health-center-area {
        padding: 100px 0px;
        height: 100%;
    }

    .logevity-hub-area {
        padding: 55px 0px;
        height: 100%;
    }

    .wellness-supplement-area {
        padding: 100px 0px;
        height: 100%;
    }

    .breadcumb-page {
        height: 80vh;
    }

    .breadcumb-page::before {
        height: 80vh;
    }

    .hero-main-content {
        margin-top: 0px !important;
    }

    .testimonial-area .main-heading {
        text-align: center !important;
    }

    .blog-area .main-heading {
        text-align: center !important;
    }

    .accordion-area .main-heading {
        text-align: center !important;
    }

    .celebrity-treatment-area .main-heading {
        text-align: center !important;
    }

    .counter-section .main-heading {
        text-align: center !important;
    }

    .program-heading {
        text-align: center !important;
    }

    .health-program-area .main-heading {
        text-align: center !important;
    }

    .footer-social-address .main-heading {
        text-align: center !important;
    }

    .cold-chamber-area .main-heading {
        text-align: center !important;
    }

    .health-service-area .main-heading {
        text-align: center !important;
    }

    .future-device-area .main-heading {
        text-align: center !important;
    }

    .location-area .main-heading {
        text-align: center !important;
    }

    .gallery-area .main-heading {
        text-align: center !important;
    }

    .team-area .hhhh {
        text-align: center !important;
    }

    .about-lehman-area .heading-center .main-heading {
        text-align: center !important;
    }

    .full-right-image {
        margin-right: 0;
        padding-left: 0px;
    }

    .full-right-image img {
        height: auto;
    }

    .full-left-image {
        margin-left: 0;
        padding-right: 0px;
    }

    .full-left-image img {
        height: auto;
    }

    .pl-20 {
        padding-left: 0px;
    }

    .scroll-container {
        flex-wrap: wrap;
    }

    .tab-btn {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0.2px;
        padding: 10px 10px;
        margin: 1px 5px;
        outline: none;
        display: flex;
        align-items: center;
    }

    .program_img img {
        height: 100% !important;
    }

    .collaboration-logo img {
        width: 300px;
    }

    .collaboration-logo-2 img {
        width: 300px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .about-video-area {
        height: 65vh;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .about-video-area  {
        height: 220px;
        min-height: 100%;
        margin: 40px 0;
    }
}