
@media(max-width:1500){



}


@media(max-width:1400){


    
}



@media(max-width:1280px){





}



@media(max-width:1024px){

#wisdom-tooth-removal .content h2, #wisdom-tooth-removal-a .content h2 {font-size: 41px; width: 84%;}

 
}



@media(max-width:992px){

header .header-bottom .navbar .navbar-nav .nav-link{color: #000;}
header .header-bottom .navbar .navbar-nav{align-items: start;}

#slider .content h2 {font-size: 53px; line-height: 64px; margin-bottom: 20px;}
#slider .content h3 {font-size: 23px; line-height: 26px;}

#wisdom-tooth-removal{padding: 55px 0px;}
#wisdom-tooth-removal .row, #wisdom-tooth-removal-a .row{row-gap: 25px;}
#wisdom-tooth-removal .imgs img, #wisdom-tooth-removal-a .imgs img{width: 100%;}

#get-appointment .content h2 {font-size: 31px; line-height: 43px;}
#get-appointment .content h4 {font-size: 17px; margin-bottom: 15px;}
#get-appointment .btn-a a {padding: 11px 28px;}

#counter .row{row-gap: 25px;}

#contact h2 {font-size: 23px; margin: 15px auto 30px; width: 100%;}
#contact .from{margin-bottom:25px;}


}



@media(max-width:768px){



}



@media(max-width: 520px){

}



@media(max-width: 480px){

header .header-bottom .navbar .navbar-brand {width: 50%;}

#slider {padding: 24px 0px;}
#slider .row{row-gap: 25px;}
#slider .content h2 {font-size: 34px; line-height: 44px; margin-bottom: 20px;}
#slider .content h3 {font-size: 17px; line-height: 26px;}
#slider .content .slider-book li a {padding: 10px 19px; font-size: 15px; border-radius: 30px;}

#about-us {padding: 40px 0px;}
#about-us .imgs-sc, #about-us .iner::after{display: none;}
#about-us .iner {height: 418px;}
#about-us .content h4 {font-size: 16px; font-family: "Roboto", sans-serif;}
#about-us .content h2{font-size: 24px; margin-bottom: 10px; line-height: 30px;}
#about-us .content{margin-left: 0;}
#about-us .text {font-size: 14px; line-height: 23px; font-weight: 400; text-align: justify;}
#about-us .content a {padding: 9px 24px;}

#wisdom-tooth-removal .content h2, #wisdom-tooth-removal-a .content h2 {font-size: 21px; width: 100%; letter-spacing: 1px; line-height: 30px;}
#wisdom-tooth-removal .content h5, #wisdom-tooth-removal-a .content h5 {font-size: 12px; width: 100%; letter-spacing: 1px;}
#wisdom-tooth-removal .content .text, #wisdom-tooth-removal-a .content .text {font-size: 15px; text-align: justify;}
#wisdom-tooth-removal-a .content a, #wisdom-tooth-removal .content a{padding: 9px 24px;}

#doctor-text p {font-size: 14px; text-align: justify; margin-bottom: 10px;}

#what-we-do {padding: 15px 0px 30px;}
#what-we-do h2 {font-size: 24px; margin-bottom: 30px;}
#what-we-do h5 {font-size: 14px; margin-bottom: 7px;}
#what-we-do .iner .imgs img{width: 100%;}
#what-we-do .content h4 {margin: 10px 0px; font-size: 18px;}
#what-we-do .content .text {font-size: 14px;}

#wisdom-tooth-removal h3 {font-size: 19px; margin-bottom: 30px;}
#wisdom-tooth-removal {padding: 38px 0px;}

#get-appointment .content {text-align: center;}
#get-appointment .content h4 {font-size: 16px; margin-bottom: 12px;}
#get-appointment .content h2 {font-size: 24px; line-height: 36px;}
#get-appointment .btn-a{text-align: center;}

#gallery {padding: 25px 0 40px;}
#gallery h2 {font-size: 27px; margin-bottom: 15px;}

#counter {padding: 24px 0; margin-top: 0px;}
#counter h2 {font-size: 25px; margin-bottom: 30px;}
#counter .iner h5 {font-size: 13px;}


footer .home-tab{gap: 10px !important;}
footer .home-tab li a{font-size: 12px;}
footer .home-tab li a::before{display: none;}

footer {padding-top: 30px;}
footer .gdi-logo {margin-top: 35px;}



    /* about-sec */






    }





@media(max-width:375px){
   





}




@media(max-width:320px){


 





}