@media (max-width: 991px){
	.detail-img {
    min-height: 500px;
	}	
	#works.three-col .work-item .work-info h3 {
    font-size: 18px;
	}
	#works.three-col .work-item{
		width: 50% !important;
	}
	#works{
		margin-top: 0 !important;
	}
	.text-container {
    padding: 30px 20px;
	}
	.page-title .title h1.upper {
    font-size: 36px;
    letter-spacing: 5px;
	}
	.message-logo img {
    width: 180px;
	}
	.message-container .btn-mid {
    margin-top: 30px;
	}
	.message-container .title {
    max-width: initial;
	}
	.message-logo {
    margin-bottom: 30px;
	}
	.message-container {
    padding: 0 20px;
	}
	.detail-contact a{
		width: 45px;
		height: 45px;
	}
	.detail-title h3 {
    font-size: 26px;
	}
	.detail-contact {
    top: 30px;
    right: 20px;
	}
	.detail-info {
    padding: 30px 20px;
	}
	.detail-grid{
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
}
@media (max-width: 768px){
	.page-title.parallax{
		height: 400px;
		margin-top: 62px;
	}
	section{
		padding: 50px 0;
	}
}