@media (max-width: 1440px) {
    .ao-li-rc-bg {
        position: absolute;
        right: 0px;
        bottom: 0;
    }
}

@media(max-width: 1299px) {
    .ao-privacy-policy-sec {
        padding: 48px 0 80px;
    }

    .ao-dr-meet .ao-dr-meet-img {
        width: 50%;
    }

    .ao-dr-meet-content {
        width: 50%;
        height: 578px;
    }

    .ao-location-contact-map {
        max-width: 316px;
        width: 100%;
    }

    .ao-location-contact-inner {
        padding: 80px 0;
    }
}

@media (max-width: 1199px) {
    .card .ao-slide-card-content {
        padding: 30px;
    }
}

@media (max-width: 1024px) {
    .ao-team-group-img{
        height: auto;
    }
    .ao-content-section-wrapper .ao-content-right{
        height: auto;
    }
    .ao-li-wrapper .ao-ri-left {
        max-width: 50%;
        width: 100%;
    }

    .ao-li-wrapper .ao-rc-right {
        max-width: 50%;
    }

    .ao-li-rc-section .container-fluid {
        padding-right: 40px;
        padding-bottom: 40px;
    }

    .ao-li-wrapper .ao-ri-left {
        height: auto;
    }

    .ao-li-wrapper .ao-rc-right {
        padding-top: 40px;
    }

    .ao-li-wrapper .ao-ri-left img {
        object-position: center;
    }

    .ao-lc-wrapper .ao-ri-right {
        padding-left: 80px;
    }

    /* .ao-journy-right {
        height: 50vh;
        padding-left: 40px;
        padding-right: 40px;
    } */

    .ao-journy-left .ao-journy-left-content {
        height: 50vh;
        gap: 8px;
    }


    .ao-journy-container {
        height: auto !important;
    }

    .ao-about-main-sec .location-content:after {
        display: none;
    }

    .ao-after-before-banner .location-content {
        max-width: 50%;
        margin-left: 0px;
    }

    .ao-find-section {
        padding: 80px 40px 100px !important;
    }

    .ao-find-service-sec {
        padding: 100px 40px 100px !important;
    }

    .ao-find-section .container-fluid {
        padding: 0;
    }

    .section-title-wrapper {
        transform: translate(0);
        max-width: 49%;
    }

    .ao-class-care .ao-class-bg img {
        object-position: -49px -30px !important;
    }

    .logo-right {
        max-width: 100%;
        margin-top: 20px;
    }

    .ao-logo-slider {
        height: auto;
        padding: 30px 0;
    }
}

@media (max-width: 1099px) {
    .ao-locationpage-card .ao-smile-content h3 {
        font-size: 30px;
    }
}


