@media (max-width: 1700px) {

    .BH-testimonial-outer {

        gap: 100px;

    }

    .BH-appointment-right-content {

        padding: 0 125px;

    }

}

@media (max-width: 1500px) {

    .BH-blog-inner-right {
        padding-right: 0;
    }

    .BH-gallery-img {

        width: 31%;

    }

    .Bh-doctor-left {

        width: 40%;

    }

    .Bh-doctor-right {

        width: 60%;

    }

    .BH-vision-counter {

        padding: 30px;

    }

    .BH-vision-left-card .BH-vision-left-card-content {

        width: 100%;

    }

    .BH-testimonial-inner-left,

    .BH-testimonial-inner-right {

        width: 50%;

    }

    .BH-appointment-right-content h3 {

        font-size: 39px;

    }

    .BH-appointment-right-content {

        padding: 0 100px;

    }

    .BH-newsletter-outer {

        margin-top: 100px;

    }

    .BH-banner-content-outer h1,

    .BH-inner-banner-content h1 {

        font-size: 50px;

    }

    .BH-about-right h2,
    .BH-blog-inner-right h3 {

        font-size: 40px;

    }

    .BH-about-roung-img {

        margin-bottom: -50px;

        margin-right: -87px;

    }

    .BH-service-inner-card img {

        width: 90px;

        height: 90px;

    }

    .BH-newsletter-inner-right-1 img {

        width: 83%;

        float: right;

    }

    .BH-newsletter-inner-right-1 {

        margin-bottom: 98px;

    }

}

@media (max-width: 1399px) { 

    .BH-welcome-outer-card-inner {
        padding: 35px;
    }

    .BH-blog-details-recommendation-content h4,
    .BH-blog-details-auhtor-blog-inner-left h3 {
        font-size: 19px;
    }

    .Bh-contact-outer {

        gap: 50px;

    }

    .Bh-contact-left-inner h2 {

        font-size: 42px;

    }

    .Bh-contact-right-inner {

        padding: 103px 50px;

    }

    .BH-why-inner-card {

        padding: 20px;

    }

    .BH-about-outer {

        gap: 100px;

    }

    .BH-service-inner-card {

        padding: 35px;

    }

}

@media (max-width: 1299px) {

    .BH-welcome-outer-card {
        margin-top: 40px;
    }

    .BH-content-card-outer .BH-welcome-title-outer .BH-welcome-title-left {
        width: 100%;
    }

    .Bh-contact-left-inner-form {

        margin-top: 30px;

    }

    .Bh-contact-right,

    .Bh-contact-left {

        width: 50%;

    }

    .BH-vision-left {

        gap: 40px;

        width: 65%;;

    }

    .BH-vision-left-card .BH-vision-left-card-img img {

        width: 150px;

    }

    .BH-vision-right {

        width: 100%;

        text-align: center;

    }

    .BH-vision-outer {

        flex-direction: column;

    }

    .BH-welome-image-outer {

        margin-top: 50px;

    }

    .BH-blog-list-card-right-content h3 {

        font-size: 21px;

    }

    .BH-blog-list-card-right-content p {

        font-size: 15px;

    }

    .BH-blog-list-card {

        gap: 30px;

        width: 45%;

    }

    .BH-gallery-title-outer,

    .BH-welcome-title-outer,

    .Bh-doctor-left {

        flex-direction: column;

        gap: 25px;

    }

    .BH-welcome-title-outer .BH-welcome-title-left {

        width: 100%;

    }

    .BH-welcome-title-outer .BH-welcome-title-right {

        width: 100%;

    }

    .BH-welcome-outer {

        padding-top: 100px;

        position: relative;

    }

    .BH-gallery-slider {

        margin-top: 50px;

    }

    .BH-gallery-title-outer-right {

        width: 100%;

    }

    .BH-gallery-title-outer-left {

        width: 100%;

    } 



    .BH-appointment-right-content {

        padding: 0 80px;

    }

    .BH-why-inner {

        justify-content: center;

        row-gap: 30px;

        column-gap: 30px;

    }

    .BH-why-inner-card {

        width: 32%;

    }

    .BH-newsletter-inner {

        gap: 100px;

    }

    .BH-newsletter-inner-left h2 {

        font-size: 40px;

    }

    .BH-newsletter-inner-left {

        width: 50%;

    }

    .BH-newsletter-inner-right-1 {

        width: 50%;

        position: unset;

        margin-bottom: 0;

    }



}




