@media (min-width: 1400px){
.container{
    max-width: 1245px !important;
}
footer .container,.custom-navbar .container {
    max-width: 1440px !important;
}
.g-custom{
    --bs-gutter-x: 8rem !important;
}
}

@media (max-width: 991px){
    .landing-banner {
        min-height: 330px;
    }

    .book-appointment .book-appointment-box  {
       top: -50px;
    }

    .landing-banner h1 {
        font-size: 2.8rem;
    }

    .book-appointment-box {
        border-radius: 20px;
        padding: 30px 24px !important;
    }
    .home section,main,body{
        background-color: #f2f2f2 !important;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .custom-filter-set1 select,.custom-filter-set1 input{
        background-color: #fff !important;
    }

    .contact-form input,.contact-form select,.contact-form textarea{
        background-color: #ffffff !important;
    }

    .contact-form{
        border: 1px solid #ffffff;
        padding: 20px !important;
    }

    .custom-carousel .owl-nav .owl-prev{
        display:none;
    }

    .custom-carousel .owl-nav button{
        background-color: #ffffff00 !important;
        border-radius: 0px !important;
        height: auto;
        border: none !important;
    }
    .owl-nav button::after{
        content: "";
        background: url(../images/carouseil-mob-arrow.png);
        position: absolute;
        width: 50px;
        height: 20px;
        top: -15px;
        left: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .section-heading{
        display: flex;
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 27px;
        position: relative;
        font-size: 24px !important;
        padding-right: 63px !important;
    }
    .our-centres::after{
        display: none;
    }
    .section-heading:lang(ar){
        padding-left: 63px !important;
        padding-right: 0px !important;
    }

    .section-heading::before{
        content: "";
        width: 200px;
        position: absolute;
        height: 1px;
        background-color: #009ba2;
        bottom: 0;
    }

    .content-box{
        background-color: white;
        padding: 35px;
        line-height: 19px;
    }

    .centre-box{
        border-radius: 25px;
    }

    .centre-box p,.articles-details p{
        text-align: justify;
        line-height: 25px;
        margin-bottom: 20px !important;
    }

    .centre-box .vm-link,.articles-details .vm-link{
        margin: auto;
        display: block;
        text-align: center;
    }
    
    .owl-dots{
        margin-top: 30px;
    }

    .nav-animatd {
        position: fixed;
        right: 20px;
        bottom: 80px !important;
        z-index: 3;
        top: auto !important;
    }
    .main-icon img {
        max-width: 75px;
    }
    .opt-icons {
        width: 90px;
    }
    .ring {
        width: 95px;
        top: -30px;
    }
    .opt-1.show {
        top: -122px;
    }
    .opt-2.show {
        right: 107px;
        top: -70px;
    }
    .opt-3.show {
        right: 108px;
        top: 54px;
    }
    .opt-4.show {
        right: 0px;
        top: 107px;
    }
    footer .copyrights p, footer .copyrights a {
        font-size: 11px;
        line-height: 19px;
    }
    .filter-criteria a {
        font-size: 10px;
        margin-top: 12px;
    }
    .filter-criteria a span{
        font-size: 11px;
    }
    .filter-criteria{
        margin-top: 30px !important;
    }
    .btn-video-ctrl::after{
        width: 53px;
        height: 53px;
    }
    .btn-video-ctrl img {
        width: 15px;
        margin-right: -6px;
    }
    .btn-video-ctrl {
        width: 40px;
        height: 40px;
        margin-bottom:10px;
    }
    .video-prop-dis{
        padding: 10px;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    .video-container-custom video {
        border-radius: 20px;
        min-height: 200px;
    }

    .articles-list-area .ne-box{
        background-color: white !important;
        border-radius: 20px !important;
    }

    .articles-list-area .news-details{
        padding: 20px !important;
    }

    .articles-search-result img,.facility-search-res img{
        width: 100% !important;
        /* height: 220px !important; */
        height: 170px;
    }
    .career-details .container,.chairman-msg .container{
        background-color: #fff !important;
        padding: 20px !important;
    }
    .chairman-msg .msg-dp {
        margin: auto;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 767px){

    .book-appointment-box .btn-custom {
        height: 45px !important;
        border-radius: 8px !important;
        padding: 13px 10px !important;
    }

    section{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .logo {
        max-height: 35px;
    }

    .our-specialities h4 {
        font-size: 16px;
    }
    .doctor-list{
        margin-top: 20px !important;
    }
    .custom-navbar{
        background-color: #f2f2f2 !important;
    }
    .video-container-custom h5{
        font-size: 10px !important;
    }
    .testimonials-box::after,.testimonials-box::before{
        display: none !important;
    }
    .custom-navbar .custom-search{
        position: absolute !important;
        left: 0;
        max-width: calc(100vw - 20px);
        margin: 0px 9px;
        background-color: #fff !important;
        border: none !important;
        box-shadow: 0px 0px 20px #919191;
        height: 52px;
        padding: 15px;
        top: -140px;
        transition: 0.3s;
    }

    .custom-navbar .custom-search.show{
        top: 90px !important;
    }
    .btn-toggle-search{
        display: block;
    }
    .location-title{
        font-size: 17px !important;
    }
}

@media (max-width: 552px){
    .doc-box{
        border-radius: 20px;
    }
    .view-doc-carousel img{
        height: 190px !important;
    }

    .doc-details{
        position: relative;
        padding: 10px;
        color: #2e2e2e !important;
        background: #fff !important;
        font-size: 13px;
    }
    .doc-details span {
        font-size: 11px !important;
    }
    .landing-banner h1{
        font-size: 2.8rem;
        font-size: 9vw;
    }

    .facilities-box{
        border-radius: 20px;
        background: #fff !important;
    }
    .facility-details{
        padding: 10px;
    }

    .articles-box,.ne-box{
        border-radius: 25px;
    }
    .ne-box{
        background: white;
    }
    .articles-details,.news-details{
        padding: 30px !important;
    }
    .logo {
        max-height: 28px;
    }

}

@media (max-width:575px){
    .doc-card img{
        border-radius: 23px !important;
        margin-bottom: 30px;
    }
    .doc-details-det .rhs p {
        font-size: 10px !important;
    }
    .doc-details-det .rhs h4 {
        font-size: 11px;
    }

    .doc-card .btn,.mobile-filter .btn{
        width: 100%;
        margin-top: 22px;
        border-radius: 5px !important;
        font-size: 15px !important;
        min-height: 55px;
    }
    .article-box h5{
        font-size: 11px;
    }
    .article-box span {
        font-size: 9px;
    }
    .article-box p {
        font-size: 10px;
        color: #000 !important;
        line-height: 14px;
        margin-bottom: 0px !important;
    }
    .article-details-d{
        padding: 4px 16px !important;
    }   
    .article-box img {
        max-width: 128px !important;
    }
    .article-box .vm-link{
        font-size: 10px !important;
    }
    .article-box{
        margin-bottom: 20px !important;
    }
    

}
@media (min-width:992px){
    .articles-list-area .ne-box{
        padding: 15px !important;
    }
}