@media only screen and (max-width: 1440px) {
    /* .header-inner-bottom .col-1{
        width: unset;
    } */
}

@media only screen and (max-width: 1024px) {
    .home-full-width-infos{
        background-size: contain;
    }
}

@media only screen and (max-width: 960px){
	.provided-facilities-row-div > .cms-container-inside{
        display: unset;
    }

    .provided-facilities-row-div > .cms-container-inside > .cms-container-item{
        width: 100% !important;
    }
    .provided-facilities-row-div .info-image img{
        min-height: 300px;
        max-height: 300px;
    }
}

@media only screen and (max-width: 798px) {

	.desktop-view, 
    .header-inner-bottom,
    .header-right-view{
		display:none;
	}

	.header-inner{
		margin-top: unset;
		/* height: -webkit-fill-available;
        max-height: 20vh; */
	}

	.header-inner .row{
		width: 100%;
		justify-content: space-between;
		height: -webkit-fill-available;
        /* padding: 1% 0; */
	}

    .header-inner .row.header-row-mobile{
        height: unset;
        max-height: 12vh;
    }

	.header-logo{
		/* width: 80%; */
        width: 13vw;
	}

    .center-icon-v2{
        width: 20vw;
    }
	
	.header-title > img{
		width: 20vw;
	}

    .header-jcl{
        width: 30vw;
    }

	.header{
		width: 100%;
		height: 7.5vh;
	}

	.footer{
		width: 100%;
	}

	.footer-copyright{
		text-align: center;
	}

	.mobile-view{
		display: block;
	}

    .home-swiper-div .swiper-container .slide-img img{
        padding: unset;
    }

    #swiper-button-prev-home::after{
        background-image: url(/file/L90DA9/arrow-prev-mobile.png);
    }
    
    #swiper-button-next-home::after{
        background-image: url(/file/d9QZqG/arrow-next-mobile.png);
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .home-facility-swiper-div .swiper-wrapper .swiper-slide{
        margin-bottom: 5%;
    }

    .home-facility-div{
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .footer-center{
        text-align: center;
    }

    .booking-form-info .info-para > .cms-block-inside > .cms-block-item > .block-content{
        display: flex;
        justify-content: space-around;
        margin-top: 10%;
    }

}

@media only screen and (max-width: 480px) {
    .header-inner .row{
        padding: 1% 0;
	}
}

@media only screen and (max-width: 425px) {

	.logo-items{
		width: 50%;
	}

	.footer-logo{
		width: 50px;
	}

    .home-full-width-infos{
        min-height: 40vh;
        background-size: 100% auto;
    }

    .home-full-width-inner-box{
        width: 52%;
        top: 30%;
    }

    .home-facility-div{
        padding-left: 2%;
        padding-right: 2%;
    }

    .home-traffic-info .cms-container-inside,
    .home-contact-us-info .cms-container-inside,
    .about-us-info .cms-container-inside,
    .contact-us-info .cms-container-inside,
    .open-hour-info .cms-container-inside,
    .facilities-to-rent-info .cms-container-inside,
    .inner-info-main .cms-container-inside
    {
        display: unset;
    }

    .traffic-info .cms-container-inside,
    .provided-facilities-info .cms-container-inside{
        display: grid;
    }

    .home-traffic-info > .cms-container-inside > .cms-container-item,
    .home-contact-us-info > .cms-container-inside > .cms-container-item,
    .info-right-view, .info-left-view,
    .contact-us-info > .cms-container-inside > .cms-container-item,
    .open-hour-info > .cms-container-inside > .cms-container-item,
    .inner-info-main > .cms-container-inside > .cms-container-item{
        width: 100% !important;
    }

    .home-traffic-map-outer{
        margin: 5% 0;
        min-height: 20vh;
    }

    .home-contact-us-info table td{
        min-width: 50px;
        vertical-align: top;   
    }

    .home-about-us-inner-div > .cms-container-inside > .cms-container-item{
        position: relative;
    }

    .home-about-us-info .info-image{
        position: absolute;
        top: 0;
        right: 0;
    }

    .about-us-inner-div, .contact-us-inner-div{
        text-align: -webkit-center;
    }

    .traffic-info .info-left-view,
    .provided-facilities-info .info-left-view{
        order: 2;
    }

    .traffic-info .info-right-view,
    .provided-facilities-info .info-right-view{
        order: 1;
    }

    .traffic-map{
        margin: 5% 0;
    }

    .more-btn-view{
        margin: 10% 0;
        text-align: right;
    }

    .home-full-width-inner-box .block-content{
        font-size: 14px;
    }

    .contact-us-info .info-right-view img{
        width: 40vw;
    }

    #contact-us-table td{
        padding: 2% 10px;
        min-width: 80px;
        vertical-align: top;
    }

    .contact-us-info > .cms-container-inside > .cms-container-item.info-right-view{
        justify-content: left;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .facilities-to-rent-sub-item{
        border-bottom: unset;
    }

    .facilities-to-rent-sub-item .info-para{
        margin-top: 10%;
        margin-bottom: 2%;
    }

    .facilities-to-rent-sub-item #rent-table tr td:first-child {
        width: 10%;
    }

    .more-btn {
        padding: 1rem 1rem;
        font-size: 12px;
    }

    .provided-facilities-info .info-right-view .cms-image{
        text-align: left;
        margin: 5% 0;
    }

    .provided-facilities-info .info-right-view .cms-image img{
        width: 60%;
    }

    .provided-facilities-info .info-para p{
        font-size: 12px;
    }

    .provided-facilities-info .info-para {
        padding-right: unset;
        margin-bottom: unset;
    }

    .provided-facilities-row-div > .cms-container-inside {
        display: block;
    }

    .provided-facilities-row-div > .cms-container-inside > .cms-container-item{
        width: 100% !important;
    }

    #rent-row-table td{
        font-size: 12px;
    }

    .inner-header-item {
        width: 100%;
    }

    .inner-display-image-div{
        display: none;
    }

    .inner-info-title {
        text-align: center;
        padding: 5% 0;
    }

    .provided-facilities-first-floor-inner-header > .cms-container-inside,
    .provided-facilities-r-floor-inner-header > .cms-container-inside {
        width: 93%;
    }

    .provided-facilities-first-floor-inner-div > .cms-container-inside,
    .provided-facilities-r-floor-inner-div > .cms-container-inside {
        width: 95%;
    }

    .info-swiper .swiper-wrapper .swiper-slide img{
        min-height: 200px;
        max-height: 200px;
    }

    .provided-facilities-row-div .info-image img{
        min-height: 200px;
        max-height: 200px;
    }

    .about-us-info .info-image img{
        width: 100%;
    }

    .header-jcl{
        width: 50vw;
    }

    .header-row-mobile .logo-items{
        padding-top: 3.5px;
    }
}

@media only screen and (max-width: 320px) {

	.blackboard-main-title-view{
		margin-left: 15%;
		margin-right: 15%;
	}

	.blackboard-character-one {
		top: 50%;
		right: 8%;
	}
}
/* 
@media only screen and (min-width: 1024px){
	.footer-center{ display: flex}
} */