@media (min-width: 180px) and (max-width: 319px){
    /*============================
    SLIDESHOW QUERY
    =============================*/
    .slideshow .carousel .carousel-inner .carousel-item img{
        height: 150px;
    }

    .slideshow .carousel .carousel-controller{
        padding: 10px 15px;
        left: 35%;
        
    }

    /*================================
    ABOUT QUERY
    =================================*/
    .about .about-inner{
        width: 100%;
        margin: 0 auto;
    }

    .about .about-inner .about-content p{
        text-align: justify;
    }

    /*=====================================
    ROOM QUERY
    =====================================*/
    .room .room-inner{
        width: 100%;
        margin: 0 auto;
    }

    .room .room-inner .room-col .room-demo-content{
        height: 300px;
    }

    .room .room-inner .room-col .room-demo-content::before{
        height: 92%;
        width: 92%;
    }

    /*====================================
    EVENT QUERY
    ====================================*/

    .event{
        height: 350px;
    }

    .event .event-inner .event-content .event-inner-content{
        bottom: 0;
        left: 0;
        width: 100%;
        height: 220px;
        padding: 15px 18px;
    }

    .event .event-inner .event-content .event-inner-content p{
        margin-top: 10px;
    }

    .event .event-inner .event-content .event-inner-content::before{
        height: 92%;
    }
}

@media (min-width: 320px) and (max-width:480px) {
    /*==================================
    SLIDESHOW QUERY
    ==================================*/
    .slideshow .carousel .carousel-inner .carousel-item img{
        height: 150px;
    }

    .slideshow .carousel .carousel-controller{
        padding: 10px 15px;
        left: 35%;
        
    }

    /*================================
    ABOUT QUERY
    =================================*/
    .about .about-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*===============================
    ROOM QUERY
    ================================*/
    .room .room-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*================================
    EVENT QUERY
    ================================*/
    .event .event-inner .event-content{
        height: 300px;
    }

    .event .event-inner .event-content .event-inner-content{
        height: 250px;
        width: 96%;
        bottom: 5px;
        left: 5px;
    }

    .event .event-inner .event-content .event-inner-content::before{
        height: 92%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
     /*==================================
    SLIDESHOW QUERY
    ==================================*/
    .slideshow .carousel .carousel-controller{
        left: 40%;
    }

    /*================================
    ABOUT QUERY
    =================================*/
    .about .about-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*==================================
    ROOM QUERY
    ===================================*/
    .room .room-inner{
        width: 100%;
        margin: 0 auto;
    }

    .room .room-inner .room-col .room-demo-content::before{
        width: 97%;
    }

    /*================================
    EVENT QUERY
    =================================*/
    .event{
        height: 350px;
    }

    .event .event-inner .event-content .event-inner-content{
        height: 250px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /*============================
    SLIDESHOW QUERY
    =============================*/
    .slideshow .carousel .carousel-inner .carousel-item img{
        height: 400px;
    }

    .slideshow .carousel .carousel-controller{
        left: 45%;
    }

    /*================================
    ABOUT QUERY
    =================================*/
    .about .about-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*==================================
    ROOM QUERY
    ==================================*/
    .room .room-inner{
        width: 100%;
        margin: 0 auto;
    }

    .room .room-inner .room-col .room-demo-content{
        height: 400px;
    }

    /*====================================
    EVENT QUERY
    ====================================*/
    .event{
        height: 350px;
    }

    .event .event-inner .event-content .event-inner-content{
        height: 250px;
    }
}