@media (min-width: 768px) { 
	html{font-size: 18px;}	
	.headbar-main{padding: .5rem 0;}
	.navbar-brand img{width: 330px;}
	.navbar-collapse{width: 45%;}	
	#nav-icon3{width: 35px;margin: 0;}
    .footer{padding: 5% 0 ;}	
	.copyright-box{padding:15px 0;}
	.contact-header{text-align: left;}	
	.social-footer{margin:0;text-align: left;}	
	.hamburgers-box{align-items: center;}
	
	.content-flashsales{
		padding: 5% 0;
		background-position: top 30% center ;
	}
	.content-campaign .row{align-items: center;}
	.content-logobrands{padding: 5% 0 10%;margin-top: 5%;}
	.tabs-products ul{justify-content: center;}
	.text-campaign{text-align: left;}
	.tabs-products ul li{font-size: 1rem;margin: 0 5px;}
	.tabs-products ul li a{padding: 0 15px;}
	.navbar-brand{width: 80%;}
	
	.content-otherpage{padding: 0 0 5%;}
	.history-text.historyright{text-align: right;}

	.timeline-history{
		position: relative;
	}
	.timeline-history::after{
		width: 2px;
		height: 100%;
		position: absolute;
		left:50%;
		top: 0;
		content: '';
		z-index: 1;
		background: #f00;
		transform: translate(-50%,0);
	}
	.history-text{margin-bottom: 5rem;}
	.history-text.historyleft{margin-top: 11rem;}
	
	.history-text{
		display: block;
		padding: 0 2rem;
	}
	.history-text img{
		position: absolute;
		top: 0;
		z-index: 5;
		margin: 0;
		height: 54px;
		border-radius: 50%;
	}
	.history-text.historyleft .nums-timeline ,
	.history-text.historyleft img{
		left: -13%;
	}
	.history-text.historyright .nums-timeline ,
	.history-text.historyright img {
		right: -13%;
	}
	.history-text .nums-timeline{
		position: absolute;
		top: 0;
		z-index: 5;
		margin: 0;
		height: 54px;
		border-radius: 50%;
	}
	
	.history-text ul li {
		padding-right: 0;
		text-align: left;
		justify-content: flex-start;
	}
	
	.message-contact{padding: 5% 0;margin-top: 2rem;}
	.brands-boxset .col-6:nth-child(3){display: block;}
	.brands-boxset .col-6{margin-bottom: 0;}
	/*.findproducts{
		padding: 4px 8px;
		border-radius: 5px;
		background: #FFF;
		border: 1px solid #bfbfbf;
		margin-bottom: 1rem;
		text-align: center;
	}*/
	.findproducts h1{
		font-size: 1rem;
    	font-family: 'Kanit-Regular';
	}
	.findproducts .dropdown-menu{
		border-radius: 5px;
		border: 1px solid #bfbfbf;
		min-width: 450px;
	}
	.content-allproducts.bg-gray{padding: 5% 0;}
	
	.file-download ul{display: flex;}
	.file-download ul li{
		width: auto;
		margin: auto;
	}
	.file-download ul li a{padding: 0;}
	.vdoproduct{height:330px;}
	.register-boxtabs ul li{
		margin: 0 15px;
	}
	.register-boxtabs ul li a{padding: 6px 15px;}
	.promotions-set ul li {margin: 5px 10px;}
	.menu-toolmobile{width: 60%;}
	#LoginModal .modal-dialog{margin: auto 6rem;}
	
}
@media (min-width: 700px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){ 
	.menu-main{
		background: #bebebe;
		position: relative;
		z-index: -1;
	}
	/*.slim .menu-main{background: #000;}*/
	.slim.navbar-expand-lg.sticky-top{top: -3.5rem;}
	.navbar-brand{padding-left: 0;}
	.navbar-brand img{
		width: auto;
		max-width: 100%;
	}
    .navbar-expand-lg .navbar-collapse{
		width: 100%;
		justify-content: flex-end;
	}
    .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: 1.075rem;
		font-weight: bold;
		position: relative;
		color: #FFF;
    }
    .navbar-collapse ul li a{
        padding: 12px 14px;
        position: relative;
        transition: all 0.5s;
        text-align: center;
		color: #FFF;
    }  		
	.navbar-collapse ul li.activecontact.active a{z-index: -1;}
	.navbar-collapse li.dropdown:hover > .dropdown-menu{display: block;}
	.slim .navbar-collapse .dropdown-menu{top: -.5rem;}
	.navbar-collapse .dropdown-menu a{
		text-align: left;
		height: 100%;
		padding: 10px;
		font-size: 14px;
		color: #FFF;
		display: flex;
		align-items: center;
		z-index: 1;
	}
	.navbar-collapse .dropdown-menu img{width: 40px;margin-right: 5px;}
	/*.navbar-collapse ul li .dropdown-menu a:hover {
		color: #F00;
		background: #000;
	}*/
	.navbar-collapse .dropdown-menu .dropdown-showin {
		background: rgb(0 0 0 / 70%);
		overflow:inherit;
		height: auto;
		width: 100vw;
		left: 0;
		position: fixed;
		z-index: 111;
		padding: 2% 5%;
		box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	}			
	.navbar-collapse ul li .dropdown-menu a{color: #FFF;}
	.navbar-collapse ul li .dropdown-menu a:hover{
		background: none;
		color: #ffF;
		text-decoration: underline;
	}
	.navbar-collapse ul li .dropdown-menu a:hover img{transform: scale(.95);}
	.navbar-collapse  ul li .dropdown-menu .dropdown-showin a{padding:6px;font-size: 10px;}
	.navbar-collapse .dropdown-showin .row .col-xl-2 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.navbar-collapse .dropdown-showin .row .col-lg-3.dropdown{position: static;}	
	.navbar-collapse .dropdown-showin .row .col-lg-3.dropdown .dropdown-menu{
		width: 100%;
		padding: 1% 5%;
		height: auto;
		min-height: inherit;
		max-height: inherit;
		top: auto;
		background: #000;
		z-index: 5;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}
	.navbar-collapse .col-lg-3.dropdown:hover > .dropdown-menu{display: block;}
/*	.navbar-collapse .row .col-lg-3.dropdown .dropdown-menu a{font-size: 16px;}*/
	.navbar-collapse .dropdown-menu .dropdown-showin a:hover{
		background: #000;
		color: #FFF;
		text-decoration: none;
	}
	.policy-box ul{
		display:flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}
	.cart-bag{display: none;}
	.icon-register{display: none;}
	.tagtext {
		padding: 5px 8px;
		font-size: 15px;
	}
	.buy-btn {
    	width: 70%;
		padding: 2px 5px;
	}
	.readmore-btn{padding: 4px;width: 160px;}
	
	.vdo-presents{height: 420px;}	
	.history-text.historyleft .nums-timeline ,
	.history-text.historyleft img{
		left: -9%;
	}
	.history-text.historyright .nums-timeline ,
	.history-text.historyright img {
		right: -9%;
	}
	.history-text h1{font-size: 1.8rem;}
	.mapbox{height: 420px;}
	.his-page ul{font-size: 16px;}
	.category-list ul{font-size: 17px;}
	.category-fullproducts .col-lg-2 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	
	.register-boxtabs .tab-content{padding: 2rem;}
	
	
	.history-text ul li {
		margin-left: 2rem;
		margin-right: -1rem;
	}
	.brands-boxset .col-6:nth-child(4){display: block;}
	
	/*.navbar-collapse .dropdown-menu .dropdown-showin{
		min-height: 300px;
		max-height: 480px;
		overflow-x: hidden ;
		overflow-y: auto;
	}*/
	.detail-littletext--brands p {
		/*-webkit-line-clamp:inherit;
		height: auto;*/
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.3;
		height: calc(1rem * 1.3 * 5);
	}
	.detail-littletext--brands a.readmore-btn{
		padding: 2px 5px;
		width: 65%;
		font-size: 14px;
		bottom: 6.5%;
	}
	.file-download ul li{margin: 0 10px 0 0;}
	.file-download ul li:last-child{margin-right: 0;}
	.file-download ul li a{padding: 10px;}
	.text-quantity p{font-size: 16px;}
	.tableproducts table{width: 100%;min-width: 100%;}
	.tableproducts table th, .tableproducts table td{padding: 12px;}
	
	.number-input input[type=number] {max-width: 45px;}
	.social-footer img{width: 45px;}
	.vdoproduct{height: 560px;}
	.menu-toolmobile{display: none;}
}
/*//./////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .container{ max-width: 1180px; }
	.slim.navbar-expand-lg.sticky-top{top: -4rem;}
	.toolsething-box ul li img{width: auto;max-width: 100%;}
	.content-campaign{padding: 0;}
	.tabs-products ul li{margin: 0 15px;}
	.slide-flashsales .owl-carousel .owl-nav{font-size: 50px;}
	.footer h1{font-size: 24px;}
	.buy-btn{width: 55%;font-size: 18px;padding: 6px 4px; }
	.history-text.historyleft .nums-timeline ,
	.history-text.historyleft img{
		left: -7.5%;
	}
	.history-text.historyright img .nums-timeline ,
	.history-text.historyright img {
		right: -7.5%;
	}
	.history-text ul li{padding-left: 0;margin-left: 4rem;}
	.icon-howtopay img{width: 110px;}
	
	.findproducts .dropdown-menu{
		min-width: 290px;
	}
	.slim .navbar-collapse .dropdown-menu{top: -1.1rem;}
	.navbar-collapse .dropdown-menu .dropdown-showin{padding: 2% 10%;}
	.navbar-collapse ul li .dropdown-menu .dropdown-showin a{
		/*font-size: 13px;*/
		font-size: 0.7rem;
         
	}
	.detail-littletext--brands a.readmore-btn{
		font-size: 18px;
    	padding: 6px 4px;
		width: 55%;
	}
	.navbar-collapse .dropdown-menu[aria-labelledby="dropdownProducts"] .dropdown-showin {
		padding: 2% 3%;
	}
	.social-footer img{width: auto;}
	.vdoproduct{height: 638px;}
	.number-input input[type=number] {max-width: 70px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    html{font-size:20px;}
	  /* .container{ max-width: 1336px; } */
    .container{ max-width: 1400px; }
	.slim.navbar-expand-lg.sticky-top{top: -4.2rem;}
	.slide-flashsales .owl-carousel .owl-nav button.owl-next {right: -3rem;}
	.slide-flashsales .owl-carousel .owl-nav button.owl-prev {left: -3rem;}
	.about-box h1{font-size: 30px;}
	.content-logobrands{padding-bottom: 5%;}
	.tagtext {
		padding:5px 8px;
		font-size: 16px;
	}
	
	.vdo-presents{height: 480px;}
	.history-text.historyleft .nums-timeline ,
	.history-text.historyleft img{
		left: -6.5%;
	}
	.history-text.historyright .nums-timeline ,
	.history-text.historyright img {
		right: -6.5%;
	}
	.history-text.historyright{padding-left: 8rem;}
	.history-text ul li{margin-left: 3rem;}
	.findproducts .dropdown-menu{
		min-width: 330px;
	}
	.slim .navbar-collapse .dropdown-menu{top: -1.2rem;}
	.navbar-collapse .dropdown-menu img{width: 50px;}
	.navbar-collapse .dropdown-showin .row .col-lg-3.dropdown .dropdown-menu{padding: 1% 3%;}
	
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px){
	.vdo-presents{height: 515px;}
	.text-campaign h1{font-size: 33px;}
	.footer{padding: 3% 0;}
	.findproducts ul li img{width: 90px;}
	.navbar-collapse ul li .dropdown-menu a{
		font-size: 16px;
		padding: 10px;
	}
	.navbar-collapse .dropdown-menu .dropdown-showin{
		padding: 1% 10%;
		/*height: 380px;*/
	}
	.navbar-collapse .dropdown-showin .row .col-lg-3.dropdown .dropdown-menu{padding: 1% 5%;}
	.slim .navbar-collapse .dropdown-menu{top: -1.3rem;}
	/*.navbar-collapse ul li .dropdown-menu .dropdown-showin a{font-size: 14px;}*/
	.navbar-collapse .dropdown-menu img{width: 55px;}
	
	.navbar-collapse .dropdown-menu[aria-labelledby="dropdownProducts"] .dropdown-showin {padding: 2% 5%;}
	
    .navbar-collapse ul li {
        width: 100%;
        margin: 0;
    }
    .navbar-collapse ul li a{
        padding: 12px 0;
    }  
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1440px; }
	.footer h1{font-size: 26px;}
	.buy-btn {
		width: 50%;
		padding: 4px 4px;
	}
	.findproducts .dropdown-menu{
		min-width: 340px;
	}
	.findproducts ul li a{font-size: 18px;}
	.findproducts ul li img{width: 100px;}
	.navbar-collapse .dropdown-menu img{width: 80px;}
	.navbar-collapse ul li .dropdown-menu a{font-size: 18px;}
	.navbar-collapse  ul li .dropdown-menu .dropdown-showin a{font-size: 16px;}
	.navbar-collapse .row .col-lg-3.dropdown .dropdown-menu a{font-size: 16px;}
	.navbar-collapse .dropdown-menu[aria-labelledby="dropdownProducts"] .dropdown-showin {padding: 2% 5% 2% 10%;}
	.navbar-collapse .dropdown-showin .row .col-lg-3.dropdown .dropdown-menu{padding: 1% 5% 1% 10%;}
	
	
	
			
}