@media (min-width: 1400px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1825px;

    }

}



@media (max-width: 1699px) {
.sticky-navbar nav.navbar-main #main-menu>li a{
    padding: 9px 10px;
}

.right-header{
    gap: 16px;
}

}

@media (max-width: 1599px) {

    #navbarNavDropdown {

        display: none;

    }

}



@media (max-width:1399px) {



    .re-meet-wrapper,

    .re-smile-wrapper {

        grid-template-columns: 1fr 1fr;

    }



    .re-meet-right {

        padding-top: 100px;

        padding-bottom: 100px;

        padding-left: 4vw;

    }



    .re-smile-left img {

        object-fit: contain;

        object-position: bottom;

    }



    .re-smile-right {

        padding-top: 100px;

        padding-bottom: 100px;

        padding-right: 30px;

    }



    .test-card .quote-img {

        left: 0;

    }



    .re-honors-award-content-inner{

        column-gap: 50px;

        row-gap: 80px;

    }



    .meet-dc-right{

        width: 45%;

    }



}



@media (max-width:1299px) {

    .re-desk-lo {

        display: none !important;

    }



    .hero-card {

        padding: 20px 10px;

    }



    .hero-card .h-card-title p {

        line-height: normal;

    }

}



@media (max-width: 1199px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 100%;

    }



    .re-cta-inner {

        grid-template-columns: 1fr;

        gap: 40px;

        padding: 60px;

    }



    .re-cta-right {

        justify-content: start;

    }



    .re-blog-wrapper .section-title {

        padding-top: 90px;

    }



    .re-blog-card-wrapper {

        margin-top: 50px;

    }



    .treat-overlay p {

        line-height: 1.6;

    }



        .pt-100{

        padding-top: 80px;

    }



    h1{

        font-size: 55px;

    }



    .hero-title{

        padding: 80px 0;

    }



    .re-contact-wrapper{

        grid-template-columns: 1fr 1.2fr;

    }



    .re-smile-card-wrapper{

        gap: 20px;

    }



    .re-blog-detail-wrapper{

        gap: 60px;

        grid-template-columns: 2fr 1.2fr;

    }

}



