@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){
	section.our-projects p{
		width: 60%;
	}
}

@media (min-width: 1440px){}
@media (min-width: 1600px){}
@media (min-width: 1920px){}
@media (min-width: 2280px){}
/* --------------------- */
@media (max-width: 2778px){}/*เพิ่มใหม่;*/
@media (max-width: 2280px){}
@media (max-width: 1920px){}
@media (max-width: 1600px){
	.card-list ul li .card .card-img-top .info{
		padding: 10px;
	}
		.card-list ul li .card .card-img-top .info .title{
			padding-top: 0;
		}
		.card-list ul li .card .card-img-top .info .title:after{
			bottom: 0;
		}
		.card-list ul li .card .card-img-top .info .description{
			padding-top: 15px;
		}
}
@media (max-width: 1440px){
	.card-list ul li .card .card-img-top .info{
		padding: 10px;
	}
	section.our-projects .card-list.project-list ul li{
		padding: 0 20px;
	}
	.card-list ul li .card .card-img-top .info .title{
		font-size: 1.6rem;
	}
}
@media (max-width: 1366px){
	section.register strong{
		/*font-size: 2.2rem;*/
	}
	.happy-living-area.banner-slide ul li{
		/*height: 440px;*/
		height: 400px;
		/*height: 360px;*/
	}
		.happy-living-area.banner-slide ul li a{
			width: auto;
			height: 100%;
			overflow: hidden;
		}
			.happy-living-area.banner-slide ul li a img{
				position: relative;
				left: 50%;
				transform: translate(-50%, 0);
				width: auto;
				height: 100%;
				max-width: fit-content;
			}
	section.our-projects .card-list.project-list ul li .card .card-img-top .info .description{
		font-size: 1rem;
	}
}
@media (max-width: 1280px){}
@media (max-width: 1152px){
	section.our-projects .card-list.project-list ul li{
		padding: 0 30px;
	}
	.card-list ul li .card .card-img-top .info .title{
		font-size: 1.8rem;
	}
	section.our-projects .card-list.project-list ul li .card .card-img-top .info .description{
		font-size: 1.2rem;
	}
}
@media (max-width: 1080px){
	section.our-projects p{
		width: 85%;
	}
	.video-player-viewport iframe{
		height: 400px;
		width: 100%;
		border: none;
	}
}
@media (max-width: 900px){
	section.our-projects .card-list.project-list ul li{
		padding: 0 15px;
		width: 410px !important;
	}
	section.article{
		padding: 60px 0px 20px;
	}
		section.article .container{
			max-width: 100%;
		}
		section.article .article-list-more{
			/*padding-top: 63px;*/
		}
		section.contact{
			background-position: -200px center;
		}
			section.contact .contact-bg-space{
				/*display: none;*/
			}
			section.contact .contact-form{

			}
}
@media (max-width: 834px){}
@media (max-width: 768px){
	section.proudly-presents{
		padding: 70px 15px;
	}
}
@media (max-width: 640px){
	.banner-slide .image-desktop{
		display: none;
	}
	.banner-slide .image-mobile{
		display: block;
	}
	.banner-slide ul li video,
	.banner-slide ul li video.slide-video-center{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 165%;
	}
	section.our-projects p,
	section.our-projects hr{
		display: none;
	}
	section.our-projects .category .category-main li{
		padding: 5px 15px;
		min-width: auto;
	}
		section.our-projects .category .category-main li a{
			font-size: 1.2rem;
		}
	section.our-projects .category .category-alt li{
		padding: 0 5px;
	}
	section.our-projects .card-list.project-list ul li{
		padding: 0 15px;
	}
	section.our-projects .project-list-more.btn-more-mobile{
		display: block;
	}
	section.proudly-presents h3{
		font-size: 2.8rem;
	}
	section.proudly-presents p{
		font-size: 1.4rem;
	}
	section.proudly-presents .video{
		width: 100%;
	}
	section.article{
		padding: 60px 0 20px;
	}
		section.article .article-list-more{
			padding-top: 0;
			text-align: center;
		}
		section.article .card-list.article-list ul li .card .card-body .card-title{
			height: auto;
		}
		section.article .card-list.article-list ul li .card .card-body .card-text{
			padding-top: 20px;
			font-size: 1.2rem;
		}
		section.article .article-list-more.btn-more-desktop{
			display: none;
		}
		section.article .article-list-more.btn-more-mobile{
			display: block;
		}
	section.contact {
		padding: 40px 15px;
		height: auto;
	}
		section.contact h3{
			text-align: center;
		}
		section.contact .form-group{
			margin-bottom: 1.5rem;
		}
}
@media (max-width: 414px){
	.right-layout-story .col-50-l{
		height: auto;
	}
	section.our-projects{
		padding-top: 20px;
	}
		section.our-projects .category .category-alt li {
			padding: 0 10px 10px;
		}
		section.our-projects .category .category-alt li:first-child{
			display: block;
		}
	section.proudly-presents .video .image-desktop{
		display: none;
	}
	section.proudly-presents .video .image-mobile{
		display: block;
	}
	.happy-living-area.banner-slide ul li{
		height: auto;
	}
		.happy-living-area.banner-slide ul li a{
			height: auto;
		}
		.happy-living-area.banner-slide ul li a img{
			max-width: 100%;
			height: auto;
		}
	section.article .bx-wrapper .bx-prev{
		left: -10px;
	}
	section.article .bx-wrapper .bx-next{
		right: -10px;
	}
	.card-list.article-list ul li .card .card-body .card-text{
		height: 108px;
	}
}
@media (max-width: 390px){}
@media (max-width: 375px){
	section.our-projects .category .category-main li{
		padding: 5px 10px;
	}
	section.proudly-presents h3{
		font-size: 2.2rem;
	}
}
@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){}