@media only screen and (max-width: 575px) {
	body {
		margin-bottom: 70px;
	}

	.navbar-brand.logo-blu {
	    top: 6px;
	    left: 50%;
	    position: absolute;
	    transform: translateX(-50%);
	}

	.navbar-brand.logo-blu > img {
		max-height: 33px;
	}

	.navbar-light .navbar-toggler {
		border-color: transparent;
	}

	.navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

	.section-register .promotion-image {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-register {
	    background-image: url(../images/BG-Mobile.png);
		padding-top: 0px;
		padding-bottom: 30px;
	}

	.section-option-description.slider .container.group {
	    top: auto;
	    left: auto;
	    transform: inherit;
		position: initial !important;
	}

	.section-option-description.slider .carousel-indicators {
		top: auto;
	}

	.section-option-description.slider .carousel-item > div {
		top: 50%;
	    width: 225px;
	    padding-top: 30px;
	    padding-bottom: 25px;
	}

	.section-option-description.slider .carousel-item > div > h3, .section-option-description.slider .carousel-item > div > h3.extra {
	    font-size: 80%;
		line-height: 1.7;
	}

	.section-option-description .group-selection label {
    	top: 20px;
		font-size: 18px;
    	letter-spacing: 2px;
	}

	.section-highlight {
		margin-top: 15px;
		padding-top: 0px;
	}

	.section-highlight .detail .btn {
		width: 115px;
	    font-size: 14px;
	    padding-left: 0px;
	    padding-right: 0px;
	    padding-top: 3px;
	    padding-bottom: 0px;
	}

	.section-facility .title, .section-interior .title {
		color: #20abb2;
		text-align: center;
	}

	.section-interior .btn.bed-selected {
		width: 40%;
	}

	.section-plan .btn-360 .btn {
		/*width: 35%;
		padding: .25rem .5rem;
    	font-size: .875rem;*/
	    display: block;
	    width: 100%;
	}

	.section-plan .btn-plan-selection .btn {
		width: 32%;
		padding: .25rem .5rem;
    	font-size: 12px;
	}

	.section-map .btn {
		width: 45%;
	}

	.section-map .container.underline {
		border-bottom: none;
	}

	.section-ttw .btn-discover {
		top: 73%;
    	left: 68%;
    	width: 150px;
		font-size: 10px;
	}

	.section-highlight .detail .carousel-control-prev-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='cadetblue' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
	}

	.section-highlight .detail .carousel-control-next-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='cadetblue' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	}

	.section-highlight .detail .btn {
		width: 110px;
	}

	.section-outro .carousel .carousel-item a {
		color: #fff;
		text-decoration: none;
	}

	.youtube-iframe {
		height: 240px;
	}

	.section-contact h6 {
		font-size: 12px;
	}

	.section-contact .text-copyright {
		font-size: 10px;
	}
}

@media only screen and (max-width: 375px) {
	.section-360 iframe {
		height: 400px;
	}
}

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