/*Desktop*/
@media only screen and  (max-width:1050px){
   
    .MeetOurProviders-section .row .firstProvider {
        padding-top: 2rem !important;
    }
    .WhatWeTreat-section .card-body{
        margin-right:0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    
    footer .links {
        padding-left: 5rem !important;
        margin-left: 0rem !important;
    }
    .container h2 {
        font-size: 2.5rem;
    }
    #des{
        font-size: 1.3rem;
    }
    
  
}
/* Tablet*/
@media only screen and  (max-width:1000px){
    .container h2 {
        font-size: 2.3rem;
    }
    #des{
        font-size: 1.2rem;
    }
    



    /*Home page styles*/
    .MeetOurProviders-section .row .firstProvider img {
        margin-top: 1rem !important;
    }
   
    .MeetOurProviders-section .row .firstProvider {
        padding-top: 2rem !important;
    }
    .WhatWeTreat-section .card-body{
        margin-left: 1rem !important;
    }
    .MeetOurProviders-section .row .DocName {
        margin-top: 0 !important;
    }
    .PatientTestimonials-section .row .carousel-slide .carousel-inner {
        max-width: 95%;
    }
    .footer-end .lisence{
        padding-left: 2rem !important;
    }
  

 
    
}
/* md tablet */
@media only screen and  (max-width:990px){

    .container{
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .container h2 {
        font-size: 2.1rem;

    }
    /* Fix footer-end text cutoff */
    .footer-end {
        flex-wrap: wrap;
    }
    .footer-end .privacy-rights,
    .footer-end .lisence {
        text-wrap: wrap !important;
        white-space: normal !important;
    }
    .footer-end .footer-end-image {
        display: none;
    }
   .container{
    max-width: 700px !important;
   }
    #des{
        font-size: 1.1rem;
    }

    .header-content h1{
            font-size: 2.6rem !important;
    }
    footer .links {
        padding-left:0 !important;
        margin-left:0.5rem !important;
    }
    .WhatWeTreat-section .container-fluid .healthImageContainer{
        background-size: cover;
    }
    .ScheduleAnAppointment-section .appointment-image{
        background-size: cover;
        
    }
   
    
       
  .header-content{
    margin-top:-12rem;
  }
   .header-content p{
    width: 80%;
    font-size: 1.1rem !important;
   }
   .header-content .header-btn {
    font-size: 0.8rem !important;
    padding: 8px 15px;

}
.WhatWeTreat-section .section-card .row ul {
    font-size: 1.1rem !important;
}


.WhatWeTreat-section .section-card .card-body .row{
    padding-top: 0rem !important;
    padding-bottom: 2rem;
}
/*WhatWeTreat Section styles*/
.card-body h2 {
    font-size: 1.8rem;
}
.ScheduleAnAppointment-section .card-title h2 {
    font-size: 1.8rem;
}
.ScheduleAnAppointment-section .card-body p {
    font-size: 1.1rem;
}
.MeetOurProviders-section .row p {
    font-size: 1.1rem !important;
}
.WhatWeTreat-section .card-body .row .col-md-6 h5{
    font-size: 1.2rem;
 }
.MeetOurProviders-section .row .firstProvider img {
    margin-top: 1rem !important;
}
.footer-button .footer-btn {
    padding: 7px 16px;
    margin-right: 1rem;
    margin-left: 0;
    font-size: 0.8rem !important;
    white-space: normal; /* Allow wrapping at high zoom for accessibility */
}
.footer-section{
    flex-wrap: wrap;
}


}
/* Mobile*/
@media only screen and  (max-width:768px){
    .footer-end .lisence{
        padding-left: 1rem !important;
    }
    .social-space .social-icons{
        margin-left: 4rem !important;
    }
    /* Fix footer overlap on company page mobile */
    footer .social-space {
        margin-bottom: 0 !important;
    }
    footer .footer-content {
        flex-direction: column !important;
        padding: 1rem !important;
    }
    footer .footer-content > div {
        width: 100% !important;
        margin-bottom: 1.5rem;
        padding-left: 1rem !important;
    }
    footer .footer-content .col-lg-1,
    footer .footer-content .col-md-1 {
        display: none !important;
    }
    footer .line hr{
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    footer .footer-end {
        margin-left:0rem !important;
    }
    footer .footer-logo{
        padding-left:0 !important;
    }
    footer .footer-head{
        padding-left:0 !important;
        flex-wrap: wrap;
    }
    footer .footer-head .footer-logo {
        padding-left: 1rem !important;
    }
    footer .footer-head .footer-button {
        width: auto !important;
        padding-right: 1rem;
    }
    .footer-end .privacy-rights{
        text-wrap: wrap !important;
    }
    .container h2 {
        font-size: 2rem;
    }
    .MeetOurProviders-section .row .firstProvider {
        padding-left: 3.5rem;
    }
    .MeetOurProviders-section .row .secoundProvider {
        padding-right: 3.5rem;
    }
    .PatientTestimonials-section .section-card .card-body .row .carousel-slide .carousel-inner .carousel-item p{
    font-size: 1.2rem !important;
   }
   .PatientTestimonials-section .section-card .card-body .row .carousel-slide .carousel-inner .carousel-item h5{
    font-size: 1.3rem !important;
   }
   .ScheduleAnAppointment-section .patient-btn {
    padding: 13px 32px;
    font-size: 0.8rem !important;
}
.ScheduleAnAppointment-section .card-body p {
    font-size: 1.2rem;
}
.WhatWeTreat-section .container-fluid .healthImageContainer{
    background-size: cover;
}
.ScheduleAnAppointment-section .appointment-image{
    background-size: cover;
    
}
.WhatWeTreat-section .container-fluid .section-card{
    padding-left: 2rem;
}
.MeetOurProviders-section .row p {
    font-size: 1.2rem !important;
}
footer .social-icons {
    margin-left: 8rem;
    flex-direction: row !important;
}
.footer-button .footer-btn {
    padding: 6px 12px;
    margin-right: 0.5rem;
    margin-left: 0;
    font-size: 0.75rem !important;
    margin-top: 0;
    white-space: normal; /* Allow wrapping at high zoom for accessibility */
}
footer  .contact, footer .links, footer .services{
    margin-left:-1rem !important;
}
footer .footer-section{
    padding-left:1rem !important;
    padding-right: 1rem !important;
}

.about-us p {
    font-size: 1rem !important;
}

.footer-section ul li {
    font-size: 1rem !important;
}


}
/* Xs mobile */
@media only screen and (max-width:576px){
    .MeetOurProviders-section .row .firstProvider {
        padding-left:3rem;
    }
    .MeetOurProviders-section .row .secoundProvider {
        padding-right: 3rem;
    }
    .header-content{
        width: 100% !important;
    }
    footer .social-space .social-icons {
        min-width: 5rem !important;
    }
    .header-content h1{
            font-size: 2.3rem !important;
    }
    footer .social-icons {
        margin-left: 8rem;
        flex-direction: row !important;
    }
        
    .header-content p{
        font-size: 1.1rem !important; 
        width: 90%;
    }
    .header-content .header-btn {
        font-size: 1rem !important;
        padding: 10px 15px;
        text-wrap: wrap; /* Allow wrapping at high zoom for accessibility */
        min-width: auto; /* Removed fixed min-width for zoom accessibility */

    }
    .container h2 {
        font-size: 1.6rem;
    }
        /* Styling for social links */
    .social-link {
        font-size: 25px;
    }
    .WhatWeTreat-section .container-fluid .healthImageContainer{
        background-size: cover;
    }
    .ScheduleAnAppointment-section .appointment-image{
        background-size: cover;
        
    }
    .social-icons .social-link-x svg{
        width: 28px;
        height: 28px;
    }
    .social-icons {
        position: absolute;
        bottom: 5rem;
        right: 6rem;
    }
  
    .PatientTestimonials-section .row .carousel-slide .carousel-inner .carousel-caption h2 {
        font-size: 1rem;
    }
    .WhatWeTreat-section .section-card .row ul {
        font-size: 1.1rem;
    }
    
    /*WhatWeTreat Section styles*/
    .card-body h2 {
        font-size: 2rem;
    }
    .ScheduleAnAppointment-section .card-title h2 {
        font-size: 2rem;
    }
    .ScheduleAnAppointment-section .card-body p {
        font-size: 1rem;
    }
    .MeetOurProviders-section .row p {
        font-size: 1rem !important;
    }
    .WhatWeTreat-section .card-body .row .col-md-6 h5{
        font-size: 1.2rem;
     }
.PatientTestimonials-section .section-card .card-body .row .carousel-slide .carousel-inner .carousel-item p{
    font-size: 1.1rem !important;
   }
}

/*Desktop*/
@media only screen and (max-width:1040){
    .MeetOurProviders-section .container-fluid .section-card{
        margin-left: 0rem !important;
        margin-top: 0rem !important;
        padding: 0rem !important;
     }
     
    
}
/* Large desktop*/
@media only screen and  (max-width:1300px){

.col-sm-0, .col-0{
    width:0 !important;
  }
    
    .footer-head{
        padding-right:2.6rem;
        padding-left:2.3rem;
        padding-top:2.3rem;
        margin-left: 2.3rem;
        margin-right: 2.3rem;
    }
    
.footer-button .footer-btn {
    padding: 7px 23px;
    margin-right: 2rem;
    margin-left: 0;
    font-size: 1rem;
    background-color: transparent;
    color: #fcf235eb;
    border:1px solid #fcf235eb;
    border-radius: 2rem;
    margin-bottom: 2.2rem;
}

.ScheduleAnAppointment-section .contact-btn {
    padding: 10px 28px;
    font-size: 1.2rem;
}

.footer-section{
    padding:2rem 5.6rem;
}
.footer-section .links h5, .footer-section .services h5, .footer-section .about-us h5{
    font-size: 1.3rem;
}
.contact h5{
    font-size: 1.3rem;
}
.footer-end .lincense p{
padding-left:-5rem;
}
footer .social-icons{
    margin-left: 6.5rem ;
    padding-top:8.3rem;
  }
footer{
    padding:0;
}
.footer-end{
    color: white;
    margin: 0 4.5rem;
    font-size: 1rem;
}
footer .footer-section .about-us , footer .footer-section .links, footer .footer-section .contact, footer .footer-section .services{
    min-width: 0; /* Removed fixed min-width for zoom accessibility */
}
.about-us p{
    font-size: 1.2rem;
}
.footer-section ul li{
    font-size: 1.2rem;
}
   .header-content h1{
        font-size: 3rem;
   }
   .header-content p{
    font-size: 1.4rem;
   }
   .header-content .header-btn {
    font-size: 1.2rem;
    padding: 6px 15px;

}
.footer-end .lisence{
    padding-left: 3.5rem;
}
.footer-section{
    flex-wrap: wrap;
}
.WhatWeTreat-section .section-card .row ul {
    font-size: 1.3rem;
}

.WhatWeTreat-section .section-card .card-body .row{
    padding-top: 0rem !important;
    padding-bottom: 2rem;
}
/*WhatWeTreat Section styles*/
.card-body h2 {
    font-size: 2.2rem;
}
.ScheduleAnAppointment-section .card-title h2 {
    font-size: 2.2rem;
}
.ScheduleAnAppointment-section .card-body p {
    font-size: 1.3rem;
}
.WhatWeTreat-section .card-body .row .col-md-6 h5{
    font-size: 1.5rem;
 }
 /* Styling for social links */
.social-link {
    font-size: 28px;
}
.social-icons .social-link-x svg{
    width: 30px;
    height: 30px;
}
.MeetOurProviders-section .row .firstProvider {
    padding-top: 1.5rem;
}
.MeetOurProviders-section .row .firstProvider img {
    margin-top: 2rem !important;
}
.MeetOurProviders-section .svg{
    padding-bottom:0.8rem !important;
}

.MeetOurProviders-section .container-fluid .card-body{
   margin-left: 0rem !important;
   margin-top: 1rem !important;
   margin-bottom: 1rem;
   padding: 0rem !important;
}
.ScheduleAnAppointment-section .section-card {
    padding: 1.5rem;
}
.ScheduleAnAppointment-section .section-card .card-body{
  margin-left: 3rem !important;
  margin-right:3rem !important;
  padding-left:0rem !important;
  padding-right: 0rem !important;
}
.ScheduleAnAppointment-section .section-card .card-body .column{
    padding: 0rem !important;
}
.ScheduleAnAppointment-section .card-title h2 {
    font-size: 2.2rem;
}
.ScheduleAnAppointment-section .card-body h4 {
    font-size: 1.5rem;
}
.ScheduleAnAppointment-section .card-body p {
    font-size: 1.3rem;
}
.ScheduleAnAppointment-section .patient-btn {
    padding: 13px 32px;
    font-size: 1.2rem;
}
.MeetOurProviders-section .row .DocName {
    font-size: 1.5rem;
}
.MeetOurProviders-section .row p{
    font-size: 1.3rem;
}

.PatientTestimonials-section .section-card .card-body .row .carousel-slide {
 padding: 0 !important;
}
.PatientTestimonials-section .section-card .card-body{
    margin:0 !important;
    padding: 0 !important;
}
.PatientTestimonials-section .section-card .card-body .card-title{
    padding-bottom: 3rem;
    padding-top: 3rem;
    font-size: 2.2rem;
}
.PatientTestimonials-section .section-card .card-body .row .carousel-slide .carousel-inner .carousel-item p{
    font-size: 1.5rem;
   }
footer .contact, footer .links, footer .services{
    padding-left: 2rem !important;
}

}
@media only screen and  (max-width:1450px){
    .MeetOurProviders-section .row .firstProvider {
        padding-top: 1.5rem;
    }
    .MeetOurProviders-section .row .firstProvider img {
        margin-top: -1rem ;
    }

.footer-button .footer-btn {
    padding: 7px 23px;
    margin-right: 2rem;
    margin-left: 0;
    font-size: 1rem;
    background-color: transparent;
    color: #fcf235eb;
    border:1px solid #fcf235eb;
    border-radius: 2rem;
    margin-bottom: 2.2rem;
}

.ScheduleAnAppointment-section .contact-btn {
    padding: 10px 28px;
    font-size: 1.2rem;
}
footer .contact, footer .links, footer .services{
    padding-left: 0rem;
}
footer .social-icons {
    margin-left:5rem;
    padding-top: 8.3rem;
}
.footer-end .lisence {
    padding-left: 2rem;
}



.header-content h1{
    font-size: 4rem;
}
.header-content p{
font-size: 1.6rem;
}
.header-content .header-btn {
font-size: 1.3rem;
padding: 6px 15px;

}
footer{
    padding: 2rem;;
}
}

/* Simple responsive typography */
@media (min-width: 1400px) {
    html {
        font-size: 106.25%;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 118.75%;
    }
}

@media (min-width: 2560px) {
    html {
        font-size: 131.25%;
    }
}