@media screen and (max-width: 1650px) {
    .sticky-navbar nav.navbar-main {
        display: none;
    }
}



@media screen and (max-width: 1199px) {
    .em-content-grid-text {
        grid-template-columns: repeat(3, 1fr);
    }

    .em-footer-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .em-treat-wrapper:nth-child(odd),
    .em-treat-wrapper:nth-child(even) {
        column-gap: 30px;
        margin-bottom: 30px;
    }



    .gfield_checkbox div.gchoice {
        width: 100%;
    }

    .gfield_checkbox {

        display: flex;
        flex-direction: column !important;
        flex-flow: row wrap !important;
    }


}

@media screen and (max-width: 1024px) {
    .em-top-inner-banner-sec{
        height: 60dvh;
        padding-top: 300px;
        padding-bottom: 200px;
    }
    .section-title-dark h2{
        font-size: 40px;
        font-weight: 600;
    }

    .forbanner-section {
        margin-top: 70px;
    }

    .em-form-img,
    .em-step-video-inner {
        grid-template-columns: 1fr;
    }

    .em-con-right iframe {

        min-height: 340px;

    }

    .em-form-imgs {
        order: 1;
    }

    .em-form-imgs img {
        aspect-ratio: 4/3;
        object-fit: cover;
    }

    .em-virtual-consult-inner {
        order: 2;
    }

    .em-video-inner iframe {
        height: 400px;
        border-radius: var(--br-10);
        width: 100%;
    }

    .em-con-wrapper {
        grid-template-columns: 1fr;
    }

    .em-con-right {
        order: 1;
    }

    .em-con-left {
        order: 2;
    }

    .em-blog-detail-wrapper h1 {
        font-size: 50px;
    }



    .header-brand {
        width: 100px;
    }

    .sticky-right-section .em-small-nav-btn {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .sticky-right-section .em-small-nav-btn .btn-blue a {
        font-size: 22px;
    }

    .em-s-contact,
    .sticky-right-section .btn-schedule {
        display: none;
    }

    .em-ser-cards-wrapper {
        column-gap: 15px;
    }

    #em-ser-cards-desktop {
        display: none;
    }

    .em-ser-slider {
        display: block;
    }

    .em-ser-slider .em-ser-card {
        display: flex;
        flex-direction: column;
        border-radius: var(--br-10);
        background-color: var(--c-primary-2);
        gap: 20px;
        height: 100%;
        overflow: hidden;
    }

    #treatment .em-ser-card {
        background-color: var(--c-primary-2);
        overflow: hidden;
    }

    #treatment .em-ser-card .em-ser-title h3,
    #treatment .em-ser-card .em-ser-title p {
        color: var(--text-white);
    }

    .em-ser-slider .em-ser-card .em-s-card-img {
        overflow: hidden;
    }

    .em-ser-slider .em-ser-card .em-ser-title {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    #emSerSlider .splide__pagination,
    #treatment .splide__pagination {
        bottom: -2.5rem;
    }

    #emSerSlider .splide__pagination__page,
    #treatment .splide__pagination__page {
        width: 15px;
        height: 15px;
    }

    #emSerSlider .splide__pagination__page.is-active,
    #treatment .splide__pagination__page.is-active {
        transform: none;
        background-color: var(--c-primary-1);
    }

    .em-treatment-main-wrapper {
        display: none;
    }

    .em-treat-section-inner .em-treatment-main-wrapper {
        display: block;
    }

    .em-treat-section-inner .em-treatment-main-wrapper .em-treat-wrapper:nth-child(odd),
    .em-treat-section-inner .em-treatment-main-wrapper .em-treat-wrapper:nth-child(even) {
        grid-template-columns: repeat(1, 1fr);
    }

    .em-treat-section-inner .em-treatment-main-wrapper .em-treat-wrapper:nth-child(even) .em-treat-card:nth-child(1) {
        order: 1;
    }

    .em-treat-section-inner .em-treatment-main-wrapper .em-treat-wrapper:nth-child(even) .em-treat-card:nth-child(2) {
        order: 2;
    }

    .em-con-right.light-form {
        padding: 22px;
        ;
    }

    .em-contact-form.light-form {
        padding: 22px;

    }

    .em-virtual-form .em-virtual-consult-inner {
        padding: 32px;

    }

}



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

    .em-thank-you-page-section .em-thank-you-wrapper {
        padding-top: 210px;
    }

    .em-refer-friend-form-section-wrapper .em-contact-form {
        width: 100%;
    }

    .refer-about-form-section .em-contact-form {
        width: 100%;
        margin: 0 auto;
    }

    .em-refer-wrapper {
        grid-template-columns: 1fr;
    }

    .em-near-me-card-wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .em-content-grid-text {
        grid-template-columns: repeat(2, 1fr);
    }

    .em-itero-wrappepr {
        grid-template-columns: repeat(2, 1fr);
    }

    .em-slr-reverse .em-slr-wrapper .em-slr-left {
        order: 1;
    }

    .em-slr-reverse .em-slr-wrapper .em-slr-right {
        order: 2;
    }

    .em-loc-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .em-slr-wrapper,
    .em-review-page-card-wrapper {
        grid-template-columns: 1fr;
    }

    .em-office-t-img-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .image-sliders .image-slider {
        width: 100%;
    }

    .em-why2-wrapper {
        grid-template-columns: 1fr;
    }

    .em-why-card {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .em-why-card .em-why-icon {
        width: 100px;
    }

    .em-braces-single-sec:nth-child(odd) {
        display: flex;
        flex-direction: column;
    }

    .em-braces-single-sec:nth-child(even) {
        display: flex;
        flex-direction: column;
    }

    .em-braces-img,
    .em-braces-content {
        width: 100%;
    }

    .em-near-me-girl-sec .em-what-is-an-ortho-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .em-what-is-an-ortho-wrapper-img {
        width: 100%;
    }

    .em-near-me-girl-sec .em-what-is-an-ortho-content {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .em-treat-wrapper:nth-child(odd),
    .em-treat-wrapper:nth-child(even){
        row-gap: 16px;
    }
    .el-blog-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .em-hero-wrapper h1 {
        font-size: 60px;
    }

    .header-address-wrap a span {
        display: none;
    }

    .header-address-wrap a,
    .header-cta-button .btn-blue a {
        background-color: var(--c-primary-1);
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 18px;
    }

    .header-address-wrap a i {
        color: var(--text-white);
        margin-right: 0;
    }

    .header-cta-button .btn-blue a i {
        display: block;
    }

    .header-cta-button .btn-blue a span {
        display: none;
    }
}

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

    .main-slide .inner-btn {
        padding: 7px 10px;
        font-size: 12px;
    }
    .gform-theme--foundation .gfield--width-half {
        grid-column: span 12 !important;
    }

    .em-footer {
        padding: 50px 0 0 0;
    }

    .em-footer-logo .em-f-logo {
        width: 120px;
    }

    .em-footer-wrapper .em-f-address ul {
        gap: 15px;
    }

    .em-near-me-card-content h2 {
        font-size: 28px;
    }

    .em-near-me-card-wrapper {
        margin-top: 25px;
    }

    .em-near-me-card-wrapper {
        grid-template-columns: 1fr;
    }

    .em-blog-detail-wrapper h1 {
        font-size: 40px;
    }

    .em-blog-wrapper,
    .em-service-img-grid-inner {
        grid-template-columns: 1fr;
    }

    .em-service-content-part {
        grid-template-columns: 1fr;
    }

    .em-content-grid-text {
        grid-template-columns: repeat(1, 1fr);
    }

    .em-itero-wrappepr {
        grid-template-columns: repeat(1, 1fr);
    }

    .em-ser-con-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .em-ser-img-inner {
        width: 100%;
    }

    .em-ser-img-text .section-title-dark {
        margin-bottom: 0;
    }

    .em-ser-img-inner img {
        aspect-ratio: 4/3;
        object-fit: contain;
    }

    .em-loc-wrapper {
        grid-template-columns: 1fr;
    }

    .em-footer-wrapper {
        grid-template-columns: repeat(6, 1fr);
        row-gap: 25px;
    }

    .em-footer-wrapper .em-f-links {
        gap: 10px;
    }

    .em-footer-wrapper .em-f-copy {
        gap: 15px;
    }

    .em-footer-wrapper {
        margin-bottom: 25px;
    }

    .em-footer-wrapper .em-f-main ul a,
    .em-footer-wrapper .em-f-links ul li a,
    .em-footer-wrapper .em-f-address ul li a,
    .em-footer-wrapper .em-f-address ul li p {
        font-size: 15px;
    }

    .em-footer-wrapper div:nth-child(1) {
        grid-column: 1/7;
    }

    .em-footer-wrapper div:nth-child(2) {
        grid-column: 1/4;
    }

    .em-footer-wrapper div:nth-child(3) {
        grid-column: 4/7;
    }

    .em-footer-wrapper div:nth-child(4) {
        grid-column: 1/7;
    }

    /* .em-footer-wrapper .em-f-address ul {
        align-items: center;
    } */

    /* .em-footer-wrapper .em-f-links {
        align-items: center;
        text-align: center;
    } */

    /* .em-footer-wrapper .em-f-copy {
        align-items: center;
    }

    .em-footer-wrapper .em-f-main ul {
        align-items: center;
    } */
    /* .em-footer-logo {
        justify-content: flex-start;
    } */
}

