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


    /* Home page */
    /* testimonial popup */

    /* get in touch */
    .get-into-section .wrapper {max-width: 90%;}


    /* Contact Page */
    .contact-banner-section h1 {top: 30%;}

}


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

    .wrapper{max-width: 90%;}
    .about-our-clinic .wrapper {max-width: 90%;}

    /* about us */
        .about-clinic-left {width: 40%;}
    .about-clinic-left:before {left: -20px;}
    .about-clinic-left img {width: 100%;}
    .about-clinic-right {width: 60%;}

    /* gallery */
    .gallery-portfolio .ngg-gallery-thumbnail-box.ngg-4-columns {width: 25%;float: none !important;}
    /* get into touch */
    .get-into-section .wrapper {margin-bottom: -200px;}

    /* Gallery Page */
    .ortho-gallery .ngg-gallery-thumbnail-box.ngg-4-columns , .pediatric-gallery .ngg-gallery-thumbnail-box.ngg-4-columns {width: 25%;float: none !important;}

}




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


    h2 {font-size: 60px;}


    /* About Our Clinic */

    .about-our-clinic {padding: 70px 0 ;}


    /* Meet our doctor */
    .meet-our-doctor {padding: 50px 0;}
    .meet-our-doctor .wrapper {gap: 50px;}


    /* Service Provide */
    .service-provide {padding: 50px  0;}
    .service-provide-head {padding-bottom: 50px;}


    /* testimonial */


    .testimonial {padding: 50px 0;}
    .testimonial-head {padding-bottom: 50px;}


    /* gallery */
    /* .gallery-portfolio {padding: 50px 0 100px;} */
    .gallery-portfolio .ngg-galleryoverview.default-view {margin-top: 0;}
    .gallery-portfolio h2 {padding-bottom: 50px;}


    /* get into touch */
    /* .get-into-section .wrapper {padding: 102px 200px;} */
}



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


    /* Banner */
    .home-banner-left p br {display: none;}


    /* About Us */
    .about-our-clinic .wrapper {flex-direction: column;gap: 20px;}
    .about-clinic-left img {width: 500px;}
    .about-clinic-right{width: 100%;}
    .about-clinic-left {width: fit-content;}


    /* Testimonial */
    .testimonial-item .testimonial-card {max-width: 80%;gap: 30px;}
    .testimonial-item .testimonial-card .item-text {max-width: 50%;}
    .owl-carousel-testimonial .owl-nav .owl-next {right: 0;}
    .owl-carousel-testimonial .owl-nav .owl-prev {left: 0;}
    .owl-carousel-testimonial .owl-nav {top: 40%;}
    .owl-carousel-testimonial .owl-nav button {top: 0;}




    /* Contact page */
    .contact-banner-section h1 {top: 20%;}

}



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




    /* Footer */
    .upper-footer {gap: 50px;}
    .about , .quick , .timing{padding-left: 0;}
    .address-section {padding-right: 0;}

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

    .desktop-header {display: none !important;}
    .mobile-header {display: flex !important;}
    #menu-toggle {display: none;}
    .menu-icon {display: flex;font-size: 30px;cursor: pointer;color: #1874ba;width: 50px;}
    .mobile-header nav {
    flex-direction: column;
    background-color: #1874ba;
    align-items: start;
    position: absolute;
    top: 140px; 
    left: 0;
    width: 100%;
    z-index: 10;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 0.3s ease-in-out;
}
#menu-toggle:checked ~ nav {
    transform: scale(1, 1);
}
.mobile-header nav {top: 110px;}


.mobile-header .sam-menu ul {
    flex-direction: column;
    row-gap: 30px;
    justify-content: space-between;
    align-items: baseline;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}
.mobile-header .sam-menu ul li {
    padding: 0;
}
.mobile-header .sam-menu ul li  a {
    color: #ffffff;
}

.mobile-header .sam-menu ul li .sub-menu li a {
    font-size: 15px;
}.mobile-header .sam-menu ul li .sub-menu li a {
    font-size: 15px;
}

