@media (min-width: 768px) {
    #nav-icon3{right: 0;}
    .language-mobile{right: 3rem;}
    .language-mobile a{padding: 0px 5px;}
    .social-footer{margin-top: 0;}
    #slide-zone .banner-slide video{
        object-fit: cover;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
    }
    .content-box {padding: 6% 0;}
    
    .box-1{
        background-size: 100% !important;
        padding: 10% 0 24%;
        background: url("../images/bg-1.png") right bottom no-repeat;
    }
    .box-2 {
        position: relative;
        margin-top: -8%;
    }
    
    .title-boxmenu .img-1 {width: 80%;}
/*    .img-box h1{
        text-align: left;
        padding-left: 5rem;
        font-size: 1.6rem;
    }*/
    .footer{padding: 2%;}
    .logo-footer img { width: 100%;}
    .social-footer a {padding: 0;}
    
    
    
/*----------------------------------otherpage-box-------------------------------------------------------*/
    .icon-box img {width: auto;}
    .mision-otherpage{
        padding: 5% 0;
        background: url("../images/about_7.png") bottom right no-repeat;
    }
    .vision-otherpage {
        padding: 3% 0;
    }
    .menu-normal{padding: 5% 0;}
    
    .food-view{
        margin-top: 0;
        margin-bottom: 2rem;
    }
    .readmore-btn-promotion{
        width: 180px;
    }
    .map-box{
        height: 305px;
    }
  
  
	.navbar-pengthai .dropdown-menu {
		left: -77vw !important;
	}

}    
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
    .language-mobile{display: none;}
    .headbar-main{padding: .5rem 0 1rem;}
    .sup-menu{padding: 2% 0;}
    .headbar-main{transition: all 0.5s;}
    .navbar-brand{
        text-align: center;
        position: absolute;
        top: -3rem;
        left: 50%;
        z-index: 1;
        transform: translate(-50%,0);
    }
    .logo-supmenu{top: -1rem;}
    .navbar-brand img {width: 165px;}
    .slim .navbar-brand img, .slim2 .navbar-brand img {width: 165px;}
    .navbar-brand .bottom-logo{display: none;}
    .slim .navbar-brand .bottom-logo{display: block;}
    .slim .navbar-brand .top-logo{
        display: none;
        margin-top: -1rem;
        opacity: 0;
    }
    
    .navbar-expand-lg .navbar-collapse{width: 100%;}
    .navbar-expand-lg .navbar-nav{width: 100%; margin-top: 4%;}
    /*.slim.headbar-main{margin-top: -15rem;}*/
    .navbar-collapse ul li {
        width: 100%;
        margin:auto;
    }
    .navbar-collapse ul li a {padding:10px;}
    .navbar-collapse ul li .language-box a{padding: 0 10px;}   
    .menu-left ul li a, .menu-right ul li a{padding: 10px;} 
    .menu-left ul li .language-box a, .menu-right ul li .language-box a{padding: 0 10px;}  
    .title-boxmenu .img-1 {width: auto;}
    .box-1 {
        padding: 10% 0 29%;
    }
    .social-footer a {padding: 0 5px;}
    .social-footer{text-align: center;}
    .footer h1{text-align: center;}
    .logo-footer img { width:75%;}
    
    
/*----------------------------------otherpage-box-------------------------------------------------------*/
    .icon-box img {width: auto;}
    .icon-box img.last-logo{width: 100%;}
    .about-box, .detail-about {font-size: 1.4rem;}
	
	
	.submenu{
		top:95px;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size: 18px;}
    .social-footer img {width: auto;}
    .box-1 {padding: 10% 0 30%;}
    .logo-footer img {
        width: 100%;
    }
	.submenu{
		top:115px;
	}
	
	/*.promotion-box-img{
		height:580px;
	}
	.promotion-box-img img{
		height: 580px;
	}*/
	

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) { 
    html{font-size: 20px;}
    .container{ max-width: 1366px; } 
    .navbar-collapse ul li{font-size: .8rem;}
    .box-1 {padding: 10% 0 31%;}
    .readmenu-btn{width: 280px;}
    .line-color{width: 60% ;}
    .icon-box img.last-logo{width: auto;}
	
	.navbar-pengthai .dropdown-menu{
		left: -73vw !important;
	}
	.submenu{
		top:130px;
	}
}

/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1440px; } 
    .box-1 {padding: 10% 0 33%;}
	.navbar-pengthai .dropdown-menu{
		left: -83vw !important;
	}
}

@media (min-width: 2100px){
	.navbar-pengthai .dropdown-menu {
		left: -87vw !important;
	}
}
@media (min-width: 2300px){
	.navbar-pengthai .dropdown-menu {
		left: -93vw !important;
	}
}