@media (min-width: 768px) {
    .navbar-brand img{width: 5em;;}
    .navbar-expand-md .navbar-collapse, .navbar-expand-md .navbar-nav{width: 100%;}
    .navbar-expand-md .navbar-nav{margin-top: 1rem;}
    .navbar-collapse ul li{
        width: auto;
        margin:auto;
        padding: 0;
    }
    .navbar-collapse ul li a{
        padding: 0 ;
        color: #FFF;
        text-align: center;
        transition: all 0.5s;
    }
	.navbar-collapse li .dropdown-menu{
		left: 0;
		width: auto;
		min-width: 20rem;
		display: block;
		height: 0;
		opacity: 0;
		overflow-y: auto;
		overflow-x: hidden;
		transition: all 0.6s;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	}
	.navbar-collapse li .dropdown-menu::-webkit-scrollbar{display: none;}
	.navbar-collapse li .dropdown-menu a .fa-angle-double-right{
		font-size: .85rem;
		margin-right: 10px;
	}
	.navbar-collapse li .dropdown-menu a{
		text-align: left;
		padding: 10px 15px;
		width: auto;
		margin: auto;
	}
	.navbar-collapse li .dropdown-menu a:hover{
		color: #FFF;
		background: #013474;
		padding-left: 20px;
	}
	.navbar-collapse li:hover > .dropdown-menu{
		height: 200px;
		opacity: 1;
	}
    .content-box{padding: 5% 0;}
    .text-box1{
        text-align: center;
    }
    .detail-box1{margin: 1rem auto 2rem;}
    .about-box{margin: 0 auto;}
    
    
    .contact-footer{margin: 0 auto;}
    .footer{padding: 5% 0 3%;}
    .contact-box{
        display: flex;
        align-items: center;
        margin-right: 15px;
    }
    .menu-footer ul{
        display: flex;
        align-items: center;
    }
    .menu-footer ul li{
        width: auto;
        margin: auto;
        text-align: center;
    }
    .menu-footer ul li a{color: #909090;}
    .menu-footer ul li:hover a, .menu-footer ul li.active a{color: #FFF;}
    
	.headbar-main {
		padding: .75rem 0;
        background: url(../images/bg-header.png) left -4rem center no-repeat #FFF;
        background-size: cover !important;
    }
    .navbar-collapse ul li.active, .navbar-collapse ul li:hover{ background:none;}
	

	.hispage {
		width: auto;
		left: 3rem;
		bottom: 1rem;
	}
	.bannerotherpage{height: auto;}
	.bannerotherpage .title-box{
		top: 2rem;
		right: 3rem;
	}
	.bannerotherpage .title-box h1 { font-size: 2.3rem; }
	.imgpro{height: 100%;}
	.imgpro img{height: 100%;object-fit: cover;}
	.content-otherpage{padding: 5% 0;}
	.content-otherpage.companypage {
		background-position: left top, center bottom;
		background-size: 100%, 100% !important;
	}
	.textcenter-company{margin-bottom: 3rem;}
	
	.mapbox{height: 315px;}
	.messagebox{padding: 2rem 1rem;}
	.policy-box ul{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
    html{font-size: 18px;}
    .navbar-brand img{width: 6em;}
    .navbar-expand-md .navbar-nav{margin-top: 0;}
    .bar-contact{background-size: 100%;}
    .headbar-main {
        background-size: 100%;
        padding: .7rem 0;
    }
	.headbar-main {background-position:  left  center;}
	.navbar-collapse ul li a{padding: 5px;}
	
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size: 20px;}
    .container{ max-width: 1080px; } 
    .navbar-brand img{width: 7.4em;}
    .bar-contact{padding: 12px 0;}
    .copyright-box {
        text-align: right;
        font-size: 12px;
        margin-top: 0;
    }
    .menu-footer ul li{font-size: 15px;}
    .box1 .img-box{text-align: center;}
	
	.content-otherpage.companypage { background-size: 85%, 100% !important;}
	
	
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) { 
    .container{ max-width: 1336px; } 
    .headbar-main{padding:  0;}
    .copyright-box{font-size: 16px;}
    .menu-footer ul li {font-size: 16px;}
    .address-footer {padding-right: 10%;}
    .text-box1 h1, .title-box{font-size: 40px;}
    .text-box1 {font-size: 22px;}
    .about-box{font-size: 22px;}
    .about-box h1{font-size: 26px;}
	
	.content-otherpage.companypage { background-size: 95%, 100% !important;}
	.texttitle-company h1{font-size: 3rem;}
	.TH .texttitle-company h1{font-size: 1.5rem;}	
	.texttitle-company p{font-size: 1.5rem;}
	.TH .texttitle-company p {
        font-size: 1.2rem;
    }
	.textcenter-company img{width: 50px;}
	.textcenter-company{margin-bottom: 5rem;}
	.text-company{margin-bottom: 3rem;}

    
}

@media (min-width: 1600px) {
    html{font-size: 22px;}
    .navbar-collapse ul li{font-size: 1.1rem;}
    .navbar-brand img {width: 285px;}
    .menu-footer ul li {font-size: 18px;}
    .address-footer {padding-right: 0;}
	
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1600px; }
    .about-box {padding-right: 10%;}
    .address-footer {padding-right: 10%;}
    .menu-footer ul li, .copyright-box {font-size: 19px;}
	
}
@media (min-width: 2000px) {
}