@media (min-width: 768px) { 
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 1%;}
	.copyright-box{
		padding: 1% 0 0;
		margin-top: 5%;
	}
	.contact-footer,
	.address-footer{margin: 0 auto;}
	.content-box{padding: 5% 0;}
	
	.aboutct .img-about{
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		max-width: 50%;
	}
	.bannerotherpage .title-box{
		top: 2rem;
		right: 3rem;
	}
	.bannerotherpage .title-box h1{font-size: 1.75rem;}
	.mapbox{height: 315px;}
	.address-box{margin-top: 2rem;}
	.messagebox{padding: 2rem;}
	.content-box.servicepage .img-box{margin-top: 5rem;}
	.title-box.subtitle-box{text-align: left;}
	
	.relatedbox .row{margin-bottom: 3rem;}
	.title-box.subtitle-box{margin: 0;}
	.relatedbox .read-button{float: right;margin: 0;}
	.video-present{aspect-ratio:3/2;}
	.text-work.workdetail{
		height: 100%;
		position: relative;
	}
	.text-work.workdetail  .readpdf-btn{
		position: absolute;
		left: 0;
		bottom: 6rem;
	}
}
@media (min-width: 992px) { 
	.hamburgers-box{justify-content:flex-start;}
	.navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	}
	.navbar-expand-lg .navbar-nav{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-nav li{
		width: auto;
		margin: auto;
		padding: 0;
		text-align: center;
	}
	.navbar-nav li a{
		padding: 8px;
		text-align: center;
	}
	.languages-box.mobile-display{display: none;}
	.navbar-nav li.languages-pc {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.navbar-nav li.languages-pc a{
		display: inline;
		padding: 0 5px;
	}
	.navbar-nav li.languages-pc img{
		width: 35px;
		border-radius: 50%;
		border: 2px solid transparent;
		transition: all 0.5s;
	}
	.navbar-nav li.languages-pc a.active img{border-color: #00247d;}
	.navbar-nav li.languages-pc img:hover{
		border-color: #00247d;
		transform: scale(1.05);
	}
	
	.policy-box ul{
		display: flex ;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
	#nav-icon3{display: none;}
	
	.aboutct .img-about{
		max-width: 65%;
	}
	.bannerotherpage .title-box {
        top: 4rem;
        right: 8rem;
    }
	.mapbox{height: 420px;}
	.relatedbox .work-box{margin-bottom: 0;}
	
}
@media (min-width: 1200px) { 
	html{font-size: 18px;}
	.content-box.aboutct{padding: 7% 0;}
	.contact-footer{padding-left: 3rem;}
	.messagebox{padding:3rem;}
	.hispage{padding-left: 8rem;}
	.text-work.workdetail  .readpdf-btn{
		bottom: 7.5rem;
	}
}

@media (min-width: 1440px) { 
	html{font-size: 20px;}
    .container{ max-width: 1336px; }
	.hispage{padding-left: 4rem;}
	
}

@media (min-width: 1600px) { 
	.hispage{padding-left: 8rem;}
}
@media (min-width: 1800px) {
    .container{ max-width: 1440px; }
	
	.aboutct .img-about{
		max-width: 100%;
		right: 5rem;
	}
}
@media (min-width: 2000px) {
    .container{ max-width: 1600px; }
	.aboutct .img-about{
		right: 13rem;
	}
}