@media (min-width: 768px) { 
    .navbar-collapse{width: 50%;}
    .copyright-box{padding: 2% 0;}
    .navbar-collapse ul li.dropdown:hover> .dropdown-menu{display: block;}
    .footer{ padding: 5% 0 3%; }
    .content-box{padding: 5% 0;}
    .login-btn, .checkprice-btn{margin: 1rem auto 0;}
    
    #nav-icon3.navbar-toggler.open {transform: translate(38rem,-3.5rem);}
    
    .navbar-brand.d-lg-none{text-align: center;}
    .navbar-brand.d-lg-none img{max-width: 100%;width: auto;}
    .navbar-brand.d-lg-none img{max-width: 100%;}
    .content-otherpage {padding: 5% 0;}
    .content-otherpage.content-detailpage{padding: 5% 0;}
    .mapbox{height: 420px;}
    .content-otherpage.content-productpage{padding: 5% 0;}
	
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
    .hamburgers-box{display: none;}
    .navbar-brand img { max-width: 100%;}
    .navbar-expand-lg .navbar-collapse{width: 100%;position: relative;z-index: 5555;}
    .navbar-expand-lg .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
        text-align: center;
        position: relative;
        font-size: 18px;
    }
    .navbar-collapse ul li a{
        padding: 0 8px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
    }  
    .logo-footer{margin-left: -2rem;margin-right: 2rem;}
    .social-footer h1{font-size: 24px;}
    .menu-footer ul {line-height: 1.8;}
    .copyright-box {
        margin-top: 4rem;
        padding: 2% 0 0;
    }
    .cart-setting{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 0;
        margin-top: -8px;
    }
    .shopping-bag, .user-box{
        width: 24px;
        margin: 0 8px;
        text-align: center;
    }
    .shopping-bag img, .user-box img{
        transition: all 0.5s;
        width: 100%;
    }
    .shopping-bag img:hover, .user-box img:hover{transform: scale(.95);}
    .shopping-bag .dropdown-menu{
        left: auto;
        right: 0;
    }    
    
    .content-box{padding: 47px 0;}
    .banner-titlepage h1{font-size: 55px;}
    
    .content-otherpage{padding: 47px 0 10px;}
    .user-box .dropdown-menu{right: 0;}
	.vdobox-indetail{
		width: 100%;
		height: 350px;
	}

}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    html{font-size:20px;}
    .headbar-main{padding: 1rem .75rem;}
    .detail-article h1 {font-size: 24px;}
    .detail-article h2{font-size: 22px;}
    .detail-article p{font-size: 20px;}
    .register-btn{
        padding: 5px 15px;
        width:100%;
    }
    .title-box{
        font-size: 35px;
        margin-bottom: 33px;
    }    
    .content-box{padding: 33px 0 114px;}
    .article-box{margin-bottom: 13px;}
    .content-otherpage{padding: 113px 0;}
    .mapbox{height: 500px;}
    .address-box p{ font-size: 22px;}
    .address-box h1{font-size: 26px;}
    .footer h1{font-size: 1.7rem;}
}
@media (min-width: 1336px){
/*    .shopping-bag, .user-box{margin-right: 20px;}*/
    .user-box ul li:first-child{margin-right: 0;}
    .cart-setting {width: 100%; }
    .navbar-expand-lg .navbar-nav {
        width: 80%;
        margin-left: 0%;
    }
    .navbar-expand-lg .navbar-collapse{justify-content: flex-end;}
	
	.detail-article ul li p.oneline {
		-webkit-line-clamp: 1;
		line-height: 1.75;
		height: calc(1rem* 1.5* 1.2);
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1400px) {
    .navbar-brand img{width: 463px;}
    .menu-footer{padding-left: 2rem;}  
    
    .title-box{margin-bottom: 37px; }    
    .title-box.title-shop{margin:-13px auto 38px; } 
    .content-box{padding: 37px 0 105px;}
    .content-otherpage{padding:160px 0 130px;}
    .article-box{margin-bottom: 30px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    .container{ max-width: 1336px; }     
    .slim.headbar-main{padding: .5rem .75rem;}
    .title-box.title-shop{margin:-16px auto 38px; } 
    .content-otherpage {padding: 140px 0 115px;}
    .address-box, .message-contact {margin-bottom: 115px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size:22px;}
    .container{ max-width: 1600px; }
    .navbar-collapse ul li{font-size: 20px;}
    .navbar-expand-lg .navbar-nav { width: 70%;}
    .title-box{margin-bottom:52px; }    
    .title-box.title-shop{margin:0px auto 51px; } 
    .content-box{padding: 52px 0 132px;}
    .content-otherpage{padding: 165px 0 135px;}
}