@media (min-width: 768px) {
	html{ font-size:16px; } 
	.navbar-brand img{width: 175px;}
	.tools-header{padding: 1% 0;}
	.navbar-collapse{width: 50%;}
	.footer{padding: 5% 0 2%;}
	.bannerpage{padding: 3% 0;}
	.content-box{padding:5% 0 5%;}

	.owl-carousel.slidecategory{display: none;}
	.flipdown{margin: -4rem auto 2rem;}
	.search-box{margin-right: 8px;}
	.cart-member ul li:first-child{margin-right: 35px;}
	.icon-category .img-box{
		width: 95px;
		height: 95px;
	}
	.cart-member ul{justify-content: flex-end;}
	.tools-header.on-mobile .container{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.search-box{margin-bottom: 0;}
	.headbar-main {
        background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 60%, rgba(255, 255, 255, 1) 0%);
        background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 60%, rgba(255, 255, 255, 1) 0%);
        background: linear-gradient(300deg, rgba(255, 140, 0, 1) 60%, rgba(255, 255, 255, 1) 0%);
    }
	
	.contact-footer{margin-top: 0;}
	.headerotherpage{padding: 4% 0;}
	
	.number-input{float: right;margin: 0;}
	.price-text{
		margin: 0;
		padding: 0;
		border: none;
		justify-content: flex-end;
	}
	.price-text p{margin-right: 15px;}
	.text-buy{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.text-buy ul{margin-right: 1rem;}

	.login-content{
		background-position:  top left -3rem ;
	}
	.cartlist-details .fa-trash{
		top: auto;
		bottom: 1rem;
	}
	.register-content{
		padding: 5% 0;
		background-position: top left -10rem;
	}
	.content-box.promotionshome {
		padding-bottom: 4%;
	}
	
	
	
	.slidebestselling.owl-carousel .owl-nav  button.owl-prev,
	.slideflashsale.owl-carousel .owl-nav  button.owl-prev{
		left: -1.5rem;
	}
	.slidebestselling.owl-carousel .owl-nav  button.owl-next,
	.slideflashsale.owl-carousel .owl-nav  button.owl-next{
		right: -1.5rem;
	}
	.textabout-abpage h1{font-size: 35px;}
	.textabout-abpage h2{font-size: 22px;}
	
	
	.btnstyle.readall{float: right;}
	.textproducts-details .number-input{
		float: left;
		width: 100%;
	}
	.icon-paystep{padding: 1rem 0.5rem;}
	.products-tabright .banner-ads{margin-bottom: 2rem;}
	.filter-products{margin-top: 0;}
	.content-box.productspage .slidecategoryicon{margin-bottom: 2rem;}
	.tagstock{text-align: left;}
	.buydone{text-align: right;margin-bottom: 2rem;}
	
	.nav-pills#pills-reviews .row{align-items: center;}
	.textcountdown {
		width: 75%;
		font-size: 1.3rem;
	}
	.cart-member ul li{margin-right: 10px;}
	
	.choosedelivery,
	.address-choose{height: 100%;}
	#reviewsModal .modal-dialog{max-width: 768px;}
	#changeaddressModal .modal-dialog{max-width: 768px;}
	.add-address.addvat h1{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.add-address.addvat .radiochoose{margin: 0;}
	.carttext-success img{width: 20%;}
}
@media (min-width: 992px) { 
	.tools-header{background: none;padding: 0;}
	.headbar-main {
        background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 75%, rgba(255, 255, 255, 1) 0%);
        background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 75%, rgba(255, 255, 255, 1) 0%);
        background: linear-gradient(300deg, rgba(255, 140, 0, 1) 75%, rgba(255, 255, 255, 1) 0%);
    }
	.tools-header.on-pc{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.tools-header.on-mobile{display: none;}
	#nav-icon3{display: none ;}
	.navbar-brand img{width: auto;max-width: 100%;}
	.languages-pc{padding: 8px;}
	.hamburgers-box{justify-content: space-between;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 95%;
		justify-content: flex-end;
		margin-top: .5rem;
	}
	
	.navbar-nav li{
		width:auto;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		position: static;
	}
	.navbar-nav li .dropdown-menu{
		width: 100%;
		min-width: inherit;
		background: #f5f5f5;
		margin: 0;
		font-size: .9rem;
	}
	.navbar-nav li .dropdown-menu a{
		text-align: center;
		padding: 15px;
		height: 100%;
	}
	.search-box .dropdown-menu{min-width: 18rem;}
	
	.navbar-nav li a{
		padding: 10px;
		text-align: center;
	}
	.policy-box ul{
		display: flex;
		align-items: center;
	}
	.flipdown { margin: -6rem auto 2rem;}
	.cartclick span{color: #FFF;background: #f00;}
	.cart-member ul li{margin-right: 20px;}
	.cart-member ul li:last-child{margin-right: 0;}
	.cartclick img{filter: brightness(0) invert(1);}
	.search-box{width: 45%;}
	.img-abouthome {
		margin-bottom: 0;
		aspect-ratio: 3 / 2;
	}
	.contact-footer{margin: 0 auto 1rem;}
	.title-products h1,
	.textabout-home h1,
	.title-box h1{font-size: 33px;}
	.textabout-home{padding-right: 6%;}
	.icon-category .img-box {
        width: 110px;
        height: 110px;
        padding: 1.3rem;
    }
	
	.icon-verify img{max-width: 60%;}
	.icon-verify h1{font-size: 28px;}
	.content-box.verifyhome .col-md-3:last-child{border-right: none;}
	.content-box.verifyhome .col-md-3{border-right: 1px solid #ececec;}
	
	.login-content{
		background-position:  center center;
	}
	.text-policy{padding-right: 5%;}
	
	.icon-buy .iconcircle{
		width: 110px;
		height: 110px;
		padding: 1.5rem;
	}
	
	.icon-buy{padding: 2rem 1rem;}
	.filter-products .col-lg-2,
	.col-lg-2.w-size{width: 14.285%;}
	
	.banktransfer img{width: 55px;}
	.icon-paystep{padding: 1rem;}
	.icon-paystep h1{
		-webkit-line-clamp: 2;
		height: calc(1rem* 1.2* 2);
	}
	.filter-products a{margin-bottom: 0;}
	.textproducts-details .number-input{
		width: 75%;
	}
	.textcountdown {
		width: 55%;
	}
	.tabs-profile, .profile-boxcard{padding: 2rem;}
	#changeaddressModal .modal-body{padding: 2rem;}
	#changeaddressModal .modal-dialog{max-width: 818px;}
	
	.tabs-profile ul img {
		width: 30px;
		margin-right: 10px;
	}
}
@media (min-width: 1200px) {
	html{ font-size:18px; } 
	.icon-category p{padding: 0 1rem;}
	.icon-category .img-box{
		width: 150px;
		height: 150px;
	}
	.flipdown .rotor{font-size: 3rem;}
	.search-box {
        width: 50%;
    }
	.line-title hr{border-width: 2px;}
	.text-news{padding: 1rem .5rem;}
	.text-news h1{font-size: 18px;}
	.text-news ul,
	.text-news p{font-size: .8rem;}
	.social-footer img{width: 40px;}
	.register-content{padding: 2% 0;}
	
	.register-content{background-position: center center;}
	.navbar-nav li .dropdown-menu a{
		padding: 15px 5px;
	}
	.banktransfer img{width: 85px;}
	.textcountdown {
		width: 45%;
	}
	#changeaddressModal .modal-dialog{max-width: 1024px;}
	#reviewsModal .modal-dialog{max-width: 992px;}
	#reviewsModal .modal-content{min-height: 768px;}
}

@media (min-width: 1440px) {
    .container{ max-width: 1230px; }
	.textabout-home{padding-right: 12%;}
	.line-title img{width: 40px;margin-right: 10px;}
	
	.slidebestselling.owl-carousel .owl-nav button.owl-prev, 
	.slidebestselling.owl-carousel .owl-nav button.owl-next,
	.slideflashsale.owl-carousel .owl-nav button.owl-prev, 
	.slideflashsale.owl-carousel .owl-nav button.owl-next,
	.slidecategoryicon.owl-carousel .owl-nav button.owl-prev, 
	.slidecategoryicon.owl-carousel .owl-nav button.owl-next{
		width: 36px;
		height: 36px;
	}
	.banktransfer {margin: 1rem 0;}
}

@media (min-width: 1600px) { 
	html{ font-size:20px; } 
    .container{ max-width: 1440px; }
	.headbar-main {
        background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 70%, rgba(255, 255, 255, 1) 0%);
        background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 70%, rgba(255, 255, 255, 1) 0%);
        background: linear-gradient(300deg, rgba(255, 140, 0, 1) 70%, rgba(255, 255, 255, 1) 0%);
    }
	.textcountdown {
		width: 35%;
	}
	
}
@media (min-width: 1800px) {
}
@media (min-width: 2000px) {
	.container{ max-width: 1600px; }
	
}
@media (min-width: 2400px) {
	.headbar-main {
        background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 65%, rgba(255, 255, 255, 1) 0%);
        background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 65%, rgba(255, 255, 255, 1) 0%);
        background: linear-gradient(300deg, rgba(255, 140, 0, 1) 65%, rgba(255, 255, 255, 1) 0%);
    }
	
}
@media (min-width: 2750px) {
	.headbar-main {
        background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 64%, rgba(255, 255, 255, 1) 0%);
        background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 64%, rgba(255, 255, 255, 1) 0%);
        background: linear-gradient(300deg, rgba(255, 140, 0, 1) 64%, rgba(255, 255, 255, 1) 0%);
    }
	
}
@media (min-width: 3000px) {
	.headbar-main {
        background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 60%, rgba(255, 255, 255, 1) 0%);
        background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 60%, rgba(255, 255, 255, 1) 0%);
        background: linear-gradient(300deg, rgba(255, 140, 0, 1) 60%, rgba(255, 255, 255, 1) 0%);
    }
	
}

