@media screen and (max-width: 1856px) {
    .bo-step-main-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
}


@media screen and (max-width: 1199px){
    .sp-fv1-wrapper{
        grid-template-columns: repeat(6, 1fr);
    }
    .sp-fv1-wrapper .sp-fv1-logo{
        grid-column: 1/6;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(2){
        grid-column: 1/3;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(3){
        grid-column: 3/5;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(4){
        grid-column: 5/7;
    }

    .bo-information-sec{

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 30px;

    }

    .bo-value-card-info{

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

        row-gap: 50px;

    }



}



@media screen and (max-width: 1024px) {
    .bo-con-banner-wrapper {
        height: auto;
    }

    .bo-con-banner-wrapper img{
        object-fit: contain;
    }

    .nav-toggle .btn-header{

        display: none;

    }

    .nav-btn-small{

        display: flex;

        gap: 20px;

    }



    .nav-btn-small a{

        background-color: var(--dark-sea-green);

        width: 35px;

        height: 35px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

    }

    .bo-contact-new{

        display: none;

    }

    .bo-value-patient-card-info h2{

        font-size: 50px;

    }

    .bo-value-video{

        height: 558px;

    }

    .bo-value-patient-card{

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

    }

    .bo-about-ortho-wrapper{

        row-gap: 50px;

    }

    .bo-about-ortho-wrapper .bo-a-o-left{

        grid-column: 1/7;

    }

    .bo-about-ortho-wrapper .bo-a-o-right{

        grid-column: 1/7;

        display: flex;

        flex-direction: row;

        display: grid;

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

        grid-template-rows: auto;

        column-gap: 50px;

        row-gap: 30px;

    }

    .bo-about-ortho-wrapper .bo-a-o-left .section-title h2:nth-child(2){

        margin-left: 0;

    }

    .bo-a-o-left .bo-about-o-img .bo-a-o-logo{

        right: 20px;

        top: -65px;

    }

    .bo-a-o-left .bo-about-o-img{

        max-width: 100%;

        width: 100%;

    }

    .bo-a-o-right .bo-right-about-content{

        transform: none;

    }

    .bo-a-o-right .bo-right-about-content{

        width: 100%;

    }

    .bo-con-form-wrapper{

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

    }

    .section-title h2,

    .section-title-white h2{

        font-size: var(--text-h1);

    }

    .bo-inner-video-wrapper .bo-hero-text h1{

        font-size: 50px;

        text-align: center;

    }

    .btn-green a{

        font-size: 16px;

    }

    .bo-apart-wrapper .bo-apart-card{

        display: flex;

        flex-direction: column;

        gap: 20px;

    }

    .bo-apart-wrapper .bo-apart-card .bo-apart-left{

        width: 100%;

        display: flex;

        justify-content: flex-start;

    }

    .bo-apart-wrapper .bo-apart-card .bo-apart-right{

        max-width: 100%;

        width: 100%;

    }

    .meet-team-cards{

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

    }

}



@media screen and (max-width: 991px) {
    .bo-hero-wrapper{
        height: 68vh;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(2){
        grid-column: 1/4;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(3){
        grid-column: 4/7;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(4){
        grid-column: 1/7;
    }



    .bo-location-sec-map iframe {

    width: 100%;

    height: 300px;

    }



    .bo-location-area {

    display: grid;

            gap: 37px;

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

    }

    .source-Google{

        margin-top: 0px !important;

    }

    .el-blog-container {

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

        gap: 40px;

    }

    .bo-content-area{

        max-width: 100%;

    }

    .bo-information-sec .bo-content-sec-detail{

        width: 100%;

    }

    .bo-meet-the-doctor{

        background-position: 50% -1%, 50% 0, 50%;

        background-size: contain, contain, cover;

        padding-top: 186px;

        padding-bottom: 100px;

    }

}



@media screen and (max-width: 768px) {
    #gform_submit_button_2{
        margin-left: auto;
        margin-right: auto;
    }
    .bo-right-about-content .btn-green{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bo-meet-d-wrapper .bo-meet-left-content .bo-meet-sub-content p,
    .bo-meet-d-wrapper .bo-meet-left-content .bo-meet-sub-content span,
    .bo-meet-d-wrapper .bo-meet-left-content .bo-d-digree .bo-d-item h5,
    .bo-meet-d-wrapper .bo-meet-left-content .bo-d-digree{
        text-align: center;
    }
    .bo-meet-d-wrapper .bo-meet-left-content{
        align-items: center;
    }
    .bo-meet-d-wrapper .bo-meet-left-img{
        max-width: 300px;
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .bo-value-card{
        padding: 30px 30px;
    }
    .bo-team-content{
        justify-content: center;
    }
    .bo-team-content p{
        text-align: center;
    }
    .bo-extra-sub-content h4{
        text-align: center;
    }
    .bo-extra-content h3{
        text-align: center;
    }
    .team-doctor-content{
        align-items: center;
    }
    .bo-con-banner-wrapper .bo-con-logo{
        width: 100px;
        height: 100px;
    }
    .bo-step-slider .splide__slide .bo-steps-card:nth-child(odd),
    .bo-step-slider .splide__slide .bo-steps-card:nth-child(even){
        height: auto;
    }
    .bo-step-slider .splide__slide .bo-steps-card:nth-child(odd){
        padding: 20px 20px;
    }
    .bo-step-slider .splide__slide{
        grid-template-columns: repeat(1, 1fr);
        display: flex;
        flex-direction: column-reverse;
    }
    .bo-step-slider .splide__pagination{
        display: flex;
        bottom: -2.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .bo-step-slider .splide__pagination__page.is-active{
        width: 15px;
        height: 15px;
        transform: none;
        background-color: var(--dark-sea-green);
    }

    .bo-step-slider .splide__pagination__page{
        width: 15px;
        height: 15px;
        background-color: #fff;
    }

    .bo-step-slider .splide__arrows{
        display: none;
    }

    .el-blog-detail-content {

        max-width: 100%;

        width: 100%;

    }



    .el-blog-detail-title h1 {

        font-size: var(--text-40);

    }

    .bo-white-popup{

        height: 50vh;

        overflow-y: auto;

    }

    .bo-white-popup h2{

        font-size: 28px;

    }

    .bo-call-info h3{

        font-size: 16px;

    }

    .bo-white-popup h2{

        margin-top: 0;

    }

    .bo-service-wrapper .bo-service-Detail:nth-child(even) .bo-service-content{

        padding-right: 0;

    }

    .bo-service-Detail{

        margin-top: 30px;

    }

    .bo-information-sec .bo-value-card-title h2{

        font-size: 42px;

        line-height: 50px;

    }

    .bo-braces-bottom-title{

        padding-bottom: 0;

    }

    .bo-braces-bottom-title .section-title-white{

        text-align: left !important;

    }

    .bo-braces-bottom-title{

        margin-top: 30px;

    }

    .bo-braces-title{

        margin-top: 30px;

    }

    .bo-braces-bottom-title h4{

        font-size: 28px;

    }

    .bo-braces-bottom-title h3{

        font-size: 30px;

    }



    .header-wrapper .btn-white-outlined{

        display: none;

    }

    .header-wrapper .nav-toggle .btn-white{

        display: none;

    }

    .bo-contact-title a{

        font-size: 18px;

    }

    .bo-contact-form{

        display: flex;

        flex-direction: column;

    }

    .bo-contact-left-form,

    .bo-contact-right-image{

        max-width: 100%;

        width: 100%;

    }

    .bo-service-sec .section-title-white{

        text-align: center;

    }

    .bo-service-Detail{

        gap: 40px;

    }

    .bo-value-patient-card-info span{

        font-size: 13px;

    }

    .bo-value-patient-card-info h2{

        font-size: 38px;

    }

    .bo-value-card-info{

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

        row-gap: 50px;

    }

    .core-value{

        padding-top: 80px;

        padding-bottom: 80px;

    }

    .bo-service-sec{

        padding-bottom: 80px;

    }

    .bo-service-wrapper .bo-service-Detail:nth-child(odd){

        display: flex;

        flex-direction: column;

    }

    .bo-service-img,

    .bo-service-content{

        width: 100%;

    }

    .bo-service-wrapper .bo-service-Detail:nth-child(odd) .bo-service-content{

        padding-left: 0;

    }

    .bo-service-Detail{

        margin-bottom: 0;

    }

    .bo-service-wrapper .bo-service-Detail:nth-child(even){

        display: flex;

        flex-direction: column;

    }

    .bo-service-Detail{

        padding: 0;

    }

    .bo-service-sec{

        background-position: 50% -1%, 50% 0, 50%;

        background-size: contain, contain, cover;

        padding-top: 220px;

    }

    .header{

        background-color: var(--midnight-blue);

    }

    .bo-about-hero{

        padding-top: 75px;

    }

    .bo-meet-the-doctor{

        background-position: 50% -1%, 50% -1%, 50%;

        background-size: contain, contain, cover;

        padding-top: 150px;

    }

    .bo-about-ortho-wrapper .bo-a-o-right{

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

    }

    .bo-about-ortho-section{

        padding: 80px 0 80px 0;

    }

    .bo-about-ortho-wrapper .section-title{

        text-align: center;

    }

    .bo-meet-d-wrapper{

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

    }

    .bo-service-slider{

        padding: 80px 0;

    }

    .google-reviews-section{

     padding: 80px 0;

}

    .bo-service-slider-wrapper{

        padding: 0 0 0 0;

    }

    .bo-step-slider{

        padding-left: 0;

        padding-right: 0;

    }

    .bo-service-slider-wrapper .splide__arrows{
        display: none;
    }

    .section-title-white h2,

    .section-title h2{

        font-size: 42px;

        line-height: 50px;

    }

    .bo-a-o-left .bo-about-o-img .bo-a-o-logo{

        display: none;

    }

    .bo-about-right-img{

        display: none;

    }

    .bo-inner-section-title h1{

       font-size: 53px;


        text-align: center;

    }

    .team-doctor{

        display: flex;

        flex-direction: column;

        gap: 30px;

    }

    .team-doctor-img,

    .team-doctor-content{

        width: 100%;

    }

}



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

    .bo-treatment-banner-sec-title h1{

        font-size: 50px;

    }

}



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

    .bo-line-title h2{

        font-size: 40px;

    }

    .bo-inner-section-title h1{

        font-size: 50px;

        text-align: center;

    }

    .meet-team-cards{

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

    }

    .meet-team-cards .bo-team-cards{

        max-width: 100%;

    }

    .section-title h2,

    .section-title-white h2{

        font-size: var(--text-38);

    }

    .bo-apart-wrapper .bo-apart-card .bo-apart-left h3{

        font-size: 22px;

    }

    .btn-white-outlined a{

        font-size: var(--text-16);

    }

    .bo-step-slider .splide__slide:nth-child(odd) .bo-steps-card h3,
    .bo-step-slider .splide__slide .bo-steps-card:nth-child(odd) h3{

        font-size: var(--text-38);

    }
    .bo-step-slider .splide__slide .bo-steps-card:nth-child(odd) h3

    .bo-meet-d-wrapper .bo-meet-left-content h3{

        font-size: var(--text-38);

    }

    .bo-content-area h2{

        font-size: 32px;

    }

}



@media screen and (max-width: 575px) {
    .bo-apart-wrapper .bo-apart-card .bo-apart-left{
        gap: 14px;
    }
    .sp-fv1-bottom{
        justify-content: center;
        gap: 5px;
    }
    .bo-sticky-btn{
        margin-right: 0;
    }
    .bo-bottom-btn-sticky {
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
    }
    .bo-hero-wrapper{
        height: 60vh;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(2){
        grid-column: 1/7;
    }
    .sp-fv1-wrapper .sp-fv1-links:nth-child(3){
        grid-column: 1/7;
    }

    .bo-white-popup{

        width: 90%;

        padding: 40px 13px 29px;

    }

    .bo-faq-question h4{

        font-size: 14px;

    }

    .bo-faq-toggle{

        justify-content: flex-start;

        text-align: left;

    }

    .bo-contant-area-btn{

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .bo-inner-section-title h1{

        font-size: 40px;

    }

    .bo-value-video{

        height: 290px;

    }

    .bo-value-card{

        padding:35px 35px ;

    }

    .bo-content-area{

        padding: 30px 15px;

    }

    .bo-service-sec{

        background-position: 50% -1px, 50% 0, 50%;

        background-size: contain, contain, cover;

        margin-top: 60px;

    }

    .bo-apart-section .section-title-white img{

        display: none;

    }

    .bo-team-content{

        padding: 0 20px 40px;

    }

}



@media screen and (max-width: 425px) {
    .bo-apart-left img{
        width: 50px;
    }
    .bo-service-sec{
        padding-top: 140px;
    }

    .referral-form div.gfield--input-type-html, .referral-form fieldset {
    margin-top: 15px;
    line-height: 22px;
    font-size: 15px;
    }
.bo-value-card-title h2 {
    font-size: 50px;
}

    .bo-inner-section-title.white h1 {
    line-height: 48px;
    }

    .bo-left-location-content h3 {

    font-size: 32px;

    line-height: normal;

    }



    .bo-location-sec .section-title {

    margin-bottom: 55px;

    }

    .nav-btn-small{

        gap: 15px;

    }

    .header-wrapper .nav-toggle{

        gap: 15px;

    }

    .bo-contact-area{

        padding: 5px 16px 25px;

    }

    .btn-white-outlined a{

        font-size: 14px;

    }

    .bo-footer-wrapper{

        display: flex;

        flex-direction: column;

        gap: 20px;

    }

    .bo-footer-wrapper .bo-footer-left, .bo-footer-wrapper .bo-footer-right{

        max-width: 100%;

        text-align: left;

        align-items: flex-start;

    }

    .bo-line-title h2{

        font-size: 30px;

    }

}

@media screen and (max-width: 360px){
    .bo-apart-wrapper .bo-apart-card .bo-apart-left h3{
        font-size: 18px;
    }
}