.mobile-header .wa-botton .waves-effect.waves-light.ctc-analytics .ctc_cta {display: none;}
.mobile-header .wa-botton .waves-effect.waves-light.ctc-analytics svg {margin: 0;}

.mobile-header .sam-menu ul.sub-menu {
    width: 100%;
    padding: 20px 0 0 20px;
    display: none;
}
.mobile-header .sam-menu ul li .sub-menu li {
    padding-bottom: 10px;
}
.mobile-header .wa-botton .waves-effect.waves-light.ctc-analytics {padding: 0 !important;height: 50px !important;width: 50px !important;}


    h2 {font-size: 55px;}
    h1 {font-size: 60px;}
    p , .doctor-meet-info li p , .doctor-meet-info li a  , .get-into-section .wrapper p , .home-banner-left p{font-size: 17px;}
    h5 , .testimonial-item .testimonial-card .item-text h5 {font-size: 25px;}
    h4 {font-size: 25px;}
    .ortho-servide-head h4, .pediatric-service-head h4 {font-size: 20px;}

    /* Banner */
    .banner-images {width: 40%;}
    .first-circle {top: 0;height: 100px;width: 100px;}
    .banner-second-image {top: 30%;}
    .second-circle {top: 30%;left: 30%;}
    .banner-third-image {bottom: 0;left: 0;}
    .third-circle {bottom: -15%;}

    /* About us */
    .about-clinic-right-bottom {flex-direction: row;gap: 0;}
    .about-clinic-right-bottom > div {align-items: center;text-align: center;}
    .vision {padding-right: 20px;}
    .vision p br {display: none;}
    .mission {padding-left: 20px;}
    .about-clinic-right-top {flex-direction: column;gap: 20px;align-items: center;text-align: center;}


    /* meet our doctor */
    .doctor-meet-info li a {padding: 10px 20px;margin-top: 15px;}

    /* Service Provide */
    .service-provide-list-content .service-list-ul li p {font-size: 15px;}
    .ortho-service {padding-bottom: 50px;}
    .pediatric-service {padding-top: 50px;}


    /* Testimonial */
    .owl-carousel-testimonial .owl-nav {display: none;}
    .owl-carousel-testimonial .owl-dots {display: block;margin-top: 40px !important;}
    .testimonial-item .testimonial-card {max-width: 100%;padding: 20px;}
    .testimonial-item .testimonial-card .item-text h5 {padding-bottom: 20px;}
    .testimonial-item .testimonial-card .item-text p {padding-bottom: 30px;}
    .testimonial-item .testimonial-card .item-text h6 {padding-top: 40px; font-size: 20px;}



    /* Gallery */
    .view-more-button .gallery-view-more {font-size: 17px;padding: 10px 20px;}



    /* Get in touch */
    /* .get-into-section .wrapper {padding: 100px;} */
    .get-into-section .wrapper h2 {font-size: 50px;}

    /* footer */
    .upper-footer {gap: 50px 20px;display: grid;grid-template-columns: 1fr 1fr;}
    .address-section {padding-right: 40px;}
    .about P{max-width: inherit;}





    /* Contact Page */
    .conact-from-section .wrapper {margin-top: -150px;flex-direction: column;}
    .contact-from-right {padding-left: 0;border-left: none;display: flex;flex-direction: column;align-items: center;}
    .contact-from-left {padding-right: 0;}
    .contact-from-right-info .address-section {display: flex;flex-direction: column;align-items: center;}
    .contact-from-right-info .address-section > div p br {display: none;}


    /* Gallery Page */
    .gallery-banner-section h1 {top: 40%;}
    .ortho-gallery h2, .pediatric-gallery h2 {font-size: 50px;}


    /* Our Doctor tab */
    .tab button {padding: 10px 10px;font-size: 13px;}
    .case-study-content p {font-size: 15px;}
    .dr-chinmoy-video{gap: 10px;}
    .dr-chinmoy-video iframe {height: auto;width: 100%;}
    .academic-profile-content ul li , .awards-and-chivements-content p , .awards-and-chivements-content p , .attachments-content ul li p , .operations-content ul li , .qualification-content ul li p , .appointment-content ul li ul li p , .professional-experience-content ul li ul li , .awards-content ul li , .publication-content p , .attachments-content ul li , .publication-ul-subheadings li{font-size: 15px;}
    .about-doctor-section .wrapper {flex-direction: column-reverse;}
}


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

    h5, .testimonial-item .testimonial-card .item-text h5 {font-size: 20px;}
    h1 {font-size: 50px;}
    h2 {font-size: 40px;}
    p, .doctor-meet-info li p, .doctor-meet-info li a p, .get-into-section .wrapper p, .home-banner-left p {font-size: 15px;}

    h3 {font-size: 30px;}

    /* Header */


 .mobile-header .sam-menu ul li .sub-menu {
    display: none;
    padding: 15px 15px 0;
}
.mobile-header .sam-menu ul li .sub-menu li {
    padding-bottom: 15px;
}
.mobile-header .sam-menu ul li .sub-menu li:last-child {
    padding-bottom: 0;
}



    /* Banner */
    
    .home-banner {padding: 40px 0;}
    .home-banner-right {display: none;}
    .home-banner-left {width: 100%;align-items: center;text-align: center;gap: 20px;}
    .home-banner-left p {border-left: none;padding: 0;}

    /* About */
    .about-clinic-left img {width: 350px;}
    .about-clinic-left:before {left: -10px;}
    .about-our-clinic {padding: 30px 0;}
    img.mouse-down {top: -25px;height: 50px;width: 50px;}

    /* meet our doctor */
    .meet-our-doctor {padding: 30px 0;}
    .meet-our-doctor .wrapper {gap: 30px;}
    .doctor-meet-info li p span {font-size: 16px;}
    .doctor-meet-info li h5 { padding-top: 25px;}
    .doctor-meet-info li {padding-bottom: 25px;}


    /* Service provide */
    .service-provide {padding: 30px  0;}
    .service-provide-head {padding-bottom: 30px;}
    .service-provide-list-content .service-list-ul {
    /* display: grid; */
    /* grid-template-columns: 1fr 1fr; */
    flex-wrap: wrap;
    justify-content: center;
    }
    .service-provide-list-content .service-list-ul li {width: 45%;}


    /* testimonial */
    .testimonial {padding: 30px 0;}
    .owl-carousel-testimonial .owl-dots {margin-top: 20px !important;}
    .testimonial-head {padding-bottom: 30px;}
    .testimonial-item .testimonial-card .item-text h6 {font-size: 17px;}


    .testimonial-popup h3 {font-size: 20px;}
    .testimonial-popup h5 {font-size: 15px;}
    .testimonial-popup h6 {font-size: 13px;}
    .testimonial-popup p {font-size: 14px;}
    .testimonial-popup {width: 90%;}


    /* Gallery */
    .gallery-portfolio {padding: 30px 0 80px;}
    .gallery-portfolio h2 {padding-bottom: 30px;}
    .gallery-portfolio .ngg-gallery-thumbnail-box.ngg-4-columns {width: 30%;}
    .gallery-portfolio .ngg-galleryoverview.default-view {margin-bottom: 30px;}
    .view-more-button .gallery-view-more {font-size: 15px;}

    /* Get in touch */
    .get-into-section .wrapper {padding: 50px;}
    .get-into-section .wrapper h2 {font-size: 40px;}

    /* footer */
    .lower-footer {flex-direction: column;padding: 40px 0;gap: 20px;}




    /* Conact Page */
    .conact-from-section .wrapper {margin-top: -50px;}
    .contact-banner-section h1 {top: 40%;}


    /* Gallery Page */
    .ortho-gallery .ngg-gallery-thumbnail-box.ngg-4-columns , .pediatric-gallery .ngg-gallery-thumbnail-box.ngg-4-columns {width: 30%;}
    .gallery-section .wrapper {padding: 40px 0 0;}
    .gallery-banner-section h1 {top: 35%;}
    .ortho-gallery h2, .pediatric-gallery h2 {font-size: 45px;}


    /* Our Doctor Tab */
    /* .our-doctor-content .wrapper {position: relative;} */
    .tab {flex-direction: column;gap: 10px;}
    .tabcontent {border: none;padding-top: 10px;}
    /* .academic-profile-content {padding: 20px 0 140px;}
    .awards-and-chivements-content {padding: 20px 0 170px;} */
    .dr-chinmoy-video {flex-direction: column;}
    .our-doctor-content {min-height: 500px;}
    .academic-profile-content , .awards-and-chivements-content , .publication-content ,.attachments-content , .operations-content , .case-study-content , .treatments-content , .qualification-content , .appointment-content , .professional-experience-content , .awards-content{padding: 10px 0 0;}
    .publication-content h4 , .attachments-content h4 , .treatments-content h4{padding: 0 0 10px;font-size: 16px;}
    .operations-content h4 , .case-study-content h4 , .appointment-content h4 , .professional-experience-content h4{padding: 0 0 20px;font-size: 16px;}

    .appointment-content ul , .professional-experience-content ul , .publication-ul-headings , .attachment-ul-headings , .operations-ul-headings {padding-left: 0 !important;}
    .appointment-content ul li ul , .professional-experience-content ul li ul {padding-left: 30px;}

    .our-doctor-banner-section h1 {font-size: 40px;white-space: nowrap;}
    .about-doctor-text-content h3 {padding: 0 0 10px;}

    .academic-profile-content ul , .attachments-content ul li ul , .operations-content ul li ul , .publication-content ul li ul , .qualification-content ul , .awards-content ul {padding-left: 0;}




}



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


    /* testimonial */

    .testimonial-item .testimonial-card .item-image img {object-fit: cover;max-width: 100% !important;}
    .testimonial-item .testimonial-card .item-text {max-width: 100%;text-align: center;}
    .testimonial-item .testimonial-card {max-width: 100%;flex-direction: column;}
    .testimonial-item .testimonial-card .item-text h6 {padding: 20px 0 0;}



    /* Meet doctor */
    .doctor-meet-info {flex-direction: column;gap: 30px;}


    /* gallery */
    .gallery-portfolio .ngg-gallery-thumbnail-box.ngg-4-columns {width: 40%;}
    .gallery-portfolio h2{padding-bottom: 30px;}


    /* Footer */
    .upper-footer {gap: 30px 20px;grid-template-columns: 1fr;}
    .address-section{border-top:none}
    .footer-logo-section {border-right: none;}


    /* Contact page */
    .contact-from-left-content form .name-email p {flex-direction: column;}
    .conact-from-section .wrapper {padding: 30px;}


    /* Gallery Page */
    .ortho-gallery .ngg-gallery-thumbnail-box.ngg-4-columns , .pediatric-gallery .ngg-gallery-thumbnail-box.ngg-4-columns {width: 40%;}
    .gallery-section .wrapper {margin-top: -100px;}
    .gallery-banner-section h1 {top: 40%;}
    .ortho-gallery h2, .pediatric-gallery h2 {font-size: 35px;}
}