@media(max-width: 991px) {
    .ao-autoplay-slider-location{
        padding-top: 0px;
    }
    .ao-thank-you-sec {
    height: 91vh;
    }
    .ao-thank-you-content .ao-thank-you-title h2 {
    text-align: center;
   
    }
    .ao-thank-you-content .ao-thank-you-text p {
    text-align: center;
    }
    .ao-thank-you-content {
    width: 100%;
    }
    .ao-thank-you-content {
    padding: 59px 31px;
    }
    .ao-faq-sec h2 {
        font-size: var(--size--3rem);
        padding-bottom: 60px;
    }

    .ao-privacy-policy-content {
        padding: 56px 0;
    }

    .ao-privacy-policy-sec {
        padding: 40px 0 80px;
    }

       .ao-privacy-policy-content {
        max-width: 801.578px;
        margin: 0 auto;
        padding: 96px 6px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }

    .ao-privacy-policy-content .ao-privacy-policy-text h3 {
        font-size: var(--h3--font-size);
        font-weight: 800;
        margin-bottom: 15px;
        line-height: 110%;
    }

    .ao-title {
        font-size: var(--size--3rem);
    }

    .form-section .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ao-location-content-inner h1 {
        font-size: var(--size--3rem);
    }

    .ao-locationpage-card .ao-smile-card-wrapper .ao-smile-card {
        max-width: 31%;
        width: 100%;
    }

    .ao-location-contact-inner {
        padding: 60px 0;
    }

    .ao-locationpage-card .ao-smile-card-wrapper {
        flex-wrap: wrap;
    }

    .ao-after-before-banner h1 {
        font-size: var(--size--3rem);
    }

    .logo-flex {
        flex-direction: column;
        width: 100%;
    }

    .section-title-wrapper h2 span {
        font-size: var(--size--3rem) !important;
    }

    .ao-footer-box-detail-content {
        display: grid;
        grid-template-columns: auto auto;
    }

    .ao-dr-meet .ao-dr-meet-img {
        width: 50%;
    }

    .ao-dr-meet-content {
        width: 50%;
        height: 437px;
    }

    .ao-dr-meet {
        gap: 41px;
    }

    .ao-dr-meet .ao-dr-meet-content h2 {
        font-size: 42px;
    }

    .ao-dr-meet .ao-dr-meet-content h2>span {
        font-size: var(--size--3rem);
    }

    /* .section-title-wrapper {
        max-width: 750px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translateX(-82px);
    } */

    .ao-smile-card-wrapper {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ao-smile-card-wrapper .ao-smile-card {
        max-width: 48%;
        width: 100%;
    }

    .section-wrapper {
        flex-direction: column-reverse;
    }

    .left-content {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }

    .left-content h2 {
        width: 100%;
        text-align: center;
    }

    .card-name-display span {
        font-size: var(--size--3rem);
    }

    .card-name-display {
        height: 0;
        position: relative;
        overflow: visible;
    }

    .ao-slider-control {
        width: 100%;
    }

    .card-name-display span {
        width: auto;
    }

    .slider-area {
        width: 100%;
    }

    .benefits-section {
        padding: 52px 0;
    }

    .ao-content-left span {
        font-size: var(--size--3rem);
    }

    .ao-content-section-wrapper .ao-content-right {
        /* max-width: 676px;
        height: 676px; */
        max-width: 50%;
        max-height: 100%;
        position: relative;
    }

    .ao-content-section-wrapper {
        gap: 42px;
    }

    .ao-content-cta-section {
        padding: 60px 0;
    }

    .ao-dr-meet {
        padding: 60px 0;
    }

    .section-title-wrapper {
        max-width: 50%;
    }

    .ao-class-care .ao-class-bg {
        width: 70%;
    }

    .ao-class-title-main {
        margin: 40px 0;
    }

    .ao-about-comfort-img {
        width: 50%;
        max-height: 70%;
    }




    .ao-blogs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ao-sec-title h2 {
        font-size: var(--size--3rem);
        padding: 40px 0;
    }

    .ao-faq-btn-content {
        margin-top: 60px;
    }

    .ao-location-titlecontent-section {
        padding: 90px 0;
    }

    .ao-location-content-inner {
        margin-bottom: 48px;
    }

    .ao-location-contact-map {
        max-width: 300px;
        width: 100%;
    }
}

@media(max-width: 992px) {
    .ao-breces-in-chandler-sec-detail {
        height: 600px;
        padding: 128px 0;
    }

    .ao-lc-left .ao-lc-title h1 {
        font-size: var(--size--3rem);
    }

    .small-icon-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

    .ao-footer-first .ao-footer-title h2 span {
        font-size: var(--size--3rem);
    }

    .card-name-display {
        height: 50px !important;
        width: 100% !important;
    }

    .ao-banner-content .ao-auther span {
        font-size: 54px;
    }

    .section-title-wrapper h2 {
        line-height: 1;
    }

    .section-title-wrapper p br {
        display: none;
    }

    .section-title-wrapper {
        padding-right: 40px;
    }

    .navbar .cta-contact {
        display: none;
    }

    .navbar .cta-toggle-btn .book-btn {
        display: none;
    }

    .nav-menu-wrapper.active {
        display: flex;
        flex-wrap: wrap;
        row-gap: 30px;
        height: calc(100dvh - 72px);
        overflow: scroll;
    }

    .nav-menu-wrapper .nav-menu-links h3 {
        font-size: 1.5rem;
    }

    .nav-menu-wrapper .nav-menu-links ul {
        gap: 10px;
    }

    .ao-about-comfort-sec .ao-about-comfort-content-detail {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: start;
    }




    .ao-review-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sec-gap {
        padding: 64px 0;
    }



    .ao-faq-content {
        gap: 48px;
    }

    .ao-faq-btn-content-text,
    .ao-faq-btn-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media(max-width: 840px){
    .ao-lc-left .ao-lc-left-btn{
        display: flex;
        flex-direction: column;
    }
    .ao-lc-left .ao-lc-left-btn a{
        width: max-content;
    }
}

@media(max-width: 800px) {
    .ao-location-contact-map {
        max-width: 227px;
        width: 100%;
    }
}

@media (max-width: 791px) {
    .ao-dr-detailtab-inner .tab-btn {
        padding: 11px 8px;
        width: fit-content;
        font-size: 15px;
    }

    .ao-dr-detailtab-inner .container {
        padding: 0px !important;
    }

    .ao-rc-right .ao-rc-btn {
        display: flex;
        flex-direction: column;
    }

}

@media (max-width: 768px) {
    .ao-dream-smile{
        padding-top: 50px;
    }
    .benefits-left{
        max-width: 100%;
        width: 100%;
    }
    .dr-detailtab-inner {
        display: flex;
        gap: 48px;
        flex-direction: column-reverse;
    }

    .ao-dr-detailtab-image {
        max-width: 100%;
    }

    .ao-dr-detailtab-detail {
        max-width: 100%;
    }

    .ao-privacy-policy-sec {
        padding: 10px 0 60px;
    }

    .ao-privacy-policy-content .ao-privacy-policy-title p {
        font-size: 30px;
    }

    .ao-lc-ri-bg {
        display: none;
    }

    .ao-lc-left .ao-lc-left-btn {
        display: flex;
        flex-direction: column;
    }

    .ao-lc-left .ao-lc-left-btn a {
        width: max-content;
    }

    .ao-lc-wrapper .ao-ri-right {
        padding-left: 20px;
    }

    .ao-about-confort-bg {
        display: none;
    }

    .ao-journy-left .ao-journy-left-content {
        height: auto;
    }

    .ao-journy-bglogo {
        display: none;
    }

    .ao-journy-container {
        flex-direction: column-reverse;
        min-height: auto;
    }

    .ao-journy-left {
        max-width: 100%;
        padding: 70px 0 40px 0;
    }

    .ao-journy-right {
        position: relative;
        max-width: 100%;
    }

    .ao-journy-right img{
        width: 100%;
    }

    .ao-journy-bglogo {
        bottom: -40px;
        left: 10px;
        font-size: 180px;
    }
}

@media(max-width: 767px) {
    .ao-dr-meet .ao-dr-meet-img{
        max-width: 100%;
    }

    .ao-braces-in-chandler-image {
    width: 100%;
    height: 100%;
    margin-top: 35px;
}



    .ao-li-wrapper {
        display: flex;
        flex-direction: column;
    }

    .ao-li-rc-section .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
    }

    .ao-li-wrapper .ao-ri-left {
        max-width: 100%;
    }

    .ao-li-wrapper .ao-rc-right {
        max-width: 100%;
    }

    .ao-li-rc-bg {
        display: none;
    }

    .ao-rc-right .ao-rc-btn {
        display: flex;
        flex-direction: row;
    }

    .ao-li-wrapper .ao-rc-right {
        padding-top: 0;
    }

    .ao-breces-in-chandler-sec-detail {
        flex-direction: column-reverse;
        gap: 32px;
        width: 100%;
        height: 100%;
        padding: 0 0 100px;
    }

    .ao-braces-in-chandler-content {
        max-width: 100%;
        width: 100%;
    }

    .ao-post-content-detail .ao-post-content h2 {
        font-size: 36px;
    }

    .ao-content-section-wrapper .ao-inf-made-content-right,
    .ao-content-section-wrapper .ao-inf-made-content-left {
        max-width: 592px;
        height: auto;
    }

    .ao-step-title {
        display: none;
    }

    .ao-step-title-num {
        width: 50%;
        display: block;
        font-size: 30px;
        color: var(--button--background);
    }

    .ao-lc-left .ao-lc-left-btn {
        display: flex;
        flex-direction: row;
    }

    .ao-lc-wrapper {
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
        padding-bottom: 40px;
    }

    .ao-lc-wrapper .ao-ri-right {
        max-width: 100%;
    }

    .ao-lc-wrapper .ao-ri-right img {
        width: 100%;
    }

    .ao-lc-wrapper .ao-lc-left {
        max-width: 100%;
    }

    .ao-lc-wrapper .ao-ri-right {
        padding-left: 0px;
    }

    .ao-review-card-sec:after {
        display: none;
    }

    .ao-location-contact-inner .ao-location-contact-info {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ao-location-contact-inner {
        padding: 48px 0;
    }

    .ao-location-contact-details {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ao-location-contact-map {
        max-width: 100%;
        width: 100%;
        height: 280px;
    }

    .ao-blogs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .ao-locationpage-card .ao-smile-card-wrapper .ao-smile-card {
        max-width: 48%;
        width: 100%;
    }

    .ao-location-banner-section {
        height: auto;
    }

    .testimonial-slider .custom-arrows-v1 {
        bottom: -115px;
        left: 30px;
        width: 50px;
    }

    .custom-arrows-v1 button {
        width: 50px;
        height: 50px;
    }

    .testimonial-slider .ao-t-card {
        box-shadow: none;
    }

    .testimonial-slider .splide__pagination {
        bottom: -70px;
    }

    .splide__pagination {
        padding: 0;
    }

    .card .ao-slide-card-content {
        max-width: 500px;
    }

    .ao-class-title-main {
        padding: 0 40px;
        position: relative;
        margin-top: 0;
    }

    .ao-class-title-main {
        margin: 0 0;
    }

    .section-title-wrapper {
        max-width: 100%;
        padding: 30px 40px 30px 40px;
    }

    .ao-class-care .ao-class-bg img {
        object-position: 0px 0px !important;
    }

    .ao-class-care .ao-class-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        overflow: hidden;
    }

    .ao-class-care .container-fluid {
        display: flex;
    }

    .ao-footer-copyright {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .ao-footer-copyright .ao-footer-co-text {
        justify-content: center;
    }

    .ao-dr-meet {
        flex-direction: column;
    }

    .ao-meet-sec-bg-img {
        display: none;
    }

    .ao-dr-meet .ao-dr-meet-img {
        width: 100%;
    }

    .ao-dr-meet-content {
        width: 100%;
        height: auto;
    }

    .ao-smile-card-wrapper .ao-smile-card {
        max-width: 100%;
        width: 100%;
    }

    .ao-smile-card .ao-smile-content {
        justify-content: space-between;
    }

    .ao-bg-vecto {
        display: none;
    }

    .ao-content-section-wrapper {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 50px;
    }

    .benefits-right,
    .ao-benefits-right {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        text-align: start;
    }

    .benefits-container,
    .ao-benefits-container {
        flex-direction: column-reverse;
        text-align: center;
        gap: 48px;
        padding-left: 0;
    }

    .ao-content-section-wrapper .ao-content-right {
        /* max-width: 676px;
        height: 676px; */
        max-width: 100%;
        max-height: 100%;
        position: relative;
    }

    .ao-content-section-wrapper .ao-content-left {
        max-width: 100%;
        gap: 20px;
    }

    .ao-about-comfort {
        flex-direction: column-reverse;
    }

    .ao-tab-content.active {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .ao-content-box .ao-tab-content .ao-tab-content-left-detail {
        width: 100%;
    }

    .ao-content-box .ao-tab-content .ao-tab-content-right-image {
        width: 100%;
        height: 100%;
    }

    .pb-128 {
        padding-bottom: 60px !important;
    }

    .pt-128 {
        padding-top: 60px !important;
    }

    .ao-content-box .ao-tab-content .ao-tab-content-left-detail .ao-blogs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .ao-review-cards {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .ao-review-cards .ao-review-card {
        max-width: 100%;
    }

    .sec-gap {
        padding: 54px 0;
    }

    .ao-faq-sec h2 {
        font-size: var(--size--3rem);
        padding-bottom: 60px;
    }

    .after-before-img-inner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .after-before-img-card .after-before-imgs {
        display: flex;
        flex-direction: column;
    }

    .after-before-img-card .after-before-imgs div {
        width: auto;
    }



    .ao-faq-btn-content {
        margin-top: 0;
    }

    .ao-autoplay-slider-location .scroller__inner img {
        width: 416px;
        height: 216px;
    }

    .ao-location-titlecontent-section {
        padding: 60px 0;
    }
}

@media(max-width: 644px) {
    .ao-animate-title{
        display: flex;
        flex-direction: column;
    }
    .ao-locationpage-card .ao-smile-card-wrapper .ao-smile-card {
        max-width: 47%;
        width: 100%;
    }
}

@media (min-width: 640px) {
    .gform-theme--foundation .gform_fields { 
        column-gap: 24px !important;
    }
}

@media(max-width: 500px) {
    .ao-thank-you-content .ao-thank-you-btn {
    margin-top: 0;
    display: flex;
    }
    .ao-rc-right .ao-rc-btn {
        display: flex;
        flex-direction: column;
    }

    .ao-lc-left .ao-lc-left-btn {
        display: flex;
        flex-direction: column;
    }

    .ao-locationpage-card .ao-smile-card-wrapper .ao-smile-card {
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width: 560px) {
    .ao-privacy-policy-content .ao-privacy-policy-title h2 {
        text-align: center;
    }
        .ao-privacy-policy-content {
        padding: 56px 6px;
        }
    .after-before-img-section  .container{
        padding: 0px !important;
    }
    .card .ao-slide-card-content {
        max-width: 400px;
    }
}

@media(max-width: 550px) {
    .after-before-img-section {
    padding: 72px 34px;
    }
    .after-before-img-section h2 {
    font-size: 36px;
    }
    .after-before-img-card h3 {
    margin-top: 32px;
    font-size: 36px;
    }

    .ao-lc-wrapper .ao-ri-right {
    width: 100%;
    height: 44vh;
    }
  .ao-lc-wrapper .ao-ri-right img{
  height: 100%;
  }
    .ao-dr-detailtab-image {
        max-width: 656px;
        width: 100%;
        height: 357px;

    }

    .testimonial-slider .ao-t-img {
        height: 384px;
        min-width: 100px;
    }

    .ao-post-share-box {
        gap: 20px;
    }

    .ao-footer-title-btn-all {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ao-footer-box-detail-content {
        display: grid;
        grid-template-columns: auto;
    }

    .ao-footer-box-detail-content {
        padding: 54px 40px;
    }

    .ao-footer-copyright .ao-footer-co-text {
        text-align: center;
    }

    .ao-dr-meet .ao-dr-meet-img {
        height: 350px;
    }

    .ao-hero-content .ao-main-hero-title h1 {
        line-height: 42px;
    }


    .section-title-wrapper {
        padding: 30px 30px 30px 30px;
    }

    .logo #small-logo {
        display: block;
    }

    .logo #small-logo img {
        width: 50px;
    }

    .logo #desktop-logo {
        display: none;
    }

    .ao-hero-title-wrapper .ao-hero-content .ao-hero-btn {
        display: flex;
        flex-direction: column;
    }

    .ao-hero-title-wrapper .ao-hero-content .ao-hero-btn a {
        width: max-content;
    }
}

@media (max-width: 479px) {
        .ao-li-wrapper .ao-ri-left {
        height: 30vh;

        }
    .ao-faq-btn {
    display: flex;
    justify-content: start;
    width: 100%;
    }
     .ao-thank-you-content .ao-thank-you-title h2 {
    text-align: center;
    font-size: 38px;
    }

    .modal-content {
        padding: 0;
        padding-top: 63px;
    }

    .modal-header button {
        width: 38px;
        height: 38px;
        margin-top: 5px !important;
        margin-right: 6px !important;
    }


    .ao-t-content .ao-t-bottom {
        border-top: 2px solid var(--button--background-hover);
        padding-top: 15px;
        display: flex;
        justify-content: space-between;
        align-items: start;
        flex-direction: column;
    }

    .ao-post-title {
        font-size: 36px !important;
        line-height: normal;

        margin-bottom: 23px;
    }

    .ao-find-section {
        padding: 0 20px 100px !important;
    }

    .ao-find-service-sec {
        padding: 100px 20px 100px !important;
    }

    .card .ao-slide-card-content {
        max-width: 350px;
    }

    .ao-slide-btn {
        display: flex;
        flex-direction: column;
    }

    .ao-slide-btn a {
        max-width: max-content;
    }

    .ao-find-section .ao-slider-control .slider-dots {
        display: none;
    }

    .left-content h2 {
        order: 2;
    }

    .ao-locationpage .ao-faq-content-heding {
        width: 100%;
    }






    .ao-slider-control {
        width: 100%;
        order: 1;
    }

    .card-name-display {
        order: 2;
    }

    .slider-btns {
        display: flex;
        gap: 15px;
        justify-content: space-between;
        width: 100%;
    }


    .ao-faq-content {
        flex-direction: column;
        gap: 16px;
    }

    .ao-faq-content-text,
    .ao-faq-content-heding {
        width: 100%;
    }

}