/* ================= RESPONSIVE ================= */
@media only screen and (max-width: 1600px) {
    .container, .container-full, .container-small {
        max-width: 1290px;
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box;
    }

    .banner-contents h1 {
        font-size: 40px;
        line-height: initial;
    }

    .banner-contents p {
        font-size: 14px;
        /* padding-right: 20%; */
    }

    .anchore-btn {
        font-size: 14px;
    }

    span.infocont b {
        font-size: 14px;
    }

    span.infocont {
        font-size: 12px;
    }

    section.cosmeticdentists-section h2, section.chooseus-about h2, .leftstory h2, .righttakecare h2, section.service-range h2, section.dental-service h2, .rightwhy h2,.midservice h2, section.dentalinsurance h2, .lefttitle h2, .leftfeatured-content h2, .leftsmile h2, section.latestblog h2, .Appointmentneww .mainappoiments-right h2, section.afterbefore-slider h2, section.testimoni-part h2, .mainappoiments-right h2, .footerfollow h2 {
        font-size: 30px;
        line-height: inherit;
    }

    section.afterbefore-slider p, .service-range p, section.dental-service p, .rightwhy p, .midservice p, section.dentalinsurance p, .rightcontent p, .teamsliders-rightdetails p, .leftfeatured-content p, .Appointmentneww .mainappoimentsdiv ul li a p, section.testimoni-part .clientreview-content p, section.testimoni-part p, section.latestblog p, .mainappoiments-right p, .leftsmile ul li {
        font-size: 14px;
        line-height: 25px;
    }

    .listtake p, .chooseitems p, .whyinfo ul li p, section.dental-service .reviewtesti p {
        font-size: 14px;
        line-height: inherit;
    }

    span.whyinfoimg svg {
        max-width: 60px;
    }

    .commonbtn a, a.knowbtn {
        font-size: 14px;
        line-height: inherit;
    }

    .whymain {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .right-banner {
        text-align: center;
    }

    section.servicesection {
        min-height: auto;
        padding: 40px 0px;
    }

    section.servicesection .slick-dots {
        bottom: -40px;
    }

    .innerbox-text {
        margin-top: 40px;
    }

    .appointment-wrapper h3, .innerbox-text h3, h3.dttitle {
        font-size: 18px;
        line-height: initial;
    }

    .innericon svg {
        max-width: 70px;
    }

    .service-item {
        margin-top: 30px;
    }

    section.dentalinsurance {
        padding: 40px 0px 60px;
    }

    .teamsliders-rightdetails p {
        padding: 7px 10px 0px 0px;
    }

    .count span {
        font-size: 5rem;
    }

    .count p {
        font-size: 20px;
    }

    .mainfill-part {
        justify-content: space-between;
        gap: 30px;
    }

    .leftsmile p {
        font-size: 14px;
        line-height: 25px;
        margin: 0;
    }

    section.testimoni-part {
        padding: 40px 0px;
    }

    section.latestblog {
        padding: 50px 0px 45px;
    }

    .blogdivbottom-conts h3 {
        padding: 0px 0px 0px 0px;
        font-size: 18px;
        line-height: inherit;
    }

    .mainappoimentsdiv ul li a p {
        font-size: 20px;
        line-height: 25px;
    }

    .mainappoimentsdiv ul span svg {
        max-width: 28px;
    }

    .mainfooter-part h2 {
        font-size: 20px;
    }

    .uls {
        gap: 50px;
    }

    .mainfooter-part ul li a, .footer-workinghour li {
        font-size: 14px;
    }

    .footerlogo-info p {
        font-size: 14px;
    }

    .copyrights {
        padding: 15px 0;
        font-size: 14px;
    }

    h3.section-title {
        font-size: 30px;
        line-height: inherit;
    }


    .blog-content .date {
        font-size: 12px;
    }

    .articledetails p, section.afterbefore-slider p, .service-range p, section.dental-service p, .rightwhy p, .midservice p, section.dentalinsurance p, .rightcontent p, .teamsliders-rightdetails p, .leftfeatured-content p, .Appointmentneww .mainappoimentsdiv ul li a p, section.testimoni-part .clientreview-content p, section.testimoni-part p, section.latestblog p, .mainappoiments-right p, .leftsmile ul li {
        font-size: 14px;
        line-height: 25px;
    }

    .listtake p, .chooseitems p, .whyinfo ul li p, section.dental-service .reviewtesti p {
        font-size: 14px;
        line-height: inherit;
    }

   
}

@media only screen and (max-width: 1180px) {
    .Appointmentneww .mainappoimentsdiv ul {
        padding: 30px;
    }

    .container, .container-full, .container-small {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .logomain {
        max-width: 200px;
    }

    .bookbutton a {
        font-size: 14px;
        line-height: initial;
    }

    .leftimg::after {
        width: 100%;
        height: 80%;
    }

    section.banner::after {
        border-radius: 300px;
        border: 55px solid rgba(66, 104, 210, 0.08);
        width: 300px;
        height: 300px;
    }

    section.banner::before {
        width: 400px;
        height: 400px;
        border-radius: 400px;
    }

    section.testimoni-part {
        border-radius: 0 0 0 63px;
    }

    .mainappoiments {
        gap: 40px;
    }

    .mainappoimentsdiv ul {
        padding: 50px 30px 30px;
    }

    .uls {
        gap: 15px;
    }

    .mainfooter-part {
        gap: 15px;
    }

    .bg-image {
        opacity: 0.5;
    }

    .contents-footer {
        flex-direction: column;
    }

    .headerfooter h2 br {
        display: none;
    }

    section.cosmeticdentists-section h2, .headerfooter h2 {
        font-size: 25px;
    }

    .bg-image {
        opacity: 0.2;
        height: 100%;
        width: 100%;
        top: 0;
    }

    .service-items {
        flex: 0 33%;
    }

    .appointment-wrapper h3, .itemscontents h3 {
        font-size: 30px;
    }

    .listtake {
        margin: 30px 0px;
    }

    .abouttakecare {
        padding-bottom: 50px;
    }

    .listtake h3 {
        font-size: 16px;
        line-height: initial;
    }

    .chooseitems h3, .coscontent h3 {
        font-size: 20px;
    }

    .Appointmentneww .mainappoiments {
        display: flex;
        gap: 30px;
        align-items: center;
    }

    .Whofor h3, .innerCost h3 {
        font-size: 30px;
        line-height: initial;
    }

    .Whofor li {
        gap: 17px;
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    span.textdivb h4 {
        font-size: 18px;
    }

    span.textdivb p {
        font-size: 16px;
        line-height: initial;
        padding: 3px 0px 0px;
    }

    .innerCost p {
        font-size: 16px;
        line-height: initial;
    }
}

@media only screen and (max-width: 1024px) {
    .container, .container-full, .container-small {
        padding-left: 30px;
        padding-right: 30px;
    }

    section.service-range.servicesrrt {
        padding: 30px 0px;
    }

    .menu-search {
        gap: 15px;
    }

    .leftsmile ul li {
        margin-bottom: 5px;
    }

    section.healthsmile {
        padding-bottom: 40px;
    }

    ul.insurance-partner a span {
        line-height: inherit;
    }

    ul.insurance-partner {
        gap: 30px;
        flex-wrap: wrap;
    }

    .team-item .slick-list {
        margin: 0;
    }

    section.servicesection {
        border-radius: 0 100px 0 0;
    }

    section.chooseus-about {
        padding: 30px 0px 50px;
    }
}

@media (max-width: 991px) {
    .faq-container {
        grid-template-columns: 1fr;
    }

    .faq-left h2 {
        font-size: 28px;
    }

    .working-hours {
        gap: 20px;
        flex-direction: column;
    }

    .leftworking {
        flex: auto;
        width: 100%;
    }

    .contact-box {
        margin-top: 20px;
        width: 100%;
    }

    .clinic-content h3, .articledetails h3, .articledetails h4 {
        font-size: 30px;
    }

    .articledetails p, .clinic-content p, .working-hours li {
        font-size: 14px;
    }

    .clinic-card {
        grid-template-columns: 1fr;
    }

    .clinic-image img {
        border-radius: 30px;
    }

    .contact-box {
        margin-top: 20px;
    }

    .articledetails img {
        margin: 20px 0px 20px;
    }

    #dentaloffice .container-full {
        flex-direction: column;
    }

    #dentaloffice .dental-image, #dentaloffice .dental-form {
        width: 100%;
    }

    #dentaloffice .form-row {
        flex-direction: column;
    }

    #dentaloffice .dental-form {
        padding: 30px 20px;
    }

    .blog-container {
        flex-direction: column;
    }
}

