@media only screen and (min-width: 1200px) and (max-width: 1399px)
{
    .dr-img img
    {
        width: 44%;
    }
}
@media only screen and (max-width:991px)
{
    .dr-img img
    {
        width: 85%;
    }
   
}
@media only screen and (max-width:1399px)
{
    .slider-content h5 {
        font-size: 26px;
    }
    .slider-content h2
    {
        font-size: 38px;
    }
    .slider-content p
    {
        width: 100%;
    }
    .slider-content
    {
        margin:  4rem 0rem 4rem 0rem;
    }
    .sr-tw-ul li a
    {
        padding: 20px;
    }
    .mb-5r
    {
        margin-bottom: 3rem;
    }
    .pb-105
    {
        padding-bottom: 70px;
    }
}
@media only screen and (max-width:991px)
{
    .about-img-wrap .about-img img, .dr-content, .about-img-wrap .about-img:after
    {
        width: 100%;
    }
    .about-title h5
    {
        font-size: 17px;
    }
    .about-title h2
    {
        font-size: 38px;
        line-height: 41px;
    }
    .about-content p
    {
        font-size: 15px;
    }
    .abt-space
    {
        margin: 4rem 0rem;
    }
    .about-img p
    {
        font-size: 15px;
    }
    .header-btn
    {
        margin-top: 10px;
        font-size: 15px;
    }
    .owl-theme .owl-nav
    {
        display: none;
    }
    .app-form
    {
        flex-direction: column;
        align-items: unset;
    }
    .app-form .header-btn
    {
        padding: 15px 20px !important;
    }
    .appointment-form form .form-group .form-control
    {
        height: 50px;
        padding: 10px;
    }
    .app-form
    {
        gap: 15px;
    }
    .appointment-form h4
    {
        font-size: 18px;
        margin-bottom: 20px;
    }
  
}
@media only screen and (max-width:767px)
{
    .app-form
    {
        flex-direction: column;
        align-items: unset;
    }
    .header-cta ul li
    {
        font-size: 14px;
    }
    .dr-img img
    {
        position: static;
    }
    .slider-content h2
    {
        font-size: 28px;
        text-shadow: 1px 1px 5px #646464;
    }
    .slider-content p
    {
        text-shadow: 1px 1px 5px #323232;
    }
    .header-cta ul
    {
        justify-content: center;
    }
    .header-social span
    {
        justify-content: center !important;
        margin-top: 10px;
    }
    .we-care-dental
    {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .about-title h5
    {
        font-size: 15px;
    }
    .about-title h2
    {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 15px !important;
    }
    .about-content p
    {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .abt-space
    {
        margin: 2rem 0rem;
    }
    .s-about-content .text-right li
    {
        text-align: left;
    }
    .footer-wrap .footer-widget .footer-menu li a
    {
        font-size: 15px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    /* sub-page */
    .sub-banner-head h3
    {
        font-size: 35px;
    }
    .sub-page-banner
    {
        padding: 12% 0%;
        background-attachment: unset;
        background-size: cover;
    }
    .sub-banner-head ul li
    {
        font-size: 15px;
    }
    .single-services .services-content
    {
        padding: 20px;
    }
    .single-services .services-content h3
    {
        font-size: 22px;
    }
    .services-details-content
    {
        margin-top: 25px;
    }
    /* team-details */
    .team-details .services-details-content h3
    {
        font-size: 20px;        
    }
    .team-details .spec
    {
        font-size: 18px;
    }
    .team-details .qual
    {
        font-size: 15px
    }
    .abt-content img
    {
        width: 60%;
    }
    .single-services .abt-content img
    {
        width: 100%;
    }
}

@media only screen and (max-width:575px)
{
    .second-header
    {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .header-cta ul
    {
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }
    .slider-content h5
    {
        font-size: 21px;
    }
    
    .slider-content h2
    {
        margin: 15px 0px;
    }
    .slider-content
    {
        margin: 3rem 0rem 3rem 0rem;
    }
    .gallery-imgs img, .vertical img
    {
        height: auto;
    }
    .df
    {
        gap: 10px;
    }
    .df h3
    {
        font-size: 15px !important;
    }
    .services-details-content h3
    {
        font-size: 20px;
    }
    .services-details-content p
    {
        font-size: 15px;
        line-height: 24px;
    }
    .gall-popup .modal-content
    {
        top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
  }
  .modal-content {
    margin: auto;
    display: block;
    max-width: 80%;
    max-height: 100%;
  }

}

@media only screen and (max-width:481px)
{
    .team-details .service-sub-img img
    {
        height: 400px;
    }
}