@media (min-width: 1200px) {

    .BH-blog-inner {
        gap: 50px;
    }

    .container {

        max-width: 1596px !important;

    }

}

@media (max-width: 1200px) {

    .BH-banner-content-inner {

        gap: 30px;

    }

    .BH-inner-banner-content-inner {

        width: 100%;

    }

    .BH-inner-banner-outer {

        height: 400px;

    }

    .footer-details-outer {

        width: 75%;

    }

    .BH-btn {

        padding: 15px 30px;

    }

    .BH-header-call {

        margin-left: 20px;

    }

    .BH-banner-content-inner,

    .BH-inner-banner-content-inner {

        gap: 30px;

    }

    .BH-banner-outer,

    #BH-banner-carosuel .item {

        height: 700px;

    }

}

@media (max-width: 1199px) { 

    .BH-welcome-outer-card {
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center
    }

    .BH-welcome-outer-card-inner {
        width: 46%;
    }

    .BH-header-logo {
    width: 25%;
}

    .Bh-map-outer .BH-section-title {

        width: 100%;

    }

    .Bh-doctor-left,

    .Bh-doctor-right {

        width: 100%;

    }

    .Bh-doctor-outer {

        flex-direction: column;

        gap: 50px;

    }

    .BH-blog-list-card-right-content {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }

    .BH-blog-list-card-left {

        width: 100%;

        height: 250px;

    }

    .BH-blog-list-card-left img {

        object-fit: cover;

        width: 100%;

        height: 100%;

    }

    .BH-blog-list-card-right {

        width: 100%;

    }

    .BH-blog-list-card {

        flex-direction: column;

    }

    .BH-blog-list-outer {

        margin-top: 50px;

        gap: 50px;

        justify-content: center;

    }

    .BH-testimonial-outer {

        gap: 50px;

    }

    .BH-testimonial-inner-left {

        order: 2;

    }

    .BH-testimonial-inner-left, .BH-testimonial-inner-right {

        width: 100%;

    }

    .BH-testimonial-outer {

        flex-direction: column;

    }

    .BH-appointment-left .BH-appointment-right-content {

        display: block;

      }

    .BH-appointment-right-content {

        padding: 0;

        margin-top: 30px;

    }

    .BH-appointment-right {

        display: none;

    }

    .BH-appointment-inner-div {

        display: flex;

        flex-direction: column;

    }

    .BH-appointment-left {

        width: 100%;

        padding: 100px 40px 100px 40px;

    }

    .BH-why-inner-card img {

        width: 70px;

        height: 70px;

    }

    .BH-why-inner-card {

        width: 47% !important;

    }

    .BH-newsletter-outer {

        height: 500px;

    }

    .BH-newsletter-inner-left {

        width: 100%;

    }

    .BH-newsletter-inner-right-1 {

        display: none;

    }

    .BH-blog-inner-right {
        gap: 15px;
    }
    .BH-blog-inner {
        gap: 15px;
    }

    .BH-service-inner-card img {

        width: 70px;

        height: 70px;

    }

    .BH-service-inner {

        justify-content: center;

        row-gap: 30px;

        column-gap: 30px;

    }

    .BH-service-inner-card {

        width: 46%;

    }

    .BH-section-title h2,
    .BH-blog-details-inner-left-content h3 {

        font-size: 45px;

    }

    .BH-service-outer {

        margin-top: 60px;

    }

    .BH-section-title {

        width: 100%;

    }

    .BH-about-roung-img {

        width: 350px;

    }

    .BH-blog-inner {
        gap: 50px;
    }

    .BH-about-right p,
    .BH-blog-inner-right p {

        font-size: 15px;

    }

    .BH-about-right h2, .BH-blog-inner-right h3 {
        font-size: 26px;
        line-height: 35px;
    }

    .BH-about-right ul li {

        font-size: 16px;

    }

    .BH-about-right ul li::before {

        top: -3px;

    }



}