@media only screen and (max-width: 991px) {
    .Eligibilitymain {
        display: flex;
        gap: 15px;
        align-items: baseline;
        padding-bottom: 30px;
        flex-direction: column;
    }

    .innerCost {
        border-radius: 0 0 100px 100px;
        background: linear-gradient(180deg, #FFF 0%, #EFF5FF 49.04%, #E7FBFD 100%);
        padding: 30px 50px 40px;
    }

    .serviceareas {
        margin-top: 30px;
        gap: 15px;
    }

    .service-card {
        overflow: hidden;
        flex: 0 0 45%;
    }

    .close-menu {
        color: #ffffff;
        font-size: 40px;
    }

    .menu ul li a {
        color: #ffffff;
    }

    .bookbutton a {
        background: #00185c;
    }

    .container, .container-full,.container-small {
        padding-left: 15px;
        padding-right: 15px;
    }

    header {
        z-index: 9;
        position: relative;
    }

    .close-menu {
        display: block;
    }

    .hamburger {
        display: flex;
    }

    .menu-search {
        position: fixed;
        top: 0;
        right: -100%;
        width: 85%;
        height: 100vh;
        background: rgba(66, 104, 210, 0.98);
        padding: 30px 20px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 30px;
        transition: 0.3s ease;
        z-index: 9999;
    }

    .menu-search.active {
        right: 0;
    }

    .menu ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .menu ul li a {
        font-size: 18px;
    }

    .bookbutton a {
        width: 100%;
        justify-content: center;
    }

    section.banner {
        min-height: 652px;
        border-radius: 0 0 0 90px;
    }

    .teamsliders-leftimg {
        width: 330px;
        height: 401px;
    }

    .fieldicon-fieldmain div {
        flex: 0 100%;
    }

    section.dental-service {
        padding: 30px 0px 30px;
    }

    .leftrighttake {
        flex-direction: column;
    }

    .chooseelements {
        overflow: auto;
        justify-content: flex-start;
    }

    .chooseitems {
        flex: 0 0 41%;
    }

    .storydetails {
        flex-direction: column;
    }

    .whymainabout {
        flex-direction: column;
    }

    .rightwhy {
        width: 100%;
    }

    .cosmeticdentists-ul ul li {
        flex: 0 30%;
    }

    section.frontfrom {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .frontfrom .form-grid {
        grid-template-columns: 1fr;
    }

    .frontfrom .form-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .frontfrom .submit-btn {
        width: 100%;
        text-align: center;
    }

    .lefttdr {
        width: 100%;
    }

    .serviceareas {
        margin-top: 30px;
        gap: 15px;
    }

    .service-card {
        overflow: hidden;
        flex: 0 0 95%;
    }
}

@media (max-width: 480px) {
    .frontfrom .form-intro {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    .banner-infopart ul {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 15px;
        margin-top: 30px;
        flex-direction: column;
    }

    .banner-contents h1 {
        font-size: 30px;
    }

    .whymain {
        flex-direction: column-reverse;
    }

    .rightwhy {
        width: 100%;
    }

    section.servicesection {
        border-radius: 0 100px 0 0;
    }

    ul.insurance-partner {
        gap: 30px;
        flex-wrap: wrap;
    }

    .teamheadlines {
        gap: 30px;
        flex-direction: column;
    }

    .lefttitle {
        width: 100%;
    }

    .lefttitle h2 br {
        display: none;
    }

    .rightcontent {
        width: 100%;
        margin-bottom: 30px;
    }

    .count span {
        font-size: 50px;
    }

    .count p {
        font-size: 14px;
    }

    section.counter-area {
        border-radius: 30px 30px 0px 0px;
        padding: 30px 0px;
    }

    .mainfill-part {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .leftfeatured-content {
        width: 100%;
    }

    .leftfeatured-content h2 br {
        display: none;
    }

    .right-before-after {
        width: 100%;
    }

    .mainfill-part .slick-initialized.slick-slider.slick-dotted {
        margin-bottom: 0;
    }

    .mainfill-part .banner-btn {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .mainhealth-smile {
        gap: 20px;
        flex-direction: column-reverse;
    }

    .leftsmile {
        width: 100%;
    }

    .leftsmile h2 br {
        display: none;
    }

    a.knowbtn {
        margin-top: 0;
    }

    .clientsliders {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .clientreview-content {
        width: 100%;
    }

    .client-details {
        width: 100%;
        margin-top: 15px;
    }

    .client-details h5 {
        font-size: 14px;
        margin: 5px 0px 0px;
        padding: 0;
    }

    section.latestblog p {
        padding: 27px 0px 0px;
    }

    section.footer-appoiment {
        border-radius: 0 100px 0 0;
    }

    .mainappoiments {
        flex-direction: column-reverse;
    }

    .headerfooter h2 {
        font-size: 20px;
        text-align: center;
        line-height: inherit;
    }

    .uls {
        flex-direction: column;
    }

    .mainfooter-part {
        flex-wrap: wrap;
    }

    .mainfooter-part>div {
        flex: 0 100%;
    }

    .footer-quicklink {
        flex: 0 100% !important;
    }

    .footer-workinghour {
        flex: 0 100% !important;
    }

    .mainfooter-part ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px 5px 0px;
    }

    .footer-navigation ul {
        padding-top: 0;
    }

    .mainfooter-part>div {
        margin-top: 15px;
    }

    .left-banner {
        width: 100%;
    }

    .right-banner {
        width: 50%;
        text-align: center;
    }

    .mainbanner-part {
        flex-direction: column-reverse;
    }

    section.banner {
        min-height: auto;
        border-radius: 0 0 0 30px;
        padding-bottom: 50px;
    }

    .banner-contents p {
        padding-right: 0;
    }

    .topblog-img img {
        width: 100%;
    }

    .footerfollow .container-full {
        flex-direction: column;
        gap: 15px;
    }

    .footerfollow h2 {
        font-size: 20px;
    }

    .before-after-item {
        padding: 0;
    }

    .dentalservice-items {
        margin-top: 30px;
    }

    .service-items {
        flex: 0 90%;
    }

    .chooseitems {
        flex: 0 0 48%;
    }

    .cosmeticdentists-ul ul li {
        flex: 0 45%;
    }
}

@media only screen and (max-width: 680px) {
    .teamsliders-leftimg {
        display: none;
    }

    .teamsliders-rightdetails {
        margin-top: 0;
        padding: 30px;
    }

    .teamsliders {
        border-radius: 0px 57.02px;
        width: 100%;
        height: auto;
        background: #AEF4F2;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        min-height: auto !important;
    }

    .sharesections {
        aspect-ratio: 0;
        background: #4268D2;
        border-radius: 0;
        width: auto;
        height: auto;
        position: initial;
        top: 0;
        left: 0;
        padding: 10px 10px 5px;
        margin-bottom: 30px;
    }

    .teamsliders::after {
        display: none;
    }

    section.counter-area ul {
        justify-content: flex-start;
        overflow: auto;
    }

    .client-details {
        margin-top: 15px;
        text-align: center;
    }

    .clientimage {
        text-align: center;
        margin: 0 auto;
    }

    .clientreview-content p {
        text-align: center !important;
    }

    .footer-navigation {
        padding: 30px 0px 0px;
    }

    .whyinfo ul {
        flex-direction: column;
    }

    .footer-instra {
        margin-top: 30px;
    }

    .footerfollow {
        padding: 60px 0px;
    }

    .chooseitems {
        flex: 0 0 85%;
    }
}

@media only screen and (max-width: 480px) {
    section.cosmeticdentists-section h2, .rightwhy h2, .midservice h2, section.dentalinsurance h2, .lefttitle h2, .leftfeatured-content h2, .leftsmile h2, section.latestblog h2, .Appointmentneww .mainappoiments-right h2, section.afterbefore-slider h2, section.testimoni-part h2, .mainappoiments-right h2, .footerfollow h2 {
        font-size: 24px;
    }

    input.newsletterinput {
        width: 270px;
    }

    .footerright p {
        font-size: 12px;
        line-height: inherit;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .chooseitems {
        flex: 0 0 98%;
    }
}