@media (min-width: 768px) { 
	html{font-size: 16px;}	
	.headbar-main{padding: .75rem .75rem .5rem}
	.hamburgers-box .cart-mobile{right: 8rem;}
	.hamburgers-box .for-mobile{right: 5rem;}
	.navbar-collapse{width: 50%;}
	.contact-header{text-align: left;}
	.contact-bar{padding: 8px;}
	.contact-bar .social-header img{ filter: brightness(0) invert(1);}
	#nav-icon3{width: 35px;}
    .footer{padding: 5% 3% 0;}
	.address-footer{margin: 0;}
	.copyright-box{padding:1% 0 2%;}
	.social-header img{width: 35px;}
	.social-footer{margin: 1rem 0;}
	.social-footer ul{margin-bottom: 1rem;}
	
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-next {
    	margin-right: -1.5rem;
		font-size: 26px;
	}
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-prev {
		margin-left: -1.5rem;
		font-size: 26px;
	}	
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-next:hover,
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-prev:hover{opacity: 1;}
	
	
	.facebook-boxpage{margin: 0;}
	.tool-left ul{
		padding: 0;
		margin: 0;
		border: none;
		justify-content: flex-end;
	}
	.content-category, .content-newarrival, 
	.content-bestsale, .content-aboutus{padding: 5% 3%;}	
	.slide-bestsale .owl-carousel.owl-bestsale .owl-nav button.owl-next{
		margin-right: -1rem;
		font-size: 40px;
	}
	.slide-bestsale .owl-carousel.owl-bestsale .owl-nav button.owl-prev {
		margin-left: -2rem;
		font-size: 40px;
	}
	.detail-box ul li{/*margin: 0 15px;*/}
	
	.readmore-btn.readmore-btnblog{
		margin: 0 0 15px;
		width: 100%;
	}
	.detail-blog h1{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.3;
		height: calc(1rem * 1.3 * 2);
		margin: 0 auto;
	}

	.detail-blog p{
		-webkit-line-clamp: 8;
		height: calc(1rem * 1.3 * 8);
	}
	
	
	
	.content-otherpage{padding: 5% 3%;}	
	.howtopay-text1 h1{font-size: 24px;}
	.howtopay-text1 p{font-size: 22px;}
	.icon-step p{font-size: 1rem;}
	.vdo-present{height: 315px;}
}
@media (min-width: 700px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){   
	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}
	.menu-main{
		padding: 10px 0;
		background: #000;
	}
	.hamburgers-box{justify-content: center;}
    .navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-start;
	}
    .navbar-expand-lg .navbar-nav{width: 100%; }
    .navbar-collapse ul{list-style: none;}
    .navbar-collapse ul li {
        width: auto;
        margin: auto;
		padding: 0;
		font-size: 20px;
	}
	 .navbar-collapse ul li ul.dropdown-menu li {
		width: 50%;
		float: left;
    }
	 .navbar-collapse ul li ul.dropdown-menu li ul  {
		width: 25vw;
		background:#000;
	 }
	 .navbar-collapse ul li ul.dropdown-menu li ul li {
        width: 100%;
	 }
	 .navbar-collapse ul li ul.dropdown-menu li ul li:hover {
		 background:#FFF;
		 color:#000;
	 }
    .navbar-collapse ul li a{
        padding:5px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
    }  
	.navbar-collapse ul li .dropdown-menu{
		min-width: 15rem;
		margin: 0;
		box-shadow: 0 1px 8px rgba(0,0,0,0.2);
		width: 50vw;
	}
	.navbar-collapse ul li .dropdown-menu a:hover{
		/*background: #FFF;*/
		color: #ffc107;
	}
	.navbar-collapse ul.dropdown-menu.show li.dropdown:hover> .dropdown-menu{display: block; margin-left: 100%; top:0;}
	/*ul.dropdown-menu.show li .dropdown-menu a:hover{
		background: #000;
		color: #FFF;
	}*/
	.dropdown:hover > .dropdown-menu {
		display: block;
	}
	
	.slide-products .owl-carousel.owl-products.owl-drag .owl-item .item{margin: 0 5px;}	
	.slide-products .owl-carousel.owl-products.owl-drag .owl-item .item{padding: 10px;}
	.policy-box ul{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.social-footer{margin: 0;}
	.search-headbox{
		padding: 0;
		margin-right: 5px;
		display: flex;
		align-items: center;
		justify-content: space-between;	
	}
	.hamburgers-box .form-inline.for-mobile, 
	.hamburgers-box .cart-mobile{display: none;}
	.search-headbox .form-style{
		width: 76%;
		margin: 0;
	}
	.btn-search{padding: 0px;}
	.search-headbox a{
		padding-left: 5px;
		font-size: 14px;
		width: 65%;
	}
	.search-headbox a img{margin: 0;}
	.cart-box{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.cart-box img{
		width: 30px;
		margin: 0 10px 0 0;
	}
	.tool-right ul li .dropdown-menu[aria-labelledby="dropdownCart"]{
		height: 480px;
		right: 0;
		left: auto;
	} 
	.detail-cartproducts{padding: 10px;}
	.tool-left ul{justify-content: flex-start;}
	
	.category-box{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.category-box ul{
		display: flex;
		align-items: center;
	}
	.category-box{padding: 5px 10px;}
	.category-box img {
		margin: 0 15px 0 0;
		max-width: 80px;
	}
	.category-box ul li{text-align: left;}
	.title-box h1{font-size: 26px;}
	.detail-blog p{
		-webkit-line-clamp: 6;
		height: calc(1rem * 1.3 * 6);
	}
	
	.vdo-presents{height: 420px;}
	#big, #big .item{height: 358px;}
	#thumbs .item {height: 120px;}
	.number-input {float: left;}
.bg-submenu{ top:146px;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .container{ max-width: 1080px; }
    html{font-size:18px;}
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-next {
		margin-right: -1.3rem;
		font-size: 35px;
	}
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-prev {
		margin-left: -1.3rem;
		font-size: 35px;
	}
	.search-headbox a{width: 50%;}
	.search-headbox .form-style{width: 81%;}
	.title-products h1, .title-box h1, .about-box h1{font-size: 33px;}
	.readmore-btn{margin-top: 50px;}
	.tool-left ul li{margin: 0 20px;}
	.title-box{margin-bottom: 55px;}
	.icon-step .ic-size {
		font-size: 45px;
		width: 80px;
		height: 80px;
	}
	.vdo-present{height: 480px;}
.bg-submenu {
	top:160px;
}
.bg-submenu{ top:150px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{ max-width: 1280px; }
	.footer h1 {font-size: 24px;}
	.btn-search { padding: 2px;}
	.search-headbox a{
		width: 42%;
		font-size: 1rem;
	}
	.category-box img{width: 80px;}
	
	.history-btn ul li{font-size: 14px;}
	.icon-step .ic-size {
		font-size: 50px;
		width: 110px;
		height: 110px;
	}
.bg-submenu {
	top:160px;
}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
    .container{ max-width: 1360px; }
	.copyright-box{font-size: 18px;}	
	.navbar-collapse ul li{font-size: 22px;}
	.category-box img{
		width: 120px;
		margin-right:5px;
	}
	.category-box p{font-size: 16px;}
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-next{margin-right: -1.8rem;}
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-prev{margin-left: -1.8rem;}
	.slide-bestsale .owl-carousel.owl-bestsale .owl-nav button.owl-next {
		margin-right: -2.8rem;
		font-size: 35px;
	}
	.slide-bestsale .owl-carousel.owl-bestsale .owl-nav button.owl-prev {
		margin-left: -2.8rem;
		font-size: 35px;
	}
	.search-headbox a{width: 46%;}
	
	.content-bestsale{padding: 5%;}
	.detail-box{padding: 10px 15px;}
	
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    html{font-size:20px;}		
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-next {
		margin-right: -1.5rem;
	}
	.slide-products .owl-carousel.owl-products .owl-nav button.owl-prev {
		margin-left: -1.5rem;
	}
	.search-headbox a {width: 53%;}
}




