/* =========================================
HEADER RESPONSIVE
========================================= */

@media(max-width:1200px){

.navbar-animation nav{

gap:25px !important;

}

.navbar-animation nav a{

font-size:14px !important;

}

}



/* =========================================
TABLET
========================================= */

@media(max-width:992px){



/* TOPBAR */

.topbar-animation{

display:none;

}




/* NAVBAR */

.navbar-animation{

width:95% !important;
padding:20px !important;

}



.navbar-animation > div{

flex-direction:column;
gap:30px;

}




/* LOGO */

.navbar-animation img{

width:90px !important;
height:90px !important;

}




/* MENU */

.navbar-animation nav{

flex-wrap:wrap;
justify-content:center;
gap:20px !important;

}



.navbar-animation nav a{

font-size:15px !important;

}




/* BUTTON */

.appointment-btn{

width:100%;
justify-content:center;
padding:18px !important;

}




/* =========================================
FOOTER
========================================= */

footer .grid{

grid-template-columns:1fr 1fr !important;

}



.footer-box{

border:none !important;
padding-left:0 !important;

}



.footer-bottom-links{

flex-wrap:wrap;

}



footer .max-w-\[1400px\].mx-auto.px-10.py-6{

flex-direction:column;
gap:20px;
text-align:center;

}

}





/* =========================================
MOBILE
========================================= */

@media(max-width:576px){



/* NAVBAR */

.navbar-animation{

padding:18px !important;

}



.navbar-animation > div{

gap:25px;

}




/* LOGO */

.navbar-animation img{

width:75px !important;
height:75px !important;

}



.navbar-animation h1{

font-size:28px !important;

}



.navbar-animation p{

font-size:14px !important;

}




/* MENU */

.navbar-animation nav{

flex-direction:column;
align-items:center;
gap:18px !important;

}



.navbar-animation nav a{

font-size:16px !important;

}




/* BUTTON */

.appointment-btn{

font-size:15px !important;
padding:16px !important;

}




/* FOOTER */

footer .grid{

grid-template-columns:1fr !important;

}



.footer-title{

font-size:20px !important;

}



footer p,
footer a{

font-size:15px !important;

}



.footer-social{

justify-content:center;

}



.footer-bottom-links{

justify-content:center;

}



footer .max-w-\[1400px\].mx-auto.px-10.py-14{

padding-left:25px !important;
padding-right:25px !important;

}



footer .max-w-\[1400px\].mx-auto.px-10.py-6{

padding-left:25px !important;
padding-right:25px !important;

}

}