
@media(max-width:1500){


}



@media(max-width:1400){

}



@media(max-width:1280px){

}



@media(max-width:1024px){
   
 
}



@media(max-width:992px){

    header .headerbotom .navbar-nav{gap: 5px;}

    #testimonial .content .p1{font-size: 16px;}

    
    #contact .location p{font-size: 14px; margin-bottom: 15px;}
    #contact .location ul{columns: 1;}
    #contact .location ul li{height: 70px; padding: 8px 12px; margin-bottom: 10px;}
    #contact .location ul li a{font-size: 14px; font-weight: 400;}

    #fetal-gynae{text-align: center;}

}



@media(max-width:768px){

#treatments .treatmentsinr .content .callbak a{width: 164px; font-size: 12px;}

}


@media(max-width:767px){


#make h3{color:#ffffff; text-align: center; margin-bottom: 20px;}
#make .form-label{font-weight: 500; font-size: 18px;}
#make{padding: 0px;}
#make .opcit{background-color: #000000b3; padding: 10px 0px;}
#make .form-label{color: rgb(255, 255, 255);}
#make form .form-control {background-color: transparent; border-color: #fff; color: #fff;}
#make form .form-control::placeholder{color: #fff;}
#make form .form-control:focus{box-shadow: none;}

}



@media(max-width: 520px){

}



@media(max-width: 425px){
    header .headertop{display: none;}
    header .headerbotom .navbar-brand {width: 178px;}
    header .headertopaa{padding: 5px 0px;}
    header .headertopaa{display: block; text-align: center;}
    header .headertopaa .hedtop{text-align: center; padding-bottom: 69px;}
    header .headerbotom {padding: 0px;}
    header .headerbotom .navbar-nav{gap: 20px;}
    header .offcanvas.offcanvas-end{width: 75%;} 

    #slider .owl-nav button.owl-next{top: 93px;}
    #slider .owl-nav button.owl-prev{top: 93px;}

    #about{padding: 33px 0 ;}
    #about .row{flex-direction: column-reverse; row-gap: 20px;}
    #about .content h3{font-size: 40px;}
    #about .content h5{font-size: 22px; margin: 10px 0;}
    #about .content p{font-size: 14px; line-height: 22px;}
    #about .content a{font-size: 16px;}

    #treatments h2{font-size: 33px;}

    #countr{padding: 33px 0;}

    #make{padding: 40px 0; background-position: -254px center;}

    #testimonial:before{bottom: -85px;}
    #testimonial h2{font-size: 33px; margin-bottom: 30px;}
    #testimonial .img img{width: 30%; margin: auto;}
    #testimonial{padding: 60px 0px;}
    #testimonial .content .p1{font-size: 14px; text-align: center;}
    #testimonial .content .p2 {text-align: center;  margin: 15px 0 10px;}
    #testimonial .content .p3{text-align: center;}
    

    #liposucion h2{font-size: 26px;}

    #appointment{background-position-x: -54px;} 

    footer .footerboo ul{display: block !important; text-align: center;}
    footer .footertop h3{font-size: 16px !important;}
    footer .footertop .addres li{font-size: 13px;}
    footer .footertop .addres li a{font-size: 13px;}
    footer .footertop ul li a{font-size: 13px;}

    footer .footertop ul{text-align: center;}
    footer .footertop .addres{text-align: center;}


    #countr .cvvv{margin-top: 20px;}

    #thank .content{width: 100%;}

    .quickcontact{height: 45px; width: 45px;}


}




@media(max-width:375px){

    header .headerbotom .navbar-brand {width: 158px;}

}



@media(max-width:320px){

    #slider .owl-nav button.owl-next {
        top: 71px;
    }
    #slider .owl-nav button.owl-prev {
        top: 71px;
    }



}