/*header.php*/
@media screen and (max-width: 600px) {
    .topbar-number {
        margin: 18px 0 0 25px;    
    }
    .topbar-number h4 {        
        font-weight: 400;
        font-size: 12px;
        display: none;
    }
    .topbar-logo img {
        width: 40px;
        height: 40px;
    }
    .logo-text {        
        font-weight: 600;
        font-size: 12px;        
        margin: 10px 0 0 0;
    }
    .topbar-button button {
        margin: 5px 0 0 40px;                
        border-radius: 8px;
        height: 30px;
        width: 120px;
        font-size: 10px;
    }
    .top_bar_user_main {
        margin: -10px 0 0 5px;
    }
    header {
        background: green;
        padding: 8px;
    }
    header .navbar {
        display: none;
    }
    #hamburger-icon {
        display: block;
        margin-left: 300px;
    }

    /*Carousel*/
    .carousel-item img {
        width: 100%;
        height: 300px !important;
    }
    .carousel-item-text {        
        top: 100px;
        left: 18%;
    }

    /*body.php*/
    .body-main {
        margin-top: 30px !important;
    }
    .index-check {
        margin-top: 20px !important;
    }
    .index-check-inner {
        flex-wrap: wrap;
    }
    .index-check-inner-1, .index-check-inner-2, .index-check-inner-button {
        margin: 0 0 5px 120px !important;
    }
    .index-check-inner-1 input[type=date], .index-check-inner-2 input[type=date], .index-check-inner-button button {
        width: 300px;
    }
    .body-main1 {
        flex-wrap: wrap;
        flex-direction: row;
        min-height: 1100px;
    } 
    .body-main1-a {
        width: 100%; 
        order: 2;  
        margin: 30px 0 0 -10px;     
    }
    .body-main1-b {
        width: 100%;
        order: 1;
        margin: 0 0 0 -30px;
    } 
    .body-main1-b img {
        width: 260px;
        height: 200px;
    }
    .body-main1-a button {
        margin: 10px 0 0 50px;
    } 
    .rooms-suites {
        flex-wrap: wrap;
    }
    .rs-image1 img {
        margin-bottom: 35px; 
        margin-left: 20px;
    }
    .rs-image1 img, .rs-image2 img, .rs-image3 img {
        width: 300px;
    }
    .rs-image3 img, .rs-image2 img {
        margin-bottom: 5px;  
    }
    .rs-button {
        margin: 10px 0;
    }
    .plan-visit-h4 h4 {
        text-align: center;
        margin: 5px 0 15px 0;
    }
    .plan-visit {
        flex-wrap: wrap;
    }
    .pv-left {
        width: 100%;
        height: 400px;
        margin: 15px;
    }
    .pv-right {
        background: #fffcd8;
        margin: 15px;
        width: 100%;
        padding: 15px !important;
    }
    .pv-right form input[type=text] { 
        width: 300px;
        display: flex;
        margin-bottom: 8px;        
    }
    .pv-right form textarea {
        width: 300px;
        margin-top: 4px !important;        
    }

    .pv-right form input[type=text]:focus, .pv-right form textarea:focus {
        outline: none;        
    }

    /*footer.php*/
    footer {        
        flex-direction: row;
    }    
    .foot-copyright p {
        font-size: 14px;
    }
    .foot-button button {
        width: 80px;
        margin: 0 0 0 30px;
        font-size: 12px;
    }

    /*rooms.php*/
    .rooms-section-1 p {
        padding: 0 10px;
    }
    .rooms-section-2 {
        height: 290px;
        padding: 20px !important;
    }
    .container2 {
        width: 100%;
        height: 310px !important;     
        background: none !important;
        margin-bottom: 20px;   
    }
    .swiper-slide img {
        height: 250px !important;
        padding: 5px !important;
        border: 5px solid #fff;
        background-color: #fff;
    }   
    .swiper-button-prev::after { 
        font-size: 30px !important 
    } 
    .swiper-button-next::after {
        font-size: 30px !important 
    }
    .rooms-section-3 {
        flex-wrap: wrap;
    }
    .rooms-section-3-left, .rooms-section-3-mid, .rooms-section-3-right {
        margin: 5px;
    }
    .rooms-section-3-left {
        width: 100%;
        margin: 0 auto;
    }
    .rooms-section-3-left img {
        width: 330px !important;
        height: 220px !important;
        padding: 10px;
    }    
    .rooms-section-3-mid, .rooms-section-3-right {
        width: 100%;
        margin-left: 85px;        
    }
    .rooms-section-3-mid h4 {
        margin: 30px 0 5px 25px;
        font-weight: 700;
    }
    .rooms-section-3-right p {
        margin: -20px 0 5px 25px;
        font-weight: 700;
    }    
    /* .container .modal-dialog {
        position: relative !important;
        width:70% !important;
        margin: 40px !important;
        background: red;
    }
    .container .appear img {
        width: 180px;
    } */
    /*availability.php*/
    .availability {
       height: 60px; 
       padding: 16px 0 0 0;       
    }
    .availability h2 {
        font-size: 20px;
        font-family: 'marcellus';
    }
    .availability-rooms-main {
        flex-wrap: wrap;
    }
    .availability-rooms-main .card {
        width: 70% !important;
        margin: 0 auto 30px auto !important;
    }
    .facility-main {
        flex-wrap: wrap;
    }
    .facility-main-1 {
        width: 70%;
        height: 200px;
        margin: 0 auto 20px auto !important;
    }
    /*info.php*/
    .info-section-1 h4 {
        font-size: 23px;
    }
    .info-section-1 p {
        padding: 0 20px;
    }
    .info-section-2 {
        flex-wrap: wrap !important;
    }
    .info-section-2 img {
        width: 300px !important;
    }
    .info-section-3 {
        padding: 10px;
    }
    .info-section-3 .para {
        margin: 0 0 0 120px;    
    }
    .info-section-3-inner {
        flex-wrap: wrap;
    }
    .inner-item1 {
        margin: 0 0 0 50px;
    }
    .inner-item1 img {
        width: 300px !important;
        margin: 0 0 0 -40px;
    }
    .inner-item2 {
        margin: 18px 0 0 0;        
    }
    .inner-item2 p {
        text-align: center;
    }
    .inner-item2 ul {
        margin-left: 30px;
    }
    .info-section-4 h4 {        
        margin: 0 0 0 0;
        text-align: center;
    }
    .info-section-4 p {
        margin: 0 0 0 20px;
    }
    .info-section-5 h4 {
        margin: 0 0 0 0;
        text-align: center;
    }
    .info-section-5-inner {
        margin: 0 0 0 10px;
        flex-wrap: wrap;
    }
    .info-section-5-inner-left, .info-section-5-inner-mid {
        width: 100%;
    }
    .info-section-5-inner-left, .info-section-5-inner-mid, .info-section-5-inner-right {
         margin: 0 0 15px 0;
    }
    .inner-left-another {
        margin-left: 0 !important;
    }
    .inner-left-another2 {
        margin-top: -5px !important;
    }
    
    /*Gallery*/
    .gallery img {
        width: 80px;
        height: 60px;
        margin: 4px;
    }
    
    /*reviews*/
    .contact {
        flex-wrap: wrap;
    }
    .contact-left {
        width: 100%;
        margin: 0 auto;
    }
    .contact-left p {
        margin-top: -30px !important;
    }
    .contact-right {
        margin: 0 0 0 -25px;
    }
    .contact-right form {
        width: 330px;
    }
    .contact-right form input[type=text], .contact-right form textarea {
        width: 280px;
    }
    .form-icons {
        font-size: 18px;
        padding: 0 0 0 80px;
    }
    .form-bottom-left p {
        font-size: 12px !important;
    }
    .form-bottom-mid button, .form-bottom-right button {
        width: 40px !important;
        height: 25px !important;
        font-size: 12px;
    }
    .review-main {
        margin: 5px;
        padding: 8px;
    }
    
    /*Contact*/
    .contact_text {
        margin: -30PX 0 0 0 !important;
    }
    
    /*Booking Form*/
    .booking-div {
        width: 95%;
        flex-wrap: wrap;
        padding: 8px;
    }
    .booking-div img {
        width: 320px;
        height: 230px;
        margin: 0 0 0 5px;
    }
    .booking-div-right-top-right {
        margin: 0 0 0 -220px;
    }
    .booking-div-right hr {
        width: 300px;
    }
    .guest-data, .booking-div-bottom {
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }
    .guest-data-fullname input[type=text], .guest-data-phone input[type=text], .guest-data-email input[type=text] {
        width: 300px;
        height: 45px;
        margin-bottom: 8px;
    }
    .guest-data-address input[type=text], .guest-data-no-rooms input[type=number], .booking-div-bottom-date input[type=date] {
        width: 300px;
        height: 45px;
    }
    .booking-div-bottom {
        margin-top: 5px;
    }
    .booking-div-bottom-date input[type=date] {
        margin: 0 0 8px 0;
    }
    .booking-div-bottom-button button {
        width: 300px;
        height: 45px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
}