@media only screen and (min-width: 1024px) {
	#modalRegister .modal-dialog {
		max-width: 1000px;
	}

	.section-title {
		font-size: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.btn-line-easyconnect > img {
	    width: 200px;
	}
}

@media only screen and (max-width: 1023px) {
	.main-navbar .navbar-nav .nav-link {
	    font-size: 24px;
	}

	.section-title {
	    font-size: 38px;
	}
}

@media only screen and (max-width: 768px) {
	p {
		font-size: 20px;
	}

	.btn-info {
	    font-size: 16px;
	}

	.navbar-collapse.collapse.show {
		display: block !important;
	}
	.custom-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(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	.custom-toggler.navbar-toggler {
  		border: none;
	} 

	.owl-nav .owl-next i, .owl-nav .owl-prev i {
		font-size: 30px;
	}

	.section-exterior .owl-nav .owl-next i, .section-exterior .owl-nav .owl-prev i,
	.section-master-plan #master .owl-nav .owl-next i, .section-master-plan #master .owl-nav .owl-prev i,
	.section-art-escape .owl-nav .owl-next i, .section-art-escape .owl-nav .owl-prev i {
		color: #fff;
	}

	.section-master-plan .tab-area {
		padding: 0px;
	}

	.section-gallery .image {
		width: auto;
	}

	.btn-line-easyconnect > img {
	    width: 140px;
	}
}

@media only screen and (max-width: 425px) {
	.fixed-bottom {
		background-color: #615650;
	}

	.owl-nav button{
		top: calc(50% - 40px);
    	font-size: 30px !important;
	}

	.owl-nav .owl-next {
		right: 0px;
	}

	.owl-nav .owl-prev {
		left: 0px;
	}

	.section-art-escape .cloud-01 {
	    right: -65px;
    	top: -55px;
    	width: 190px;
	}

	.section-art-escape .cloud-02 {
        top: 15px;
    	left: -35px;
    	width: 140px;
	}

	.section-ourstories .owl-nav .owl-next {
		top: 135px;
		right: 0px;
	}

	.section-ourstories .owl-nav .owl-prev  {
		top: 135px;
		left: 0px;
	}

	.section-ourstories .text-in-slide  {
		top: 35px;
		left: 45px;
	}

	.section-interior .object-brush {
	    top: -55px;
    	width: 230px;
    	right: 0;
	}

	.section-gallery .image {
	    width: auto;
	    height: 300px;
	}

	.section-gallery .object-trees {
		margin-top: 30px;
	    width: 300px;
	}

	.section-what-they-say {
		padding-top: 60px !important;
	}

	.section-what-they-say .object-double-cloud {
		width: 165px;
	    top: -110px;
    	left: 0px;
    	right: 0px;
    	margin: 0 auto;
	}

	.section-what-they-say .owl-nav .owl-next {
		top: 90px;
		right: 0px;
	}

	.section-what-they-say .owl-nav .owl-prev  {
		top: 90px;
		left: 0px;
	}

	.section-what-they-say {
		padding-bottom: 90px
	}

	.section-art-escape {
		padding-bottom: 50px
	}

	.section-register .section-title {
		z-index: 1;
	    left: 0;
	    right: 0;
	    top: -30px;
	}

	.section-register .object-single-brush {
	    top: -68px;
	    width: 100%;
	    left: 0;
	    z-index: 0;
	}

	.section-register .register-form {
		padding-top: 135px;
		/*padding-top: 80px;*/
	}

 	.section-register .promotion-img {
	    padding-top: 15px;
	    padding-bottom: 45px;
	}

	.section-highlight .tab-content p, .section-highlight .tab-content ul {
		font-size: 20px;
	}

	.section-video .youtube-iframe {
		height: 250px;
	}

	.section-register input { font-size: 20px; }
	.section-register select { font-size: 20px; }

	.section-contact .graphic-map {
		width: 100%;
	}

	.section-highlight {
		background-image: url('img/highlight/bg.jpg');
	}

	.section-master-plan #unit img {
	    max-height: 350px;
	}

	#modalRegister button.close {
		top: -5px;
		right: -5px;
	}

	.section-360 {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.section-360 .container {
		padding-right: 0px;
		padding-left: 0px;
	}

	.section-360 iframe {
	    height: 300px;
	}

	.section-register .section-subtitle {
	    color: #000;
	    top: 65px;
	    font-size: 28px;
	    padding: 0 10px;
	}

	.btn-line-easyconnect {
	    top: 75%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.btn-line-easyconnect > img {
	    width: 170px;
	}

	.section-360 .nav.nav-tabs .nav-item a {
		font-size: 18px;
	}
}

@media only screen and (max-width: 375px) { 
	.section-ourstories .text-in-slide {
	    top: 25px;
    	left: 35px;
	}

	.section-master-plan .nav.nav-tabs .nav-item a {
	    font-size: 22px;
	}

	.section-register .object-single-brush {
	    top: -58px;
	}

	.btn-360-float img {
	    width: 40px;
	    height: 40px;
	}

	.btn-line-easyconnect > img {
	    width: 160px;
	}
}