@media (max-width:991px) {

    .content-img-full .re-lr-left p{
        height: auto;
    }
    .content-img-full .re-lr-left p img{
    height: auto;
    margin-bottom: 30px;
    }

    .re-blog-page-img{
        height: 350px;
    }

    .re-mt-0 .re-c-lr-wrapper{
        margin-top: 0;
    }

    .re-invi-raon-sec .re-meet-wrapper{
        grid-template-columns: 1fr;
    }


    .re-blog-detail-wrapper{

        grid-template-columns: 1fr;

        gap: 30px;

    }



    .test-card{

        padding: 80px;

    }

    .insta-wrapper img{

        width: 50px;

    }

    .re-footer-wrapper {

        grid-template-columns: repeat(2, 1fr);

    }



    .hero-card-wrapper {

        grid-template-columns: repeat(2, 1fr);

    }



    .hero-card {

        justify-content: start;

    }



    .re-mob-icons {

        display: flex !important;

    }



    .re-shedule-btn {

        display: none;

    }



    .re-treatment-section {

        padding: 60px 0;

    }



    .re-blog-wrapper .section-title {

        padding-top: 60px;

    }



    .re-blog-wrapper {

        padding-bottom: 60px;

    }



    .re-treat-wrapper {

        margin-top: 50px;

    }



    .re-meet-left {

        max-height: 500px;

    }



    .re-meet-wrapper,

    .re-smile-wrapper {

        grid-template-columns: 1fr;

    }



    .section-title h2 {

        font-size: 32px;

    }



    .play-btn {

        bottom: 50px;

        right: 50px;

    }



    .treat-overlay p {

        margin-bottom: 10px;

    }



    .treat-overlay h6 {

        font-size: 20px;

    }



    .re-treat-wrapper {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }



    .re-smile-left {

        order: 2;

        max-height: 500px;

    }



    .re-smile-right {

        padding: 100px 20px;

    }



    .test-card .quote-img {

        left: 50%;

        transform: translate(-50%, 0);

    }



    .re-testimonial-slider .swiper-button-next, 

    .re-testimonial-slider .swiper-button-prev{

        top: 35%;

    }



    .pt-100{

        padding-top: 60px;

    }



    .hero-title{

        padding-left: 40px;

        padding-right: 40px;

    }



      h1{

        font-size: 42px;

    }

    p{

        font-size: 16px !important;

    }



    .hero-card .h-card-img{

        width: 50px;

        height: 50px;

        flex-shrink: 0;

    }



    .hero-bg{

        padding: 30px 30px;

    }

    .re-inner-banner{

        margin-top: 30px;

        margin-left: 30px;

        margin-right: 30px;

    }

    .wps-header-navbar-wrap{

        padding: 50px 30px;

    }

    /* .re-inner-banner-wrapper{

        min-height: 50dvh;

    } */

    .re-access-content-section{

        padding-top: 60px;

    }



    .re-c-lr-wrapper{

        grid-template-columns: 1fr;

        margin-top: 60px;

        gap: 0;

    }



    .section-title span{

        line-height: 1.5;

    }



     .re-contact-wrapper{

        grid-template-columns: 1fr;

    }



    .re-honors-award-content-inner{

        grid-template-columns: 1fr 1fr;

        row-gap: 50px;

    }



    .re-honors-award-content-inner p{

        line-height: 1.6;

    }

    .re-honors-award-content{

        padding-top: 60px;

    }

    .pb-100{

        padding-bottom: 60px;

    }



    .meet-dc-left{

        position: static;

    }

    .meet-dc-wrapper{

        flex-direction: column;

    }

    .meet-dc-right{

        width: 100%;

    }

    .meet-dc-right{

        padding: 60px 0;

    }



    .re-left-right-wrapper,

    .re-steps-wrapper{

        grid-template-columns: 1fr;

    }

    .re-steps-wrapper{

        padding-top: 60px;

    }

    .re-left-right-wrapper{

        padding-bottom: 60px;

    }

    .re-left-right-wrapper{

        margin-top: 50px;

    }



    .re-smile-card-wrapper{

        grid-template-columns: repeat(3, 1fr);

    }



    .re-meet-team-single{

        gap: 40px;

    }

    .re-meet-team-all-member-bio{

        gap: 50px;

    }

    .re-meet-team-all-member-bio,

    .re-meet-the-team-section{

        padding-top: 60px;

    }

    .re-simple-content-wrapper{

        padding-top: 60px;

    }

    .first-visit-sec .re-meet-wrapper{

        margin-top: 60px;

    }

    .first-visit-sec,

    .re-services-all-content{

        padding-top: 60px;

    }



    .re-services-all-content .section-title{

        margin-bottom: 60px;

    }



    .re-service-left-right-single-sec{

        grid-template-columns: 1fr;

        gap: 30px;

    }



    .re-service-left-right-single-sec:nth-child(even) .re-service-sec-img{

        order: 1;

    }

    .re-service-left-right-single-sec:nth-child(even) .re-service-sec-detail{

        order: 2;

    }

    .re-services-left-right-sec-wrapper{

        gap: 40px;

    }



    .re-invi-raon-sec .re-meet-right{

        padding-top: 80px;

        padding-bottom: 80px;
    }

    .re-error-content{
        padding-top: 60px;
    }

    .re-appointment-form-sec{
        padding: 60px 0;
    }



    .dr-bio-card{

        gap: 50px;

    }

    .re-dr-about-us-section .section-title{

        margin-bottom: 60px;

    }

    .dr-about-us-sec{

        padding: 60px 0;

    }



    .re-about-full-img{

        height: auto;

    }



    .re-about-img-content{

        padding: 150px 12px;

    }



    .re-why-choose-card-content-sec{

        grid-template-columns: 1fr;

    }

    .re-why-choose-us-section .section-title{

        margin-bottom: 60px;

    }

    .re-why-choose-us-sec-wrapper{

        padding-top: 60px;

    }



    .re-blog-page-grid{

        row-gap: 40px;

        column-gap: 20px;

    }

}



