/* =========== RESPONSIVE SETTINGS ============== */


/* ========= All page Responsive ========= */

/* ====== min-Width media querys ====== */

@media screen and (min-width: 1400px) {
    /* ====== index.html ====== */
    .vertical-text{
        display: none;
    }
    .get-col1{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .technology .teach-1 {
        background-size: 84% 100%;
    }
    .technology .teach-1 p{
        left: 62px;
    }
    .fxl-col{
        gap: 40px !important;
    }
    .fxl-col .gap-3{
        gap: 40px !important;
    }
    .patient img {
        height: 530px;
    }
    .accordion-button::after {
        margin-left: 142px;
    }
    .articles .card1 img{
        width: 155px;
    } 
}
@media screen and (min-width: 991px) {
    /* ====== index.html ====== */
    .healthcare .col-lg-3{
    width: calc(25% - 25px);
    }
    .benefits .col-lg-3{
        width: 23%;
    }
    .approach .col-lg-3{
        width: 23%;
    }
}
@media screen and (min-width: 768px) {
    /* ====== index.html ====== */
    .specialist .col-lg-6{
        width: 47%;
    }
    .appointment{
        padding-bottom: 70px;
    }
    .appointment .col-md-10 {
        flex: 0 0 auto;
        width: 86.333333%;
    }
    .approach h5{
        padding-bottom: 15px;
    }
    .member .col-lg-4 {
        width: 31.333333%;
    }
    .member .col-lg-4:nth-child(2){
        transform: scale(1.1);
    }
    .member .col-lg-4 figure {
        width: 70px;
        height: 70px;
        margin-top: 0px;
    }
    .member .col-lg-4 img {
        width: 38px;
    }
    .member {
        padding: 0px 10px;
    }
    .patient {
        padding-bottom: 70px;
    }
    .p-active{
        width: 34% !important;
    }
    .p-width{
        width: 34% !important;
    }
    .patient .col-lg-3{
        /*width: 22%;*/
        transition: 0.9s ease;
}
}

/* ====== max-Width media querys ====== */

@media screen and (max-width: 1300px) {
/* ====== index.html ====== */
    .vertical-text{
        display: none;
    }
}
@media screen and (max-width: 1199px) {
/* ====== index.html ====== */
    .fxl-col{
        flex-direction: column;
    }
    .star-like{
        display: flex;
        justify-content: space-between;
    }
    .specialist .clearfix span{
        float: right;
        margin-bottom: 7px;
    }
    .specialist h6 i{
        margin-top: 10px;
    }
}
@media screen and (max-width: 1024px) {
/* ====== index.html ====== */    
    .timeing .gap-4 {
        margin: 10px 10px;
    }
    .technology .teach-1 p{
        display: none;
    }
    .technology .teach-1{
        background-size: 100%;
    }
    .technology .teach-1 figure{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .technology .teach-1 img{
        width: 92%;
    }
    .articles .card1 img{
        width: 158px;
    } 
    .sugan img {
    width: 148%;
    }
}
@media screen and (max-width: 991px) {
/* 01 globle styleing */    
    .container{
        max-width: 900px;
    }
/* ====== index.html ====== */
    .logo-nav{
        display: block;
    }
    header nav {
        padding: 10px 25px !important;
    }
    .navbar-toggle{
        display: block;
    }
    .hero h1 {
        padding: 100px 50px 10px 50px;
    }
    .hero .pt-2 {
        padding: 30px 100px;
    }
    .f-d-need {
        padding: 60px 25px;
    }
    .f-a-doctor {
        width: 87%;
        bottom: -247px;
    }
    .f-d-need {
        padding-right: 0px;
    }
    .find-doctor {
        width: 100%;
    }
    .cont-bg2 {
        padding: 12px 0px;
    }
    .cont-bg1 {
        padding: 16px 15px;
    }
    .get-col2{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .timeing .gap-4 {
        padding: 45px 25px;
        margin: 10px 0px;
    }
    .about-timimg .t-table {
       position: relative;
       bottom: -55px;
    }
    .approach h2{
        padding: 0px 30px;
    }
    .aph-p{
        padding: 30px 80px;
    }
    .specialist p{
        padding: 30px 100px; 
    }
    .patient-p{
        padding: 30px 170px;
    }
    .patient h2{
        padding: 2px 100px;
    }
    .patient .content p {
        width: 244px;
    }
    .Testimonials .t-bg{
        background-size: 75% 82%;
    }
    .Testimonials .man{
        width: 40%; 
    }
    .Testimonials .text{
        width: 50%; 
    }
    .bg-box figure{
        width: 370px;
        height: 370px;
    }
    .questions .text p {
        padding: 28px 20px 45px 30px;
    }
    .articles .col-lg-5{
        flex-direction: row !important;
    }
    .articles .card1{
        flex-direction: column;
    } 
    .articles .card1 img{
        width: 100%;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 25px;
    }
    .articles .card1 h5{
        margin-bottom: 40px;
    }
    .sugan img {
        width: 100%;
    }
    .foot-p{
        padding: 30px 80px;
    }
    .copy{
        padding: 10px 40px;
    }
    .footer-nav ul{
        gap: 40px;
    }
    footer ul li a{
          padding-left: 15px;
    }
/* ====== about.html ====== */
    .vision-text-bg{
        height: 64%;
        top: 2%;
    }
    .vision .hover3 a{
        padding: 15px 30px !important;
    }
    .vision figure img {
        width: 90%;
    }
    .img-colum{
        align-items: end;
        justify-content: center;
    }
/* ====== contact.html ====== */ 
    .location h2 {
     padding-right: 41px;
    }
    .location .map-colum {
     padding-left: 50px;
        padding-top: 40px;
    }
    .location iframe{
     width: 100%;
    }
/* ====== testimonials.html ====== */
    .testimonial .row .col-lg-6{
        padding-bottom: 60px;
    }
    .testimonial .row {
        padding-bottom: 0px;
    }  
/* ====== 404.html ====== */    
    .four04-bg p{
        padding: 20px 70px;
    }
/* ====== coming.html ====== */      
    .coming-bg p{
        padding: 20px 70px;
    }
}
@media screen and (max-width: 768px) {
/* 01 globle styleing */
    h1{
        font-size: 50px;
        font-weight: 600;
        line-height: 56px;
    }
    h2{
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
    h3{
        font-size: 28px;
        font-weight: 600;
        line-height: 34px;
    }
    h4{
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
    }
    h5{
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    h6{
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    p{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        
    }
    button{
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
    }
    a{
        font-size: 14px ;
        font-weight: 600 ;
        line-height: 22px;
        padding: 13px 34px;
    }
    .hover1 a {
        padding: 13px 34px 13px 34px !important;
    }
    .hover2 a {
        padding: 13px 34px 13px 34px !important;
    }
    .hover3 a {
        padding: 13px 34px 13px 34px !important;
    }
    .btn1 button {
        padding: 13px 38px 13px 38px !important;
    }
/* ====== index.html ====== */
    .navbar-brand {
        padding: 5px 0px !important;
    }
    .f-d-need p {
        padding: 15px 0px 20px 0px;
    }
    .f-a-doctor .btn1{
        margin-top: 5px;
    }
    .healthcare {
        padding-bottom: 70px;
    }
    .healthcare .text-center {
        padding: 15px 60px;
    }
    .healthcare .row{
        margin-bottom: 25px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon1']{
        width: 45px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon2']{
        width: 55px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon3']{
        width: 57px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon4']{
        width: 56px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon5']{
        width: 55px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon6']{
        width: 54px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon7']{
        width: 42px;
    }
    .healthcare .col-lg-3 img[alt = 'h-icon8']{
        width: 50px;
    }
    .about-healthcare{
        padding-top: 70px;
    }
    .get-about{
        padding: 70px 0px;
    }
    .get-about h2 {
          margin: 8px 0px;
    }
    .get-about .get-h2 {
          padding: 0px 0px 10px 0px;
    }
    .get-about ul:nth-child(2) {
          padding-left: 60px;
    }
    .get-about ul li {
          padding: 20px 0px;
    }
    .benefits {
        padding: 70px 0px;
    }
    .benefits h2 {
        padding: 0px 100px;
    }
    .bnf-p{
        padding: 15px 60px;
    }
    .benefits .col-lg-3{
        padding: 40px 47px;
        width: 45%;
    }
    .member li{
        font-size: 14px;
    } 
    .benefits .col-lg-3 a {
       padding: 20px 0px;
    }
    .timeing {
        padding: 70px 0px;
    }
    .t-table p {
        font-size: 14px;
    }
    .tim-p {
        padding: 20px 0px;
    }
    .approach{
        padding: 70px 0px;
    }
    .aph-p {
        padding: 15px 70px;
    }
    .approach h2 {
        padding: 0px 42px;
    }
    .approach code {
        font-size: 38px !important;
        font-weight: 600 !important;
    }
    .technology{
        padding: 70px 0px;
    }
    .techno-p {
        padding: 15px 0px;
    }
    .technology .teach-1 img {
        border-radius: 10%;
    }
    .specialist p{
        padding: 15px 60px; 
     }
    .specialist{
        padding: 70px 0px; 
     }
     .ap-card p {
        padding: 15px 35px;
    }
    .mem-p{
        padding: 15px 50px 50px 50px;
    }
    .patient-p{
        padding: 15px 70px;
    }
    .patient h2{
        padding: 2px 50px;
    }
    .patient .content h4 {
        padding: 15px 0px;
    }
    .patient .content p {
        padding: 0px 16px;
    }
    .Testimonials{
        padding: 70px 0px;
    }
    .test-p{
        padding: 15px 70px;
    }
    .questions{
        padding-top: 70px;
    }
    .accordion-item {
        margin-bottom: 20px;
    }
    .accordion-item1.active .accordion-content {
        padding-top: 5px;
    }
    .ques-p {
        padding: 15px 70px;
    }
    .accordion-body {
        padding-top: 5px;
    }
    .accordion{
        padding: 40px 5px;
        border-radius: 25px;
    }
    .questions .text p {
        padding: 28px 15px 45px 23px;
    }
    .questions .text {
        background-size: 96% 100%;
    }
    .articles .card1 h5 {
        margin-bottom: 20px;
    }
    .art-p{
        padding: 15px 70px;
    }
    .articles h2 {
        padding: 0px 50px;
    }
    .articles{
        padding: 70px 0px;
    }
    .foot-p{
        padding: 15px 80px;
     }
     .footer-nav ul{
         gap: 10px;
         flex-wrap: wrap;
       }
    footer ul li a{
         padding: 0px;
           padding-left: 10px;
       }
    .copy{
         padding: 10px 10px;
     }
    .social a {
         padding: 0px;
         width: 40px;
         height: 40px;
    }
     .social a i{
        font-size: 22px;
    }
     .search input{
         width: 60%;
    }
     .search{
         width: auto;
    }
     footer{
         padding-top: 70px;
    }
/* ====== about.html ====== */   
    .vision-text-bg{
        top: 0%;
    }
    .vision .row {
        padding: 50px 0px;
    }
    .phone-about a{
        padding: 0px 5px;
    }
    .vision figure img {
        width: 90%;
    }
/* ====== contact.html ====== */ 
    .location .gap-4 {
        gap: 10px !important;
    }
    .location .call p {
        padding: 25px 34px 7px 34px;
    }
    .location{
        padding-top: 70px;
    } 
/* ====== testimonials.html ====== */    
    .testimonial .row .col-lg-6{
        padding-bottom: 30px;
    }
    .testimonial-p {
        padding: 20px 70px;
    }
    .testimonial {
        padding: 70px 0px;
    }
/* ====== 404.html ====== */  
    .four04-bg p{
        padding: 15px 50px;
    }  
/* ====== coming.html ====== */ 
    .coming-bg p{
        padding: 15px 50px;
    }       
}
@media screen and (max-width: 767px) {
/* ====== index.html ====== */    
    .f-a-doctor {
        position: unset;
    }
    
    .f-d-need {
        padding: 50px 20px;
    }
    .f-d-need a{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0px;
    }
    .find-doctor {
        width: 95%;
    }
    .find-doctor .position-relative{
        margin-bottom: 20px;    
    }
    .f-d-need {
        padding: 50px 60px;
    }
    .left-text p {
        display: none;
    }
    .get-about-p{
        padding: 20px 50px !important;
    }
    .benefits .col-lg-3{
        width: 84%;
    }
    .benefits h2{
        padding: 0px 50px;
    }
    .approach .col-lg-3 p {
        padding: 2px 100px;
    }
    .approach h2 {
        padding: 0px 2px;
    }
    .technology .teach-1{
        background-size: 90% 100%;
    }
    .technology .teach-1 p{
        top: 8%;
    }
    .technology{
        padding: 100px 0px;
    }
    .technology h2 {
        text-align: center;
    }
    .techno-p {
        padding: 15px 20px;
        text-align: center;
    }
    .appointment .col-lg-5 {
        display: block !important;
    }
    .appointment img{
        width: 100%;
    }
    .patient img{
        height: auto;
    }
    .patient img {
        height: auto;
        width: 100%;
    }
    .patient .row{
        gap: 40px;
    }
    .content {
        top: 20%;
    }
    .patient .content p {
        width: 344px;
    }
    .Testimonials .t-bg{
        background-size: 75% 80%;
        flex-direction: column;
        align-items: center;
    }
    .Testimonials .man{
        width: 65%; 
     
    }
    .Testimonials .man img{
        border-top-left-radius: 30px; 
        border-top-right-radius: 30px;
        border-bottom-left-radius: 0px;
    }
    .Testimonials .text{
        width: 65%; 
        border-top-right-radius: 0px; 
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .f-colum{
        flex-direction: column;
        align-items: center;
    }
    .bg-box figure{
        width: 450px;
        height: 450px;
    }
    .questions .text p {
        padding: 30px 39px 45px 56px;
    }
    .questions .text {
        background-size: 80% 100%;
    }
    .articles .col-lg-5{
        flex-direction: column !important;
    }
    .articles .col-lg-7 .t-bg{
        flex-direction: column;
    }
    .sugan img{
        border-top-left-radius: 25px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 25px;
    }
    .articles .text{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .articles .text h5{
         padding-bottom: 30px;
    }
    .articles .col-md-11 {
        width: 66%;
    }
    footer ul li a{
        font-size: 14px;
    }
    .copy{
         flex-direction: column;
         align-items: center;
         text-align: center;
    }
/* ====== about.html ====== */ 
    .vision-text-bg{
        background-color: #231F53;
        border-top-left-radius: 25px;
        width: 99%;
        height: 30%;
        right: 0;
    }
    .vision-text-bg2{
         background-color: #3ED0F5;
         border-bottom-right-radius: 25px;
        bottom: 5%;
        width: 99%;
        height: 57%;
        right: 0;
    
    }
    .vision .row {
        padding: 50px 0px;
        gap: 50px;
        text-align: center;
    }
    .vision figure img {
        width: 100%;
    }
    .vision p{
        padding: 15px 50px;
    }
    .vision hr{
        left: 0px;
    }
    .vision-a {
        padding-top: 20px;
        justify-content: center;
    }  
/* ====== contact.html ====== */ 
    .location .gap-4 {
        gap: 30px !important;
        justify-content: center;
    }
    .location .map-colum {
         padding: 20px 20px;
    }
    .location-p{
        padding: 20px 30px 30px 30px;
        text-align: center;
    }
    .location h2{
        padding: 0px;
        text-align: center;
    } 
/* ====== testimonials.html ====== */      
    .tesimonial-part .text{
        width: 80%;
        border-bottom-right-radius: 25px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 25px;
    }
    .tesimonial-part .man{
         width: 80%;
    }
    .tesimonial-part .man img{
         border-bottom-left-radius: 0px;
         border-top-left-radius: 25px;
         border-top-right-radius: 25px;
    }
    .testimonial .col-lg-6{
        margin-bottom: 40px;
    }
     .testimonial .t-bg {
        background-size: 90% 80%;
    }     
}
@media screen and (max-width: 480px) {
/* 01 globle styleing */
    h1{
        font-size: 38px;
        font-weight: 600;
        line-height: 44px;
    }
    h2{
        font-size: 28px;
        font-weight: 600;
        line-height: 34px;
    }
    h3{
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
    }
    h4{
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
    }
    h5{
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    h6{
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
    p{
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        
    }
    button{
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }
    a{
        font-size: 14px ;
        font-weight: 600 ;
        line-height: 22px;
        padding: 13px 34px;
    }
    input::placeholder {
        font-size: 14px !important;
      }
      select {
        font-size: 14px;
      }
      textarea {
        font-size: 14px;
      }
      /* All page background */
    .header-hero-bg2{
        background-size: cover;
    }
/* ====== index.html ====== */
    .hero h1 {
        padding: 100px 0px 5px 0px;
    }
    .hero .pt-2 {
        padding: 30px 5px;
    }
    .f-d-need {
        padding: 50px 31px;
    }
    .f-a-doctor {
        width: 100%;
    }
    .hero .gap-2{
        flex-direction: column;
    }
    .hero .gap-2 a{
       margin-bottom: 20px;
    }
    .header .px-5{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }   
    .f-d-need p {
        padding: 10px 0px 15px 0px;
    }
    .find-doctor {
        width: 90%;
    }
    .live-chat{
        padding: 11px 9px;
        top: 88%;
    }
    .live-chat i{
        font-size: 22px;
    }
    .healthcare .text-center {
        padding: 10px 20px;
    }
    .healthcare {
        padding-top: 130px;
    }
    .healthcare .col-9 {
        width: 84%;
    }
    .about-healthcare{
        padding-top: 50px;
    }
    .get-about{
        padding: 50px 0px;
      }
    .get-about ul:nth-child(2) {
        padding-left: 40px;
    }
    .get-about .get-h2 {
        padding: 0px 0px 0px 0px;
    }
    .get-about p {
        padding: 3px 13px 10px 15px !important;
    }
    .get-about-p{
        padding: 15px 10px !important;
    }
    .benefits h2{
        padding: 0px 10px;
    }
    .bnf-p{
        padding: 10px 10px;
    }
    .benefits {
        padding: 50px 0px;
    }
    .benefits .col-lg-3 p {
        padding: 0px 27px;
    }
    .benefits .col-lg-3 {
        padding: 40px 10px;
    }
    .timeing {
        padding: 50px 0px;
    }
    .tim-p {
        padding: 10px 5px 20px 5px;
    }
    .about-timimg .t-table .d-flex {
        gap: 50px;
    }
    .approach h2{
        padding: 0px 10px;
    }
    .aph-p{
        padding: 10px 15px;
    }
    .approach{
        padding: 50px 0px;
    }
    .approach .hover2{
        margin-top: 30px;
    }
    .approach .col-lg-3 p {
        padding: 2px 50px;
    }
    .approach .row>* {
        width: 84%;
    }
    .approach code {
        font-size: 28px !important;
        font-weight: 600 !important;
    }
    .technology .teach-1 p{
        left: 3px;
        top: 5%;
        font-size: 20px;
    }
    .technology{
        padding: 50px 0px;
    }
    .technology .teach-1{
        background-size: 100% 100%;
    }
    .techno-p {
        padding: 10px 0px;
    }
    .specialist p{
        padding: 10px 10px; 
     }
     .specialist {
        padding: 50px 0px;
    }
    .specialist .row>* {
        width: 84%;
    } 
    .appointment {
        padding: 50px 0px;
        padding-top: 100px;
    }
    .appointment .col-lg-7, .appointment .col-lg-5{
        width: 91%;
    }
    .mem-p{
        padding: 20px 10px 40px 10px;
    }
    .member {
        padding: 10px 0px;
    }
    .member .row {
       justify-content: center !important;
    }
    .member .col-lg-4 {
        width: 87%;
    }
    .patient-p{
        padding: 10px 10px;
    }
    .patient h2{
        padding: 0px 10px;
    }
    .content {
        top: 8%;
    }
    .patient .content p {
        width: 244px;
    }
    .patient {
        padding: 50px 0px;
    }
    .patient .row {
        justify-content: center !important;
     }
     .patient .col-lg-3 {
         width: 87%;
     }
     .patient .content p {
        padding: 0px 0px;
    }
    .Testimonials .t-bg{
        background-size: 100% 80%;
    }
    .Testimonials .man{
        width: 90%;  
    }
    .Testimonials .text{
        width: 90%; 
    }
    .test-p {
        padding: 10px 10px;
    }
    .Testimonials {
        padding: 50px 0px;
        background: #231F53;
    }
    .questions h2 {
        padding: 0px 10px;
    }
    .ques-p {
        text-align: center;
        padding: 10px 10px;
    }
    .questions {
        padding: 50px 0px;
    }
    .questions .text p {
        padding: 30px 11px 44px 20px;
    }
    .questions .text {
        background-size: 100% 100%;
    }
    .questions .text {
        top: -16%;
    }
    .accordion {
        padding: 0px 5px;
    }
    .bg-box figure{
        width: 345px;
        height: 345px;
    }
    .bg-box{
        margin-bottom: 30px;
    }
    .articles h2{
        padding: 0px 5px; 
    }
    .art-p {
        padding: 10px 10px;
    }
    .articles {
        padding: 50px 0px;
    }
    .articles .card1 .flex-column {
        padding: 30px 30px;
    }
    .articles .col-md-11 {
        width: 88%;
    }
    .search button {
        width: 104px;
    }
    .search input {
        width: 67.5%;
    }
    footer {
        padding-top: 50px;
    }
    .foot-p {
        padding: 15px 10px;
    }
    .social a {
        width: 35px;
        height: 35px;
    }
    .copy {
        padding: 10px 0px;
    }
    #Succes-box2{
        font-size: 22px;
        font-weight: 500;
        line-height: 28px;
        width: 80%;
        right: 10%;
    }
    #Succes-box{
        font-size: 22px;
        font-weight: 500;
        line-height: 28px;
        width: 80%;
        left: 10%;
    }
/* ====== about.html ====== */ 
    .vision{
        padding-bottom: 50px;
    }
    .vision p{
        padding: 10px 10px;
    } 
/* ====== contact.html ====== */ 
    .location .gap-4 {
        gap: 15px !important;
    }
    .location .map-colum {
        padding: 20px 10px;
    }
    .location-p{
        padding: 15px 10px 15px 10px;
        text-align: center;
    }
    .location h2{
        padding: 0px;
         text-align: center;
    }   
    .location{
        padding-top: 50px;
    }
/* ====== testimonials.html ====== */     
    .testimonial .row .col-lg-6{
        padding-bottom: 20px;
    }
    .testimonial-p {
        padding: 15px 5px;
    }
    .testimonial {
        padding: 50px 0px;
    }
/* ====== 404.html ====== */ 
    .four04-bg p{
        padding: 15px 10px;
    } 
    .mt-1 {
        gap: 10px; 
    } 
/* ====== coming.html ====== */ 
    .coming-bg p{
        padding: 15px 10px;
    } 
    .mt-1 {
        gap: 10px; 
    }        
}
@media screen and (max-width: 360px) {
/* ====== index.html ====== */    
    .f-d-need {
        padding: 50px 15px;
    }
    .find-doctor {
        width: 100%;
    }
    .healthcare .col-9 {
        width: 95%;
    }
    .get-about ul:nth-child(2) {
        padding-left: 20px;
    }
    .get-about i {
        margin-right: 8px;
        font-size: 25px;
    }
    .cont-bg1 {
        padding: 10px 8px;
    }
    .cont-bg2 {
        padding: 8px 0px;
    }
    .get-about p {
        padding: 0px 5px 5px 5px !important;
    }
    .benefits .col-lg-3 {
        width: 95%;
    }
    .about-timimg .t-table .d-flex {
        gap: 5px;
    }
    .timeing .gap-4 {
        padding: 45px 20px;
    }
    .approach .col-lg-3 p {
        padding: 2px 20px;
    }
    .approach .row>* {
        width: 95%;
    }
    .technology .teach-1 p{
        left: 3px;
        top: 3%;
        font-size: 15px;
    }
    .specialist .col-lg-6 {
        padding: 25px 12px;
    }
    .star-like h6{
        font-size: 14px;
    }
    .specialist .row>* {
        width: 97%;
    }
    .appointment .col-lg-7, .appointment .col-lg-5{
        width: 100%;
    }
    .member .col-lg-4 {
        width: 93%;
    }
    .content {
        top: -10%;
    }
    .patient .content p {
        width: 280px;
    }
    .patient .col-lg-3 {
        width: 95%;
    }
    .patient .content p {
        padding: 0px 16px;
    }
    .Testimonials .text {
        padding: 30px 25px !important;
    }
    .questions .text p {
        padding: 12px 5px 30px 12px;
    }
    .questions .text {
        top: -25%;
    }
    .bg-box figure{
        width: 265px;
        height: 265px;
    }
    .bg-box{
        margin-bottom: 20px;
    }
    .articles .col-md-11 {
        width: 100%;
    }
    .search button {
        width: 104px;
    }
    .search input{
        width: 59%;
    }
    .search {
        width: 266px;
    }
/* ====== about.html ====== */ 
    .vision-a {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .phone-about{
         margin-left: 0px;
    }
    .vision .row>* {
         padding-right: 5px ;
         padding-left: 5px;
    } 
/* ====== contact.html ====== */ 
    .location .gap-4 {
         gap: 5px !important;
    }
    .location-p{
        padding: 10px 10px 10px 10px;
    }
    .location h2{
        padding: 10px 0px;
    } 
/* ====== 404.html ====== */ 
    .four04-bg .hover3 a {
        padding: 13px 15px 13px 15px !important;
    }
    .four04-bg  .hover1 a {
        padding: 13px 15px 13px 15px !important;
    } 
/* ====== coming.html ====== */     
    .coming-bg .hover3 a {
        padding: 13px 15px 13px 15px !important;
    }
    .coming-bg  .hover1 a {
        padding: 13px 15px 13px 15px !important;
    }
}
@media screen and (max-width: 320px) {
/* ====== index.html ====== */     
    .navbar-brand {
    padding: 8px 0px !important;
    }
    #navbarNav {
        padding: 0px 0px;
    }
    .get-about ul:nth-child(2) {
        padding-left: 12px;
    }
    .get-about h2 {
        margin: 2px 0px;
    }
    .specialist .hover2 a {
        padding: 11px 16px 13px 16px !important;
    }
    .search input {
        width: 57%;
    }
}