@media(max-width:1500px) {}

@media(max-width:1400px) {
   
    #slider {
    padding: 55px 0 0;
}
}

@media(max-width:1200px) {

  
}

@media(max-width:1069px) {
  
    #slider .text h2{font-size: 31px;}
    #slider .text p{font-size: 24px;}
    #slider .text h4{font-size: 24px;}
}

@media(max-width:991px) {
 header .book-noww{display: block;}
    
    header .book-now a{
        margin-top: 30px;
    }
     header .book-noww a {display:none;}
       
        
        #slider{padding: 60px 0 0;}
    #slider .text{padding-left: 30px;}
    #slider .text h2{font-size: 21px;}
    #slider .text p{font-size: 16px;}
    #slider .text h4{font-size: 20px;}

      #box .inner p, #box .inner p a{font-size: 14px;}
       #box {margin-top: -55px;}
    #box .inr ul li h5, #box .inr ul li h5 a {font-size: 14px;}
       .appointment-container {
                grid-template-columns: 1fr;
            }

            .image-section {
                padding: 30px;
                min-height: 400px;
            }

            .form-section {
                padding: 40px 30px;
            }

            .form-section h2 {
                font-size: 32px;
            }
              .footer-container{
    grid-template-columns:1fr;
  }
    .footer-map iframe{
    height:300px;
  }

  .footer-content h2{
    font-size:28px;
  }

             #choose .content h3{font-size: 35px;}
    #choose .content ul li{font-size: 14px;}
   /* #contact-section .contact-wrapper {
        grid-template-columns: 1fr;
    } */
}

@media(max-width:768px) {
    .appointment-wrapper{
    grid-template-columns:1fr;
    gap:40px;
  }

  .appointment-left h2{
    font-size:36px;
  }
.about-title h2 {
    font-size: 2rem;}
    .about-content-block p {
    color: #5f5f5f;
    font-size: 12px;
    line-height: 27px;
}
.btn-appointment {
    background-color: black;
    color: white;
    padding: 8px 11px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;}
.about-section {
    position: relative;
    width: 100%;
    background-image: url(../images/drbg.jpg);
    height: auto;
    padding: 50px 0px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* min-height: 676px; */
    padding-bottom: 72px;
    overflow: hidden;
}
#choose {
    padding: 0px 0px;
}


}

@media(max-width:600px) {

    .social-links a {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-right: 8px;
    }
}

@media(max-width:579px) {

     header .navbar .navbar-brand{width: 50%;}
    header .offcanvas.offcanvas-end{
        width: 90%;
    }
      
    #slider .content h2 span sup {bottom: -1px; left: 0px;}

    #choose .content ul li {font-size: 14px; margin-top: 20px;}
    #slider .content {padding: 0px 0px 20px;}
    #slider{padding: 115px 0 0;}
    #slider .content h2 {font-size: 22px;}
    #slider .content h4 {font-size: 18px;}

    #slider .content h4 span {font-size: 13px; padding: 0px 0px;}

    #slider .content h5 {font-size: 20px; margin-top: 10px;}
    #slider .content h5 span {font-size: 14px; padding: 0px 1px;}

    #slider .content .text-a {font-size: 18px; margin: 40px 0 13px; text-align: start;}
    #slider .content .text-c {font-size: 13px; font-weight: 600; padding: 0px 0px; letter-spacing: 0px;}

    #box .inr ul{justify-content: center;}
    #choose .content ul li {font-size: 14px; margin-top: 20px;}
     #choose {padding: 40px 0 20px;}
        #footer-sec {padding: 25px 0px;}
    #footer-sec .icon-sosiyal{display: block !important; text-align: center;}
    #footer-sec .icon-sosiyal li h2 {font-size: 25px; margin-bottom: 18px;}
    #footer-sec .icon-info {display: block !important; text-align: center; margin-top: 25px;}
    #footer-sec .icon-info  li{margin-bottom: 15px;}
    .footer-bottom .imgs img {width: 70%;}
}

@media(max-width:480px) {
    header .top-menu li a {
    color: #000000;
    font-size: 10px;
}
.hassle-free-section .row{
        flex-direction: column-reverse;
}
.about-section .row{ flex-direction: column-reverse;    margin-top: 53px;}
       .about-content-block {
    padding: 13px 0px 0px }
.about-content-block{
    text-align: center;
        padding-bottom: 30px;
}
.about-content-block p {
    color: #5f5f5f;
    font-size: 16px;}
.about-title h2 {
        font-size: 25px;
    }
    .btn-appointment {
    margin-top: 10px;
    padding: 8px 14px;
    font-size: 14px;}
    #choose .img{
margin-top: 20px;
} 
#choose .about-us {
    padding: 0px 0px;
    text-align: center;
}
#choose .about-us h4{
    font-size: 27px;
}
#choose .about-us h4 span {
    font-size: 27px;}
    #choose .about-us .text {
    font-size: 14px;}
    #treatment .content h2 {
    font-size: 24px;}
    .blog-img img {
    width: 100%;
    height: 123px;}
    .blog-content {
    padding: 15px;
}
#blog-section h2 {
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 2px;
}
    #why-choose .section-title h2 {
        font-size: 25px;
    }

#insta {
    padding: 22px 0px;
}#insta h2 {
    font-size: 24px;
    font-weight: 600;}
    #gallery {
    padding: 0px 0;}
    #gallery h3 {
    font-size: 32px;}
        #choose {
        padding: 0;
    }
    .about-section {
        background-image: none;
    }
    
.appointment-left {
    background: #faefc0a3;
    color: #000000;
    padding: 19px 13px;}
        .appointment-left h2 {
        font-size: 33px;
    }
    .appointment-left .phone {
    font-size: 25px;}
    #appointment-section {
    padding: 26px 10px;}
    .appointment-right h2 {
    font-size: 26px;}

    #gallery-image {
    padding: 2px 0;}
    
#gallery-image h3 {
    font-size: 27px;}
#testimonial .iner .google {
    width: 36%;
}
#appointment-section .blue-card {
    background: #000;
    border-radius: 30px;
    padding: 15px;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 60px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.footer-address h3 {
    font-size: 26px;}
 .footer-address h4 {
    font-size: 12px;}
    .footer-address p {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 13px;
}

}
@media(max-width:400px) {

 
}

@media(max-width:359px) {
   
}