@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: 2778px){}/*เพิ่มใหม่;*/
@media (max-width: 2280px){}
@media (max-width: 1920px){}
@media (max-width: 1600px){}
@media (max-width: 932px){/*เพิ่มใหม่;*/
	.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.our-projects .btn-wrapper .btn{
		font-size: 1rem;
	}
}
@media (max-width: 1280px){}
@media (max-width: 1152px){
	section.our-projects .card-list ul li{
		padding: 0 30px;
	}
}
@media (max-width: 1080px){
	section.our-projects .category .category-main li{
		padding: 5px 20px;
		min-width: auto;
	}
	section.our-projects .card-list.project-list ul li{
		padding: 0 15px;
	}
	section.our-projects .card-list ul li{
		width: 33.3333%;
	}
	/*.card-list ul li .card:hover .card-img-top .label{
		display: inline-block;
	}*/
	section.our-projects .btn-wrapper .btn{
		font-size: 1.2rem;
	}
	section.our-projects .card-list ul li .card .card-body .card-description{
		text-align: center;
	}
}
@media (max-width: 900px){}
@media (max-width: 834px){
	.banner-slide .image-desktop{
		display: none;
	}
	.banner-slide .image-mobile{
		display: block;
	}
	section.our-projects .card-list ul li{
		/*width: 100%;*/
	}
	section.our-projects .btn-wrapper .btn{
		min-width: 300px;
	}
}
@media (max-width: 768px){}
@media (max-width: 640px){
	section.our-projects .category .category-alt li{
		padding: 10px 5px 0;
		width: 49%;
		border-right: none;
		/*font-size: 1.4rem;*/
	}
}
@media (max-width: 414px){
	section.our-projects .category .category-main li{
		padding: 5px 15px;
	}
		section.our-projects .category .category-main li a{
			font-size: 1.2rem;
		}
	section.our-projects .btn-wrapper{
		padding: 0px 0 80px;
	}
		section.our-projects .btn-wrapper .btn{
			width: 90%;
		}
	section.our-projects .card-list ul li{
		width: 100%;
	}
}
@media (max-width: 375px){
	section.our-projects .category .category-main li{
		padding: 5px 10px;
	}
}
@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){}