/* #Media Queries
================================================== */

@media only screen and (max-width: 1024px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
    /*homepage*/
    .homepage {
        margin-top: 0 !important;
    }
    #slider.fullscreen .flex-control-thumbs {
        max-width: 100%;
    }
    .facilities-img {
        width: 100%;
    }
    .facilities-detail {
        width: 100%;
        padding: 80px 2% 80px 3%;
    }

    /*pagetitle*/
    .page-title .title {
        padding-top: 15%;
    }

    .sidebar {
        margin-top: 80px;
    }

    .widget .widget-agent-img {
        width: 100%;
        margin-right: 0;
    }
}
@media only screen and (max-width: 991px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
    /*blog*/
    .blog .blog-post img {
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    /*menu*/
    #main-menu {
        display: none;
    }
    #header .mobile-menu {
        display: none;
        float: right;
        padding: 10px 25px 25px;
    }
    .c-menu--slide-right {
        width: 300px;
        height: 100%;
    }
    .menus-mobile ul.child {
        display: none;
        -webkit-transition: all 0.6s ease 0s;
           -moz-transition: all 0.6s ease 0s;
            -ms-transition: all 0.6s ease 0s;
             -o-transition: all 0.6s ease 0s;
                transition: all 0.6s ease 0s;
    }
    .menus-mobile li.has-child:hover > ul.child {
        display: block;
    }
    /*homepage*/
    #slider.fullscreen .flex-control-thumbs {
        margin-top: -70px;
    }
    .slider-form {
        display: none;
    }
    .facilities .facilities-img, .facilities .facilities-detail {
        width: 100%;
    }
    .gallery .gallery-item img {
        width: 100%;
    }
    .features .features-item {
        width: 20%;
        float: left;
    }
    /*pagetitle*/
    .page-title .title {
        padding-top: 20%;
    }
    /*contact*/
    .agent-img {
        width: 100%;
    }
    .agent-detail {
        width: 100%;
        padding: 80px 2% 80px 3%;
    }
    .form {
        width: 100%;
        padding: 80px 3% 80px 2%;
    }
    .maps {
        width: 100%;
    }
    .maps iframe {
        height: 300px;
    }
    .room-slider {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 480px) {
    .features .features-item {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /*pagetitle*/
    .page-title .title {
        padding-top: 30%;
    }
    .grid figcaption h2 {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }
    /*facilities*/
    .facilities-item {
        width: 100%;
    }
}
@media all and (max-width: 320px) {
    .c-menu--slide-right {
        width: 250px;
    }
    .c-menu--slide-right {
        -webkit-transform: translateX(250px);
        -ms-transform: translateX(250px);
        transform: translateX(250px);
    }
    /*pagetitle*/
    .page-title .title {
        padding-top: 45%;
    }
    .page-title .title h2 {
        font-size: 28px;
    }
}

@media (max-width:580px){
    #header .logo img {
        margin-top: 10px;
        width: 170px;
    }

    .title h2{
        font-size: 25px;
        margin-bottom: 0;

    }

    .title{
        margin-bottom: 10px;
    }

    .slider-text h2 {
        margin-bottom: 0;
        font-size: 30px;
        text-transform: uppercase;
    }
    
    .slider-text p {
        font-family: 'oswaldlight';
        color: #ffffff;
        margin: 10px 0;
        font-size: 16px;
        font-weight: 300;
    }
    
    .facilities-detail p.intro {
        font-size: 18px;
        text-align: justify;
        padding: 0 25px;
    }
    
    .fourthSections .Left h3 {
        text-transform: uppercase;
        /* padding-bottom: 20px; */
        /* margin-top: 0; */
        margin-bottom: 20px;
        /* display: inline-block; */
        letter-spacing: 0.1em;
        /* color: #000000; */
        font-size: 22px;
    }
    
    .rightImg {
        width: 300px;
        height: 200px;
    }
    
    .fourthSections {
        display: flex;
        padding: 35px;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }
    
    .fifthSections {
        padding: 35px;
        background-color: #000000;
    }

    .fifthSections p {
        text-align: justify;
        text-align-last: center;
        font-size: 16px;
        width: 100%;
        margin: auto;
        font-weight: 700;
    }
    
    .fifthSections h3 {
        font-size: 25px;
    }
    
    .mobileOne {
        flex-direction: column;
        gap: 15px;
        display: flex;
        justify-content: space-around;
        padding: 50px 0;
    }

    .fifthSectionSections{
        display: none;
    }
    
        .grid {
            max-width: 100%;
        }

        .fourthSections .Left {
            width: 100%;
        }

        .secondsection {
            /* border: 1px solid black; */
            display: flex;
            flex-direction: column-reverse;
        }
        
        .secleft {
            /* border: 1px solid red; */
            width: 100%;
            /* height: 100%; */
        }
        
        .secondboxdiv {
            /* border: 2px solid black; */
            width: 180px;
            border: none !important;
            height: 125px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        
        .secright {
            align-items: center;
            padding: 60px 15px;
            width: 100%;
        }

        .secright h3 {
            font-size: 25px;
            text-align: center;
        }

        .eightSection {
            padding: 60px 0;
        }

        .pricetable {
            /* border: 2px solid red; */
            width: 95%;
            /* margin: 40px auto; */
        }

        .footer-text {
            width: 90%;
            margin: auto;
        }

        .footer-text  h1{
            font-size: 20px;
            line-height: 25px;
        }

        .footerLogo {
            width: 70%;
            /* padding: 20px 0;
            margin: auto; */
        }

        /* .wrapper {
            padding: 60px 0;
            overflow: hidden;
        } */

        .footer-text p {
            font-size: 15px;
            /* color: white; */
        }

        .wrapper {
            padding: 60px 0;
            overflow: hidden;
        }

        
        .seventhSection h3 {
            font-size: 25px;
        }

        .seventhSection p {
            width: 75%;
        }

        .eightSection h3 {
            font-size: 25px;
        }

        .owl-theme .owl-nav {
            margin-top: 10px;
            /* display: none; */
            visibility: hidden;
        }

        .gallerAllImage{
            display: none;
        }

        .mobileGallery{
            display: flex;
            flex-wrap: wrap;
        }

        .modal-content {
            width: 85%;
        }
        .slider-text-wrap {
            top: 0px !important;
            /* color: #000000 !important; */
        }

        #slider {
            background-position: center;
        }

        #header {
            padding: 0 0 30px 0;
        }

        .callbackButton {
            display: block;
            padding: 0 5px;
            height: 35px;
            margin-top: 16px;
            margin-left: 9px;
        }

        .mainLogoREq {
            display: flex;
            width: 100%;
            justify-content: space-around;
        }

          .secondImgREsp{
            display: block;
            padding: 0 20px;
        }

        .medicalSection{
            margin: auto;
        }
}


@media (min-width:581px) and (max-width:1100px){
    .rightImg {
        width: 360px;
        height: 300px;
    }

    .fifthSectionSections {
        display: flex;
        justify-content: center;
        padding: 50px 0;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    
    .gallerAllImage {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .container{
        width: 100%;
    }

    #slider {
        background-position: center;
        background-image: url('../img/MAIN-BANNER\ _\ MOBILE@2x.jpg');
    }
    .secondsection {
        /* border: 1px solid black; */
        display: flex;
        flex-direction: column-reverse;
    }
    .secleft {
        /* border: 1px solid red; */
        width: 100%;
        /* height: 100%; */
    }
    .secright {
        /* border: 1px solid green; */
        width: 100%;
    }
}