@media screen and (max-width: 768px) {
    .em-why-card-wrapper{
        gap: 25px;
    }
    .em-why2-wrapper{
        row-gap: 25px;
    }
    .em-img-dark-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .em-sp-wrapper {
        display: flex;
        flex-direction: column;
    }

    .em-sp-content-detail,
    .em-sp-content-image {
        width: 100%;
    }

    .em-logo-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .em-steps-inner {
        padding: 35px;
    }

    .em-blog-detail-wrapper h2 {
        font-size: 38px;
    }

    .em-blog-detail-section {
        margin-top: 110px;
    }

    .em-free-consult-form-section-wrapper .em-contact-form {
        width: 100%;
    }

    .em-top-inner-banner-content .section-title-light h1 {
        font-size: 50px;
    }

    .em-top-inner-banner-sec {
        height: auto;
        padding-top: 200px;
        padding-bottom: 100px;
    }

    .em-hero-section {
        background-image: url('../images/Mobile-banner-1.webp');
        background-position: right;
    }



    .em-hero-wrapper {
        height: auto;
        padding-top: 200px;
        padding-bottom: 30px;
    }

    .section-title-dark h2,
    .section-title-light h2 {
        font-size: 38px;
    }


    .em-about-wrapper {
        grid-template-columns: 1fr;
    }

    .em-about-right {
        order: 1;
    }

    .em-about-left {
        order: 2;
    }

    .em-about-wrapper .em-about-left::before {
        background-size: contain;
    }

    .em-footer-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 575px) {
    .em-video-inner{
        padding: 0;
        background-color: transparent;
    }
    .em-video-inner p{
        color: var(--text-white);
    }
    .em-cta-c-sec .em-cta-btn{
        margin-top: 20px;
    }
    .em-service-content-sec .em-ser-c-btn{
        margin-top: 20px;
    }

    .el-blog-content h3{
        font-size: 28px;
    }
    .em-review-page-card-wrapper{
        row-gap: 25px;
    }
    .em-ser-slider .em-ser-card{
        gap: 0;
    }
    .em-office-t-img-gallery{
        gap: 12px;
    }
    .em-slide-content h4{
        font-size: 28px;
    }
    .em-treat-wrapper:nth-child(odd){
        row-gap: 12px;
    }
    .em-treat-wrapper:nth-child(even){
        row-gap: 12px;
    }

    .em-404-page-section .em-404-wrapper {
        height: 60vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 60px;
    }

    .em-404-wrapper h2 {
        font-size: 44px;
    }


    .em-404-page-section .btn-blue {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }


    .em-thank-you-page-section .em-thank-you-wrapper {
        padding-top: 180px !important;
    }

    .em-thank-you-page-section .em-thank-you-wrapper {
        padding: 96px 0px;
        margin: auto;
        max-width: 814px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 26px;
    }

    .em-thank-you-wrapper h2 {
        font-weight: var(--fw-700);
        color: var(--c-primary-2);
        font-size: 44px;
    }

    .em-refer-friend-form-section .section-title-dark h2 {
        font-size: 44px;
    }

    .em-contact-map iframe {

        height: 350PX;

    }

    .em-blog-detail-wrapper p {
        margin-bottom: 30px;
        font-size: 16px;

    }

    .em-con-hours {
        display: flex;
        gap: 17px;
    }

    .details-tag-url ul li a {

        color: var(--c-primary-1);
        font-size: 17px;
        line-height: normal;
        display: flex;
    }

    body.single-post .em-blog-detail-wrapper h1 {
        font-size: 30px;
    }

    .em-virtual-form .em-virtual-consult-inner div label {
        font-size: 16px;
        margin: 0px;
    }

    .em-steps-inner {
        padding: 27px 13px;
    }

    .em-refer-left .em-refer-contact h3 {
        font-size: 20px;
    }

    .em-steps-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .em-footer::before {
        width: 100%;
        height: 116px;
    }

    .em-con-left .em-con-info ul li a,
    .em-con-left .em-con-info ul li span {
        font-size: 16px;
    }

    .em-con-hours ul:nth-child(1) li {
        font-size: 16px;
    }

    .em-contact-form.light-form label {
        font-size: 16px;

    }

    .em-con-hours ul:nth-child(2) li {
        font-size: 16px;
    }

    .em-con-hours ul {
        padding-left: 0;
    }

    .em-con-right.light-form label {
        font-size: 16px;
    }

    .em-con-right.light-form {
        padding: 22px;
        ;
    }

    .em-contact-form.light-form {
        padding: 22px;

    }

    .em-virtual-form .em-virtual-consult-inner {
        padding: 25px;
    }

    .em-blog-detail-wrapper h2 {
        font-size: 28px;
    }

    .em-cta-c-wrapper {
        padding: 0;
    }

    .em-itero-card .em-itero-icon {
        width: 100px;
        height: 100px;
    }

    .section-title-dark,
    .section-title-light {
        gap: 15px;
    }

    .em-office-t-img-gallery {
        margin-top: 40px;
    }

    .em-w2-card .em-w2-img {
        width: 100px;
        height: 100px;
    }

    .em-why-card {
        padding: 20px;
    }

    .section-padding {
        padding: 50px 0;
    }

    .section-pt {
        padding-top: 50px;
    }

    .section-pb {
        padding-bottom: 50px;
    }

    .em-service-content-sec .section-title-dark,
    .section-title-dark,
    .section-title-light {
        margin-bottom: 20px;
    }

    .em-list-section .em-list-sec-wrapper {
        padding: 15px 30px;
    }

    .em-top-inner-banner-content .section-title-light h1 {
        font-size: 38px;
    }

    .em-treat-wrapper .em-treat-card:nth-child(1) {
        padding: 50px 30px;
    }

    .em-footer-wrapper .em-f-address ul li a,
    .em-footer-wrapper .em-f-address ul li p {
        font-size: 15px;
    }

    .em-schedule-consult-sec .section-title-dark h2 {
        font-size: 44px;
    }

    .em-footer-wrapper .em-f-links ul li a {
        font-size: 15px;
    }

    .em-footer-wrapper .em-f-main ul a {
        font-size: 15px;
    }

    .em-footer-bottom span {
        font-size: 13px;
    }

    .em-hero-wrapper {
        height: auto;
        padding-top: 180px;
        padding-bottom: 30px;
    }

    .em-small-nav-btn .btn-blue a {
        padding: 0 15px;
    }

    .sticky-navbar .sticky-right-section {
        gap: 10px;
    }

    .sticky-right-section .em-small-nav-btn .btn-blue a {
        font-size: 16px;
    }

    .sticky-navbar-container .container-fluid {
        padding: 0;
    }

    .wps-header-navbar-wrap .header-cta-button {
        gap: 10px;
    }

    .header-right-section {
        gap: 10px;
    }

    .section-title-dark h2,
    .section-title-light h2 {
        font-size: 28px;
    }

    .em-hero-wrapper h1 {
        font-size: 50px;
    }

    .em-hero-wrapper p {
        font-size: 22px;
    }

    .accordion-header button {
        font-size: 18px;
    }

    p {
        font-size: 16px;
    }

    ul li {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .container, .container-sm {
        max-width: 650px;
    }
}


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

    .forbanner-section {
        margin-top: 50px;
    }

    .btn-blue-white a,
    .btn-blue-white button,
    .btn-blue-white span {
        display: inline-block;
        color: var(--text-white);
        font-size: var(--fs-15);
        font-weight: var(--fw-600);
        line-height: 50px;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 0 20px;
        width: auto;
        word-break: break-word;
        display: inline-block;
        white-space: normal;
        line-height: 24px;
        text-align: center;
        padding: 11px 10px;
    }


    .em-schedule-consult-sec .section-title-dark h2 {
        font-size: 32px;
    }

    .em-list-section .em-list-sec-wrapper {
        padding: 15px 18px;
    }

    .em-thank-you-wrapper h2 {
        font-weight: var(--fw-700);
        color: var(--c-primary-2);
        font-size: 31px;
    }

    .em-m-wrapper {
        padding: 50px 26px;
    }

    .em-refer-friend-form-section .section-title-dark h2 {
        font-size: 34px;
    }

    .em-con-left {
        padding: 20px;

    }

    .em-pagination {
        margin-top: 39px;
    }

    .header-brand {
        width: 80px;

    }

    .custom_side-menu {
        width: 100%;
    }

    .em-refer-left .em-refer-contact {
        width: 100%;
    }

    .em-404-page-section .btn-blue {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .em-404-wrapper h2 {
        font-size: 33px;
    }
}

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

    .btn-blue a,
    .btn-blue button {
        display: inline-block;
        color: var(--text-white);
        font-size: 12PX;
    }

    .em-footer-bottom span {
        font-size: 12px;
    }

    .em-hero-wrapper h1 {
        font-size: 40px;
    }
}