@media (max-width:767px) {

    .re-dr-img img,
    .re-single-dr-img img{
        width: 100%;
        height: auto;
    }



    .re-blog-page-grid{

        grid-template-columns: 1fr;

    }



    .re-mob-call-desk {

        display: none !important;

    }



    .re-mob-call-icon {

        display: flex !important;

    }

    .header-brand{

        width: auto;

    }

    .header-brand svg{

        width: 180px;

    }

    h1{

        font-size: 36px;

    }



    .re-meet-right{

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .re-smile-right{

        padding: 60px 20px;

    }

    .test-card{

        margin-top: 40px;

    }

    .test-card h3{

        font-size: 16px;

        line-height: normal;

    }

    .test-card{

        padding: 60px 40px;

    }



    .re-meet-team-single{

        grid-template-columns: 1fr;

    }

    .re-singe-dr-detail{

        padding: 0;

    }



    .re-c-lr-wrapper{

        margin-top: 50px;

    }

    .first-visit-sec .re-meet-wrapper{

        margin-top: 50px;

    }

    .re-service-odd-even-section .section-title h2{

        margin-bottom: 10px;

    }



    .dr-bio-card{

        grid-template-columns: 1fr;

    }



}



@media (max-width:700px) {

    .re-treat-wrapper {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 20px;

    }



    .re-honors-award-content-inner{

        grid-template-columns: 1fr;

    }

}



@media (max-width:575px){

    .re-our-smile-section{
        padding-top: 0;
    }


    .re-blog-detail-inner-banner .re-inner-banner-wrapper,

    .re-inner-banner-wrapper{

        padding-left: 0;

        padding-right: 0;

    }





    .re-blog-detail-recent-wrapper ul{

        margin-top: 20px;

    }



     .re-inner-banner{

        margin: 0;

    }



    .re-why-choose-us-section .section-title{

        margin-bottom: 50px;

    }



    .re-why-choose-img{

        width: 55px;

        height: 55px;

    }

    .re-why-choose-single-card{

        gap: 16px;

    }



    .re-why-choose-card-content-sec{

        row-gap: 30px;

    }



    .re-about-img-content{

        padding: 100px 12px;

    }



    .re-meet-team-single{

        gap: 24px;

    }



    .re-meet-team-all-member-bio{

        gap: 30px;

    }



    .re-smile-card-wrapper{

        grid-template-columns: 1fr 1fr;

    }

    .section-title h2{

        font-size: 30px;

    }

    .re-blog-wrapper .section-title{

        padding-top: 50px;

    }

    .insta-wrapper img{

        width: 40px;

    }

    p{

        line-height: 1.6 !important;

    }

    .re-meet-right{

        padding: 60px 20px;

    }



    .wps-header-navbar-wrap .header-cta-button{

        gap: 13px;

    }

    .header-right-section{

        gap: 14px;

    }

    .custom_side-menu{

        width: 100%;

    }



    .hero-bg{

        padding: 0;

    }

    .wps-header-navbar-wrap{

        padding: 10px 0;

    }



    .hero-title{

        padding-left: 0;

        padding-right: 0;

        padding-top: 0;

        padding-bottom: 50px;

    }



    .hero-card-wrapper{

        padding-left: 0;

        padding-right: 0;

    }

    .hero-card .h-card-title p{

        font-size: 14px !important;

    }

    .hero-card .h-card-img{

        width: 45px;

        height: 45px;

    }

    .hero-card{

        gap: 12px;

    }



    .re-cta-inner{

        padding: 50px 20px;

    }



    .home-hero-wrapper{

        min-height: auto;

    }



    .sticky-navbar .sticky-navbar-container{

        padding-left: 0;

        padding-right: 0;

    }

    .sticky-navbar .sticky-right-section{

        gap: 13px;

    }



    .home-hero-wrapper{

        padding: 100px 0 50px;

    }



    .re-inner-banner-wrapper{

        min-height: auto;

    }



    .re-blog-section{

        padding-top: 60px;

    }



    .contact-card .contact-icon{

        width: 40px;

        height: 40px;

        flex-shrink: 0;

    }

    .re-contact-right{

        padding: 40px 12px;

    }

    .contact-card{

        gap: 18px;

    }



    .re-footer-wrapper{

        column-gap: 20px;

    }



    .re-footer-card ul li a{

        width: 30px;

        height: 30px;

    }



    .re-honors-award-content{

        padding-top: 50px;

    }



    .re-logo-wrapper{

        grid-template-columns: repeat(3, 1fr);

    }

}



@media (max-width:500px){

    .re-treat-wrapper{

        grid-template-columns: 1fr;

    }



    .treat-img{

        max-height: 350px;

        height: 100%;

    }

    .treat-img img{

        height: 100%;

    }

}



@media (max-width:425px){

    .hero-card{

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

    }

    .hero-card .h-card-title p{

        font-size: 12px !important;

    }



    .header-brand svg{

        width: 145px;

    }

}