@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {

    header .headermn {padding: 5px 0px;}
    header .headermn .navbar .navbar-brand {width: 8%;}


}

@media(max-width:991px) {

    .header-top {display: none;}

    header .navbar-nav {gap: 20px;}
    header .nav-link {font-size: 11px;}
    header .header-med{display: none;}
    header .headermn .navbar .navbar-brand{display: block; width: 20%;}
    header .offcanvas {background-color: #000;}
    header .headermn {padding: 5px 0px; background-color: #000;}
    header .navbar-nav {align-items: start;}
    header .offcanvas-header .btn-close{filter: invert(1);}

    #slider .owl-item {padding: 155px 0;}
}

@media(max-width:768px) {}

@media(max-width:643px) {}

@media(max-width:579px) {}

@media(max-width:480px) {

    header .offcanvas.offcanvas-end {
        width: 80%;
    }

    header .headermn .navbar .navbar-brand {
        width: 30%;
    }

    .sticky .headermn .navbar .navbar-brand {
        width: 19%;
    }


    header .header-top .top-info li,
    header .header-top .top-info li a {
        font-size: 10px;
    }

    header .header-top .top-info li:last-child a {
        height: 22px;
        width: 22px;
        border-radius: 50px;
        line-height: 22px;
    }

    #slider .owl-item {padding: 75px 0;}

    #about .row {row-gap: 0px;}

    #about .content {padding: 10px 0px;}
    #about .content h2 {font-size: 26px;}
    #about .content h5 {font-size: 18px;}
    #about .content h4 {font-size: 15px; margin-bottom: 6px;}
    #about .content .text {font-size: 14px; line-height: 21px;}
    #about .content .btn {padding: 8px 10px; font-size: 13px;}

    #our-treatments, #video-sec {padding: 25px 0px;}
    #our-treatments h2, #gallery h2, #video-sec h2 {font-size: 24px; margin-bottom: 35px;}
    #our-treatments h2::before, #gallery h2::before, #video-sec h2::before {top: 40px;}



    #gallery {padding: 0px 0 10px;}
    #chouse {padding: 30px 0px 30px;}
    #chouse h2 {font-size: 24px;}

    #chouse h2::before {top: 45px;}
    

    footer .footertop .about .text {
        width: 100%;
    }

    footer .footertop .about img {
        width: 30%;
    }

    footer .footertop .heading {
        gap: 10px;
        margin-top: 15px;
    }

    footer .footertop {
        padding: 30px 0px 0px;
    }

    footer .footertop .soical-a img {
        width: 64%;
    }

    footer .footertop .soical-a {
        margin-top: 20px;
        padding-top: 20px;
    }
    footer .footertop .about p{width: 100%;}

    footer .footerboo ul{display: block; text-align: center;}
    footer .footerboo ul li:first-child{margin-bottom: 10px;}

    #about-sec {padding: 35px 0px;}
    #about-sec .contanet h2 {font-size: 25px;}
    #about-sec .contanet p{font-size: 14px;}

    #blog-det .row, #contact .row{row-gap: 25px;}
    #contact-from iframe{height: 250px !important;}

    .gallery-ses {padding: 25px 0px !important;}
    #gallery .nav {margin-bottom: 10px !important;}

    #service-det, #about-content, #gynecomastiat-transplant{padding: 35px 0px;}
    #about-content .iner h2, #gynecomastiat-transplant h2 {font-size: 24px; margin-bottom: 15px;}
    #about-content .iner .text{font-size: 14px; text-align: justify;}


}

@media(max-width:400px) {}

@media(max-width:359px) {}