@media (min-width: 430px){}/*เพิ่มใหม่;*/
@media (min-width: 640px){}
@media (min-width: 768px){}
@media (min-width: 834px){}
@media (min-width: 900px){}
@media (min-width: 1080px){}
@media (min-width: 1152px){}
@media (min-width: 1280px){}
@media (min-width: 1366px){}
@media (min-width: 1440px){}
@media (min-width: 1600px){}
@media (min-width: 1920px){}
@media (min-width: 2280px){}
/* --------------------- */
@media (max-width: 2280px){
	section.gallery .gallery-preview .gallery-image{
		/*height: 95%;*/
	}
}
@media (max-width: 2778px){}/*เพิ่มใหม่;*/
@media (max-width: 1920px){}
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1366px){}
@media (max-width: 1280px){}
@media (max-width: 932px){/*เพิ่มใหม่;*/
	section.gallery .gallery-preview .gallery-image{
		height: 95%;
	}
}
@media (max-width: 1152px){
	.project-nav .project-logo-wrapper{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
		/*display: none;*/
	}
	.project-nav .project-nav-wrapper{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.project-nav .loancalc{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	section.project-concept .project-title{
		font-size: 2.1rem;
	}
	section.project-concept .price{
		font-size: 2rem;
	}
	section.project-concept .description{
		width: 100%;
	}
	section.project-facilities p{
		width: 100%;
	}
	section.floor-plan .plan-type{
		/*width: 100%;*/
	}
	section.floor-plan .plan-image .plan-image-preview{
		width: 100%;
	}
	section.floor-plan .plan-info .description .option-list{
		width: 100%;
	}
	section.floor-plan .plan-info .description p{
		text-align: center;
	}
	section.floor-plan .plan-info .description .option-list.icon-text-wrapper{
		margin: 0;
	}
	section.gallery{
		padding: 60px 20px 0;
	}
		section.gallery .gallery-preview{
			/*padding: 20px 10px 0 10px;*/
			padding: 10px 0px 0 10px;
		}
			section.gallery .gallery-preview .gallery-image img{
				width: 100%;
				height: auto;
			}
		section.gallery .gallery-list{
			/*padding: 0 20px;*/
			padding: 0 30px;
		}
			section.gallery .gallery-list .gallery-item{
				/*padding: 10px 5px;*/
			}
	section.preview-360 .category .category-main li{
		padding: 4px 10px;
	}
	section.preview-360 .preview-360-wrapper{
		position: relative;
	}
		section.preview-360 .preview-360-wrapper img {
			position: relative;
			left: 50%;
			transform: translate(-50%, 0);
			width: auto;
			height: 100%;
		}
	section.location p{
		width: 100%;
	}
		section.location p br{
			display: none;
		}
	section.location .option-list{
		width: 100%;
	}
		section.location .option-list .option-item{
			padding: 0;
		}
			section.location .option-list.icon-text-wrapper .icon-text{
				width: 100px;
				height: 100px;
			}
				section.location .option-list.icon-text-wrapper .icon-text .icon{
					width: 30px;
				}
				section.location .option-list.icon-text-wrapper .icon-text .text-title{
					font-size: 1.8rem;
				}
				section.location .option-list.icon-text-wrapper .icon-text .text-description{
					font-size: 1rem;
				}
	section.location-map .map-wrapper{
		position: relative;
		min-height: 300px;
	}
		section.location-map .map-wrapper img{
			position: relative;
			left: 50%;
			transform: translate(-50%, 0);
			width: auto;
			height: 100%;
		}
	section.project-register form{
		width: 100%;
	}
		section.project-register form p {
			width: 100%;
		}
		section.project-register form .btn-wrapper .btn{
			/*width: 100%;*/
		}
}
@media (max-width: 1080px){}
@media (max-width: 900px){
	section.project-nav .project-logo-wrapper{
		display: none;
	}
		section.project-nav .project-nav-wrapper {
			-ms-flex: 0 0 70%;
			flex: 0 0 70%;
			max-width: 70%;
		}
		section.project-nav .loancalc{
			-ms-flex: 0 0 30%;
			flex: 0 0 30%;
			max-width: 30%;
		}
	section.project-facilities .container,
	section.floor-plan .container{
		max-width: 100%;
	}
	section.location .container{
		max-width: 95%;
	}
}
@media (max-width: 834px){
	.banner-slide.banner-desktop{
		display: none;
	}
	.banner-slide.banner-mobile{
		display: block;
	}
	.banner-slide .image-desktop{
		display: none;
	}
	.banner-slide .image-mobile{
		display: block;
	}
	section.project-nav .project-nav-wrapper {
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}
	section.project-nav .loancalc{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	section.floor-plan .plan-info .description .option-list .option-item{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	section.video .container,
	section.project-register .container{
		max-width: 95%;
	}
}
@media (max-width: 768px){
	section.location .container{
		max-width: 100%;
	}
	section.project-nav{
		height: auto;
	}
		section.project-nav .project-logo-wrapper{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		section.project-nav .project-nav-wrapper{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			padding-right: 0;
			padding-left: 0;
		}
		section.project-nav .loancalc{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		section.project-nav .loancalc-desktop{
			display: none;
		}
		section.project-nav .loancalc-mobile{
			display: inline-block;
		}
	section.project-facilities .icon-text-wrapper .icon-text{
		width: 100%;
		padding: 30px 10px;
	}
	section.project-register p{
		width: 80%;
	}
}
@media (max-width: 640px){
	.main-content.project-detail .btn-back{
		top: 10px;
		left: 10px;
	}
	/*section.project-nav{
		height: auto;
	}
		section.project-nav .project-logo-wrapper{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		section.project-nav .project-nav-wrapper{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		section.project-nav .loancalc{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}*/
	section.floor-plan .plan-type {
		width: 100%;
	}
	section.project-register form .btn-wrapper .btn{
		/*width: 100%;*/
	}
}
@media (max-width: 414px){
	section.project-nav{
		padding-top: 50px;
	}
	section.project-register{
		background-position: left center;
	}
		section.project-register p{
			width: 100%;
		}
		section.project-register form label{
			display: block;
		}
		section.project-register form .agree .custom-control{
			display: inline-block;
		}
}
@media (max-width: 375px){
	section.project-nav nav ul li{
		padding: 0 5px;
	}
}
@media (max-width: 320px){}
/* --------------------- */
@media (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: portrait){}
/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}
/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){}
/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 Media Queries */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1){}