@media (max-width: 1024px) { 

    .Bh-contact-right-details,

    .Bh-contact-right-inner-content {

        margin-bottom: 50px;

    }



    .Bh-contact-right, .Bh-contact-left {

        width: 100%;

    }

    .Bh-contact-outer {

        flex-direction: column;

    }

    .BH-gallery-list-outer {

        margin-top: 50px;

    }

    .BH-vision-outer {

        gap: 50px;

    }

    .BH-vision-left-card .BH-vision-left-card-img img {

        width: 130px;

    }

    .BH-vision-left-card .BH-vision-left-card-content h3 {

        font-size: 30px;

    }

    .BH-vision-left-card .BH-vision-left-card-content {

        gap: 10px;

    }

    .BH-vision-left-card .BH-vision-left-card-content ul li::before {

        top: 2px;

    }

    .BH-vision-left {

        gap: 40px;

        width: 100%;

    }

    .BH-welcome-outer {

        padding-top: 50px;

    }

    .footer-copyright-right ul {

        gap: 20px;

    }

    .footer-copyright-left p,
    .footer-copyright-right ul li a,
    .footer-copyright-right-text p {

        font-size: 15px;

    }

}

@media (max-width: 991px) {

    .BH-header-logo {
        width: auto;
    }

.BH-blog-details-inner-left-content .blog-details-date {
    font-size: 15px;
}


    .BH-blog-details-inner-content {
    gap: 15px;
}

    .BH-blog-details-recommendation-outer {
    margin-top: 30px;
}

.BH-blog-details-inner-left-content {
    gap: 20px;
}

.BH-blog-details-inner-left-content {
    margin-top: 30px;
}


    .BH-blog-details-inner-left,
    .BH-blog-details-inner-right {
    width: 100%;
}

    .BH-blog-details-inner {
    gap: 50px;
    flex-direction: column;
}

    .BH-blog-inner-main {
        gap: 40px;
    }

    .BH-blog-inner-left,
    .BH-blog-inner-right {
        width: 100%;
    }

    .BH-blog-inner {
        flex-direction: column;
    }

    .Bh-contact-right-inner {

        padding: 40px;

    }

    .Bh-contact-left-inner-form-div {

        gap: 20px;

    }

    .Bh-contact-form-group label {

        font-size: 20px;

    }

    .Bh-contact-left-inner h2 {

        font-size: 32px;

    }

    .BH-gallery-img {

        width: 46%;

    }

    .Bh-doctor-right-card h3 {

        font-size: 23px;

    }

    .Bh-doctor-right-card p {

        font-size: 15px;

    }

    .BH-welome-image-outer {

        gap:20px;

    }

    .BH-welcome-outer {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .BH-welcome-outer:after {

        height: 100%;

    }

    header .navbar-light .navbar-nav .nav-item {

        background-color: #0D395E;

        padding: 15px;

        border-bottom: 1px solid #fff;

    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

        color: #fff;

    }

    header .navbar-light .navbar-nav .nav-link {

        padding: 0;

        color: #fff;

    }

    .page-header .navbar-light .navbar-toggler {

        background: #0D395E;

      }

    .BH-testimonial-outer {

        gap: 30px;

    }

    .BH-testimonial-inner-card {

        padding: 25px;

    }

    .BH-appointment-left {

        width: 100%;

        padding: 60px 20px 60px 20px;

    }

    .BH-appointment-right-content span {

        font-size: 16px;

    }

    .BH-appointment-right-content h3 {

        font-size: 30px;

    }

    .BH-appointment-right-content p {

        margin-top: 17px;

        margin-bottom: 23px;

    }

    .BH-why-outer {

        margin-top: 30px;

    }

    .BH-newsletter-outer {

        height: 400px;

    }

    .BH-newsletter-inner-left h2 {

        font-size: 30px;

    }

    .BH-section-title {

        gap: 20px;

    }

    .BH-service-outer {

        margin-top: 30px;

    }

    .BH-section-title h2,

    .BH-testimonial-inner-right h2,

    .BH-gallery-title-outer-left h2,

    .BH-blog-title-div h2,

    .BH-welcome-title-outer .BH-welcome-title-left h2,

    .Bh-doctor-left h2,

    .Bh-contact-left-inner h2,

    .BH-section-title h2,
    .BH-blog-details-inner-left-content h3 {

        font-size: 30px;

    }

    .BH-service-inner-card {

        width: 100%;

    }

    .padding-top {

        padding-top: 60px;

      }

      

      .padding-bottom {

        padding-bottom: 60px;

      }

      

      .margin-top {

        margin-top: 60px;

      }

      

      .margin-bottom {

        margin-bottom: 60px;

      }

    .BH-about-outer {

        gap: 50px;

    }

    .BH-about-roung-img {

        width: 60%;

        margin-right: auto;

    }

    .BH-about-right {

        width: 100%;

    } 

    .BH-about-left {

        width: 100%;

    }

    .BH-about-outer {

        flex-direction: column;

    }

    footer {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .footer-copyright-outer {

        margin-top: 30px;

        padding-top: 30px;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .footer-details-outer {

        width: 100%;

    }

    .footer-details-outer {

        gap: 30px;

    }

    .BH-banner-content-outer h1 {

        width: 100%;

    }

    .BH-banner-outer, #BH-banner-carosuel .item {

        height: 500px;

    }

    .BH-banner-content-outer p {

        width: 100%;

    }

    .BH-header-call {

        display: none;

    }

    .BH-header-mobile-call {

        display: block;

        margin-left: auto;

        margin-right: 15px;

    }

    .BH-header-mobile-call a {

        border-radius: 50px;

        background: #0D395E;

        padding: 15px;

        color: #fff;

    }

}

@media (max-width: 767px) {

    .Bh-map-outer {

        gap: 20px;

    }        

    .BH-vision-counter {

        flex-direction: column;

        gap: 15px;

    }

    .BH-vision-right img {

        width: 100%;

    }

    .BH-vision-left-card .BH-vision-left-card-img img {

        width: 110px;

    }

    .BH-vision-left-card .BH-vision-left-card-content ul li::before {

        top: -2px;

    }

    .BH-vision-left-card .BH-vision-left-card-content ul li,

    .BH-vision-left-card .BH-vision-left-card-content p {

        font-size: 14px;

    }

    .BH-vision-left-card {

        gap: 25px;

    }

    .BH-inner-banner-outer {

        height: 300px;

    }

    .BH-newsletter-inner {

        height: auto;

    } 

    .BH-appointment-form-outer {

        gap: 20px;

    }

    .BH-appointment-form-field {

        flex-direction: column;

    }

    .BH-why-inner-card,
    .BH-welcome-outer-card-inner {

        width: 100% !important;

    }

    .BH-newsletter-inner-left p,
    .BH-blog-details-inner-left-content p {

        font-size: 15px;

    }

    .BH-newsletter-inner-left h2 {

        font-size: 25px;

    }

    .BH-newsletter-inner-left {

        gap: 30px;

    }

    .BH-about-roung-img {

        margin-bottom: -92px;

        margin-right: -7px;

    }

    .page-header {

        padding: 0;

    }

    .BH-banner-content-outer h1,

    .BH-inner-banner-content h1

     {

        font-size: 32px;

    }

    .footer-copyright-left {

        order: 2;

    }

}

@media (max-width: 576px) {


    .BH-blog-details-inner {
        gap: 20px;
        flex-direction: column;
    }

    .BH-blog-details-recommendation-content {
    width: 54%;
}

    .BH-blog-details-recommendation-content {
    gap: 5px;
}

    .BH-blog-details-recommendation-content p,
    .BH-blog-details-recommendation-content p a {
    font-size: 13px;
    line-height: 20px;
}

        .BH-blog-details-recommendation-content h4, .BH-blog-details-auhtor-blog-inner-left h3 {
        font-size: 15px;
        line-height: 22px;
    }

.BH-blog-details-auhtor-blog-inner-right {
    width: 100%;
    margin-top: 15px;
}

    .BH-blog-details-auhtor-blog-inner-left {
    width: 100%;
}

    .BH-blog-details-auhtor-blog-inner {
    flex-direction: column;
}

        .BH-blog-details-inner-left-content {
        gap: 10px;
    }

    .BH-blog-inner {
        gap: 20px;
    }

    .BH-contact-social-div h3 {

        margin-bottom: 12px;

    }

    .Bh-contact-right-inner-content {

        gap: 10px;

    }

    .Bh-contact-right-details-list img {

        width: 22px;
        height: 22px;

    }

    .Bh-contact-right-details-list span, .Bh-contact-right-details-list span a {

        font-size: 14px;

    }

    .Bh-contact-right-details, .Bh-contact-right-inner-content {

        margin-bottom: 20px;

    }

    .Bh-contact-right-inner {

        padding: 35px 20px;

    }

    .BH-gallery-list-outer {

        margin-top: 20px;

    }

    .Bh-doctor-right-outer {

        flex-direction: column;

        gap: 20px;

    }

    .BH-vision-right img {

        width: 100%;

    }

    .BH-vision-left-card .BH-vision-left-card-content h3 {

        font-size: 22px;

    }

    .BH-vision-left-card {

        flex-direction: column;

        align-items: start;

    }

    .BH-welcome-title-outer {

        gap:10px

    }

    .BH-welome-image-outer {

        flex-direction: column;

    }

    .BH-welome-image-outer {

        margin-top: 20px;

    }

    .BH-blog-list-card-right-content h3 {

        font-size: 17px;

    }

    .BH-blog-list-outer {

        gap: 25px;

    }

    .BH-blog-list-card-right-content {

        gap: 15px;

    }

    .BH-blog-list-card {

        gap: 20px;

        width: 100%;

    }

    .BH-blog-list-outer {

        flex-direction: column;

    }

    .BH-blog-list-outer {

        margin-top: 25px;

    }

    .BH-gallery-title-outer-left,

    .BH-blog-title-div {

        gap: 10px;

    }

    .BH-gallery-slider {

        margin-top: 30px;

    }

    .BH-gallery-title-outer,

    .Bh-doctor-left {

        gap: 15px;

    }

    .BH-testimonial-inner-right {

        gap: 10px;

    }

    .BH-testimonial-card-content {

        gap: 2px;

    }

    .BH-testimonial-card-content h4 {

        font-size: 12px;

    }

    .BH-testimonial-card-content h3 {

        font-size: 16px;

    }

    .BH-testimonial-card-div {

        gap: 20px;

    }

    .BH-testimonial-card-img {

        width: 65px;

    }

    .BH-testimonial-inner-card p {

        font-size: 13px;

    }

    .BH-testimonial-inner-card {

        gap: 15px;

    }

    .BH-testimonial-inner-right p,

    .BH-gallery-title-outer-right p,

    .Bh-doctor-left p,

    .Bh-contact-right-inner-content p {

        font-size: 15px;

    }

    .BH-appointment-right-content ul li {

        padding-bottom: 8px;

    }

    .BH-appointment-right-content ul li span {

        font-size: 14px;

    }

    .BH-appointment-right-content h4 {

        font-size: 18px;

        margin-bottom: 15px;

    }

    .BH-appointment-form-input,

    .BH-appointment-form-input::placeholder  {

        font-size: 14px;

    }

    .BH-appointment-form-field-div label,

    .Bh-contact-form-group label {

        font-size: 16px;

        margin-bottom: 15px;

    }

    .Bh-contact-form-group {

        gap: 0;

    }

    .BH-appointment-left {

        padding: 30px 20px 30px 20px;

    }

    .BH-appointment-form-field {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        gap: 20px;

    }

    .BH-why-inner-card p {

        font-size: 15px;

    }

    .BH-why-inner-card h3{

        font-size: 20px;

    }

    .BH-why-inner-card img {

        width: 50px;

        height: 50px;

    }

    .BH-newsletter-form .BH-newsletter-form-email {

        padding: 11px;

        font-size: 14px;

    }

    .BH-newsletter-form .BH-newsletter-form-submit {

        padding: 5px 18px;

        font-size: 16px;

    }

    .BH-newsletter-inner-left p {

        font-size: 13px;

    }

    .BH-newsletter-inner-left h2,
    .BH-blog-details-recommendation-outer h3 {

        font-size: 20px;

        line-height: 30px;

    }

    .BH-newsletter-inner-left {

        gap: 20px;

    }

    .BH-newsletter-outer {

        height: 300px;

    }

    .BH-section-title span,

    .BH-appointment-right-content span,

    .BH-testimonial-inner-right span,

    .BH-gallery-title-outer-left span,

    .BH-blog-title-div span,

    .Bh-doctor-left span {

        font-size: 15px;

    }

    .BH-section-title {

        gap: 15px;

    }

    .BH-section-title h2,

    .BH-appointment-right-content h3,

    .BH-testimonial-inner-right h2,

    .BH-gallery-title-outer-left h2,

    .BH-blog-title-div h2,

    .BH-welcome-title-outer .BH-welcome-title-left h2,

    .Bh-doctor-left h2,

    .Bh-contact-left-inner h2,

    .Bh-contact-right-inner-content h3,

    .BH-contact-social-div h3,
    .BH-blog-details-inner-left-content h3

     {

        font-size: 25px;

    }

    .BH-service-inner-card img {

        width: 50px;

        height: 50px;

    }

    .BH-service-inner-card p,

    .BH-appointment-right-content p,

    .BH-welcome-title-outer .BH-welcome-title-right p {

        font-size: 15px;

    }

    .BH-service-inner-card {

        padding: 25px;

    }

    .BH-service-inner-card h3 {

        font-size: 20px;

    }

    .BH-about-right ul li::before {

        top: -2px;

        width: 18px;

        height: 18px;

        background-size: cover;

    }

    .BH-about-right ul li {

        font-size: 12px;

    }

    .BH-about-right {

        margin-top: 50px;

    }

    .BH-about-right {

        gap: 20px;

    }

    .padding-top {

        padding-top: 30px;

      }

      

      .padding-bottom {

        padding-bottom: 30px;

      }

      

      .margin-top {

        margin-top: 30px;

      }

      

      .margin-bottom {

        margin-bottom: 30px;

      }

    .BH-about-right span {

        font-size: 16px;

    }

.BH-about-right h2, .BH-blog-inner-right h3 {
        font-size: 20px;
        line-height: 25px;
    } 

    .BH-about-roung-img {

        margin-bottom: -92px;

        margin-right: -7px;

    }

    .footer-copyright-right ul li a {

        font-size: 12px;

    }

    .footer-copyright-outer {

        margin-top: 20px;

        padding-top: 20px;

    }

    .footer-copyright-left p,
    .footer-copyright-right-text p {

        text-align: center;

        margin-top: 9px;

        font-size: 10px;

    }

    .footer-about p {

        font-size: 14px;

    }

    footer {

        padding-top: 20px;

        padding-bottom: 20px;

    }

    .BH-header-logo {

        width: 220px;

    }

    .BH-header-logo img {

        width: 100%;

    }    

    .BH-banner-content-outer h1 {

        font-size: 25px;

        line-height: 33px;

    }

    .BH-banner-content-outer p,

    .BH-inner-banner-content p {

        font-size: 13px;

    }

    .BH-banner-outer, #BH-banner-carosuel .item {

        height: 400px;

    }

    .BH-banner-content-inner,

    .BH-inner-banner-content-inner {

        gap: 16px;

    }

    .BH-btn {

        padding: 15px 30px;

        font-size: 12px;

    }

}