@media screen and (max-width: 550px){
    h1 {font-size: 35px;}
    h2 {font-size: 28px;text-align: center;}
    h3 {font-size: 25px;}



    /* Header */
    .mobile-header .logo img {width: 150px;margin: 0 auto;}
    .mobile-header nav {top: 80px;}
    .mobile-header .wa-botton .waves-effect.waves-light.ctc-analytics { height: 40px !important;width: 40px !important;}
    .mobile-header .wa-botton .waves-effect.waves-light.ctc-analytics svg {height: 20px;width: 20px;}

    /* banner */
    .about-clinic-left img {width: 300px;border: 5px solid #fff;}
    .about-clinic-left:before {left: -5px;}
    

    /* about our clinic */
    .about-clinic-right-bottom {flex-direction: column;gap: 20px;}
    .about-clinic-right-bottom > div {width: 100%;}
    .vision {padding-right: 0;border-right: none;}
    .mission {padding-left: 0;}
    .about-clinic-right-bottom > div {gap: 15px;}

    /* meet our doctor */
    .meet-our-doctor .wrapper {gap: 20px;}


    /* Service Provide */
    .service-provide-list-content .service-list-ul {grid-template-columns: 1fr;display: grid;}
    .service-provide-list-content .service-list-ul li {width: 100%;}

    /* testimonial */
    .testimonial-head {padding-bottom: 20px;}
    .testimonial-popup {position: absolute;}


    /* get in touch */
    .get-into-section .wrapper h2 {padding-bottom: 10px;font-size: 24px;}
    .get-into-section .wa-botton .waves-effect.waves-light.ctc-analytics .ctc_cta {display: none;}
    .get-into-section .wa-botton .waves-effect.waves-light.ctc-analytics svg {margin-right: 0 !important;}
    .get-into-section .wa-botton .waves-effect.waves-light.ctc-analytics {padding: 0 !important;height: 50px !important;width: 50px !important;}


    /* Footer */
    .footer-logo-section {flex-direction: column;align-items: center;border-right: none;display: flex;}
    .about, .quick, .timing {flex-direction: column; align-items: center;text-align: center;}
    .address-section {padding-right: 0;align-items: center;gap: 15px;}
    .lower-footer {flex-direction: column;padding: 40px 0;gap: 10px;text-align: center;}
    .lower-footer p {font-size: 10px;}
    .lower-footer span {font-size: 10px;}
    .address-section > div {justify-content: center;align-items: center;}
    .address-section > div p {text-align: center;}
    .footer-logo img {padding-bottom: 0;}
    .upper-footer {padding-top: 230px;}
    .address-section > div {flex-direction: column;gap: 10px;}

    /*  */


    /* Contact Page */
    .conact-from-section .wrapper {margin-top: -30px;}
    .contact-banner-section h1 {text-align: center;white-space: nowrap;}
    .contact-from-left-content form input , .contact-from-left-content form textarea {padding: 10px 15px !important;font-size: 12px;}
    .contact-from-left-content form input.submit-contact-from {padding: 5px !important;}
    .math-captch-class p {font-size: 12px;}
    


    /* Our doctor tab */
    .academic-profile-content ul li, .awards-and-chivements-content p, .awards-and-chivements-content p, .attachments-content ul li p, .operations-content ul li, .qualification-content ul li p, .appointment-content ul li ul li p, .professional-experience-content ul li ul li, .awards-content ul li, .publication-content p , .case-study-content p, .attachments-content ul li , .publication-ul-subheadings li {font-size: 13px;}
    .publication-content h4, .attachments-content h4, .treatments-content h4 , .awards-and-chivements-content h4 , .operations-content h4, .case-study-content h4, .appointment-content h4, .professional-experience-content h4 {font-size: 14px;}

    .tab button {padding: 10px 5px;}

    .about-doctor-section .wrapper {flex-direction: column-reverse;}
    .about-doctor-text-content p {text-align: center;font-size: 13px;}
    .about-doctor-text-content h3 {padding: 0 0 10px;text-align: center;}    
    .about-doctor-text-content h4 {text-align: center;font-size: 20px;}

    .our-doctor-banner-section h1 {font-size: 30px;}
    .about-dcotor-image-content img {width: 100%;}


}



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

    /* Gallery Page */
    .ortho-gallery h2, .pediatric-gallery h2 {font-size: 25px;}
    .ortho-gallery .ngg-galleryoverview , .pediatric-gallery .ngg-galleryoverview {margin-top: 10px;margin-bottom: 30px;}
    .gallery-section .wrapper {padding: 20px 0 0;}


    /* home page--about our clinic */
    .about-clinic-right-bottom > div img {height: 60px;width: 60px;padding: 15px;}


    /* our doctor tab */
    .our-doctor-banner-section h1 {font-size: 25px;}
    .academic-profile-content ul li, .appointment-content ul li ul li, .qualification-content ul li, .professional-experience-content ul li ul li, .awards-content ul li, .academic-profile-content ul li, .publication-ul-subheadings li, .attachments-content ul li ul li, .operations-content ul li ul li {
    background-size: 12px;}

    


}