/*MAX AND MIN*/
@media screen and (max-width: 1199px) and (min-width: 992px){
	.box-product_:hover .btn-group{
		transform: translateX(0px)
	}
	.box-product_ .btn-item{
		font-size: 12px;
		letter-spacing: 0px;
	}
	.box-product_ .info-p .name a{
		width: 100%;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6:nth-child(2n + 1){
		clear: both;
	}
	
}


/*MIN*/
@media (min-width: 768px){
	[id *= content_main] .product-by-combo-categories .tab-content .row-tab div:nth-child(3n + 1){
		clear: both;
	}
	[class *= content-] .product-by-combo-categories .tab-content .row-tab div:nth-child(2n){
		clear: both;
	}
}
@media (min-width: 992px){
	
	#header.fixed{
		background-color: #451c1c;
	}
	#header.fixed .header-left{
		padding: 20px 0;
	}
	#header.fixed .header-left .logo .logo_desktop{
		display: none;
	}
	#header.fixed .header-left .logo .logo_mobile{
		display: block;
	}
	#header.fixed #menu > ul .top{
		color: #fff600;
	}
	#header.fixed #menu > ul > li{
		margin: 15px;
	}
	#header.fixed #cart-top-all{
		margin: 21px 0 21px 36px;
	}
	#header.fixed .box-search-nav{
		margin: 21px 0 21px 45px;
	}
	
	.common-home .box-menu .box-box{
		display: none !important;
	}
	.menu-home-cat > ul > li:hover > ul{
		display: block;
	}
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6.col-md-3:nth-child(4n + 1),
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6.col-md-4:nth-child(3n + 1),
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6.col-md-6:nth-child(2n + 1)
	{
		clear: both;
	}
	#header .header-group > div{
		display: inline-block;
		vertical-align: top;
	}
}
@media (min-width: 1200px){
	.container {
		width: 1170px;
	}  
	#box-search-top .search input {
		width: 225px;
	}
	#banner3.banner_content_top .item.text-center:first-child{ 
		margin-left: 0; 
	}
	.product-by-type.bestseller-product .box-border a.link_all{
		margin-top: -25px;
	}
}


/*MAX*/
@media (max-width: 1200px) {
	#over_menu .search-all {
		position: absolute;
		right: 0px;
	}
	#over_menu .container {
		position: relative;
	}
	#menu > ul > li{
		margin: 26px 10px;
	}
}
@media (max-width: 992px) {
	header.header-all .bottom-header .container ul.top-menu-time li{
		margin: 0 0 0 15px;
	}
	.container { width: 100%; }

}
@media (max-width: 991px){
	.product-info.row .description h1 {
		margin-top: 25px;
	}
	.navbar-toggle .icon-bar{
		background: #7ecc13;
	}
	.navbar-toggle{
		border: 1px solid #7ecc13;
	}
	.product-by-type .cat-banner-left{
		display: none;
	}
	.product-by-type .products_cat_0.product-cat-right{
		width: 100%;
		padding-left: 0;
	}
	.product-by-type.box-pro-special .col-pro-cat{ width: 33.33333333%; }
	.product-by-type.box-pro-special .col-pro-cat:nth-child(4n+1){ clear: none; }
	.slideshow-over #slideshow .owl-buttons .owl-prev{
		left: 0;
	}

	.menu-content-top {
		width: 100%;
		padding-right: 0;
	}
	#banner3.banner_content_top{
		width: 100%;
		padding-left: 0;
	}
	.slideshow .menu-content-top ul{ width: 100%; }
	.slideshow .menu-content-top ul li{ height: 80px; }
	.slideshow .menu-content-top ul li a {
		padding-top: 18px;
	}
	.slideshow .menu-content-top ul li:after{ height: 70px; }
	#banner3.banner_content_top{ margin-top: 20px; }
	#banner3.banner_content_top .item.text-center{
		width: 32.8%;
		margin-left: 5px;
	}
	#banner3.banner_content_top .item.text-center:first-child{ margin-left: 0; }
	.header-right.box_acc li.hidden-xs {
		display: none;
	}
	.header-right.box_acc li.header-mobi{ display: inline-block; }
	.box_acc ul li div#cart i.fa{ display: inline-block; }
	.box_acc ul li div#cart span.text{ display: none; }
	.faq{ padding: 60px 0 30px; }
	.faq .media-body {
		max-width: 320px;
		width: 100%;
		margin: 0 auto 30px;
	}
	.faq .media-body img.testi-thumb{ width: 50px; }
	.faq .media-body .testi-content{
		padding: 85px 35px 35px 35px;
	}
	.new-news.our-team .box-content .row > div:not(:last-child) .box-team-content{
		margin-bottom: 20px;
	}
	.box-list{
		width: 100%;
	}
	#header .logo{
		padding: 15px 0;
	}
	.product-by-combo-categories ul.nav.nav-tabs > li{
		width: 50%;
		float: left;
	}
	.product-by-combo-categories ul.nav.nav-tabs > li:nth-child(odd){
		border-right: 1px solid #e6e6e6;
	}
	.product-by-combo-categories .nav-tabs>li>a{
		padding: 10px;
	}
	.product-by-combo-categories .nav-tabs>li:hover:after, .product-by-combo-categories .nav-tabs>li.active:after{
		position: unset;
		content: unset;
	}
	#footer .footer-top .newsletter, #footer .footer-top .social-network{
		display: flex;
		margin-bottom: 30px;
		justify-content: center;
		align-items: center;

	}
	#footer .footer-top .social-network{
		flex-direction: row-reverse;
		margin-bottom: 0;
	}
	#footer .footer-top .media-service .title{
		display: none;
	}
	#footer .footer-all [class *= col-]{
		margin-bottom: 20px;
	}
	#powered .text-left,#powered .text-center,#powered .text-right {
		text-align: center;
		margin-bottom: 10px;
	}
	#header {
		position: unset !important;
	}

	#menu > ul > li{
		margin:5px;
	}
	/*pay-element in checkout.apt*/
	.pay-element > div  *, .news-description *{
		max-width: 100% !important;
		height: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 767px){
	#header{
		position: unset !important;
	}
	.module-slideshow, .module-slideshow .container{
		padding: 0;
	}
	.module-slideshow .slideshow{
		width: 100%;
	}
	.slideshow .owl-carousel .owl-wrapper-outer {
		width: 100%;
		float: left;
		box-shadow: none;
	}
	.module_product_by_category{
		padding-top: 40px;
	}
	.box-heading h2{
		font-size: 20px;
		padding: 10px 0 20px;
	}
	/*menu in the bottom */
	.hotline .hotline-mobile{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 170px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		display: block;
		background-color: #ebdf03;
		color: #461d1d;
		z-index: 1009;
	}
	#cart-top-all{
		position: fixed;
		top: unset;
		bottom: 0;
		left: calc(170px + ((100% - 170px) / 3));
		width: calc((100% - 170px) / 3);
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		display: block;
		background-color: #461d1d;
		color: #461d1d;
		z-index: 1009;
	}
	#cart .cart-inner, #cart .cart-title{
		height: 40px;
		float: unset;
		line-height: 40px;
		cursor: pointer;
	}

	#cart .cart-title img{
		width: 20px;
	}
	.box-search-nav{
		top: unset;
		right: 0;
		bottom: 0;
		width: calc((100% - 170px) / 3);
		background-color: #461d1d;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		cursor: pointer;
		z-index: 1009
	}
	.box-search-nav:hover .btn-open-search{
		color: #ebdf03;
	}
	#cart >.content, #box-search-top{
		width: 100%;
		min-height: 40px;
		position: fixed;
		top: unset;
		bottom: 40px;
		right: 0;
	}

	.search, .search input{
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
	#fb-root .fb_dialog{
		bottom: 115px !important;
	}
	
	#fb-root .fb_customer_chat_bounce_in_v2{
		display: none !important
	}
	.zalo-fixed{
		bottom: 225px;
	}
	/*box-list dropdown-on-mobile*/
	.dropdown-on-mobile .box-list-heading{
		line-height: 24px;
	}
	.dropdown-on-mobile .box-list-heading .btn-open-on-mobile{
		position: absolute;
		width: 48px;
		height: 48px;
		line-height: 48px;
		top: 0;
		right: 0;
		cursor: pointer;
		text-align: center;
	}
	.dropdown-on-mobile .box-list-heading .btn-open-on-mobile:before{
		position: absolute;
		top: 25%;
		left: 0;
		width: 1px;
		height: 50%;
		content: '';
		background-color: whitesmoke;
	}
	.dropdown-on-mobile .btn-open-on-mobile i{
		font-size: 20px;
		margin: 0;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.dropdown-on-mobile .btn-open-on-mobile.act i{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.dropdown-on-mobile .box-box ul ul, .dropdown-on-mobile .box-box{
		display: none;
	}
	.dropdown-on-mobile .box-box ul li .plus-btn i:before{
		content: "\f067";
	}
	.dropdown-on-mobile .box-box ul li .plus-btn.minus i:before{
		content: "\f068";
	}
	/*end box-list dropdown-on-mobile*/
	/*menu when click to the open menu button*/

	#over_menu .search-all{ 
		display: none; 
	}
	.nav-mobi {
		position: fixed;
		bottom: 0;
		left: 170px;
		width: calc((100% - 170px) / 3);
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		margin: 0;
		z-index: 1009;
		background-color: #461d1d;
		cursor: pointer;
	}

	.nav-toggle-mb {
		background: transparent;
		height: 40px;
		border: 0;
		cursor: pointer;
		outline: none;
		font-size: 20px;
		color: #fff;
		line-height: 1;
	}
	.nav-mobi:hover .nav-toggle-mb{
		color: #ebdf03;
	}
	.nav-toggle-mb span.icon {
		background-color: #fff;
		display: block;
		width: 18px;
		height: 2px;
		border-radius: 1px;
	}
	.nav-toggle-mb span.icon+.icon{ margin-top: 3px; }
	.menu-mobi {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		width: 300px;
		height: calc(100vh - 40px);
		overflow-y: auto;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition:0.3s;
		-moz-transition:0.3s;
		transition:0.3s;
		background-color: #451b1c;
	}
	.inner-menu-mobi {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #451b1c;
	}
	.inner-menu-mobi ul li a {
		display: block;
		padding: 0.7em 1em 0.7em 1.8em;
		outline: none;
		box-shadow: inset 0 -1px rgba(101,101,101,0.5);
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
		color: #fff600;
		text-transform: uppercase;
		line-height: 24px;
		font-size: 14px;
	}
	.inner-menu-mobi .logo a{
		display: block;
		padding: 2em 1em 1em 1.8em;
	}
	.inner-menu-mobi > ul > li:first-child > a{
		padding-top: 19px;
	}
	
	body.oppen .menu-mobi {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);
	}
	body.oppen .bg-mb {
		width: 100%;
		height: 100%;
		opacity: 1;
		content: '';
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
		background: rgba(0,0,0,0.3);
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
	}
	.inner-menu-mobi ul.lv1 ul {
		display: none;
		margin-left: 10px;
	}
	.inner-menu-mobi ul.lv1 li.has-child {
		position: relative;
	}
	.inner-menu-mobi ul.lv1 li.has-child span.mb-toggle {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
	}
	.inner-menu-mobi ul.lv1 li.has-child span.mb-toggle:before{
		content: "\f067 ";
		font-family: "FontAwesome";
		line-height: 40px;
		font-size: 14px;
		position: absolute;
		top: 0px;
		right: 0;
		cursor: pointer;
		color: #fff;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.inner-menu-mobi ul.lv1 li.has-child span.mb-toggle.pluss:before{
		content: "\f068";
	}
	/*end menu*/


	/* box_product_*/
	.box-product_ .info-p .name a{
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	.box-product_ .btn-group{
		position: unset;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	.box-product_ .btn-item{
		width: 100% !important;
	}
	.slideshow-over #slideshow .owl-buttons [class *='owl-']{ width: 30px; height: 30px; }
	.slideshow-over .owl-buttons [class *='owl-']:before{
		line-height: 30px;
	}
	.slideshow-over #slideshow .owl-buttons .owl-next{ background: url(../image/icon-slidesceda.png) no-repeat -135px 50%; }
	#slideshow .cap-slide h2{
		font-size: 18px;
		line-height: 18px;
		margin: 0px;
	}
	#slideshow .cap-slide p{
		font-size: 14px;
		line-height: 1.2;
	}
	#slideshow .cap-slide a.btn-slide{ font-size: 15px; }
	.faq .card .inner-card-body { padding: 15px 0; }
	.product-by-combo-categories.product-by-type{ padding: 35px 0px 15px; }
	.product-by-combo-categories.product-by-type .col-lg-4 {
		margin-bottom: 30px;
	}
	.product-by-combo-categories.product-by-type .col-lg-4:nth-child(2n+1){ clear: both; }
	#banner3.banner_content_top{ display: none; }

	.search-and-language #search{display: none;}
	.product-info > .left + .right,.product-info > .left{float: none;margin: 0}
	.product-info .image{float: none;}
	.contact_us_home{ text-align: center; }
	.contact_us_home h3{
		font-size: 28px;
		line-height: 40px;
	}
	.contact_us_home a.pull-right.btn-v.contact-us {
		float: none!important;
	}
	.box-number-info h3 {
		margin-top: 0;
	}
	.faq .box-border .card{
		-webkit-box-flex: unset;
		-ms-flex: unset;
		flex: unset;
		width: 100%;
	}
	.box-number-info .text-small{ text-align: center; }
	.box-number-info .text-small span.img{ float: none; }
	.box-number-info .text-small .content-nb{ width: 100%; }
	.contact_us_home{ padding: 25px 0; }
	.owl-carousel .owl-buttons div{
		display: block;
		opacity: 1;
	}

	#powered{ text-align: center; }
	#powered .pull-left, #powered .pull-right{ width: 100%; }
	.form-change{ text-align: center; }
	.form-change h2.block-action{
		max-width: 100%;
		text-align: center;
	}
	.form-change button.btn.btn-primary{
		position: unset;
		margin: 0;
		padding: 10px 30px;
		display: inline-block;
	}

	.search > span{
		float: right;
	}
	#footer .footer-all{ padding: 30px 0px 30px; }
	#footer .footer-all .blog_title_ft h3{
		margin-top: 30px;
	}
	#footer .footer-all .title
}
@media screen and (max-width: 480px){
	.products_cat_0.product-cat-right .col-pro-cat,
	.product-by-type.box-pro-special .col-pro-cat{ width: 100%; }
	.product-by-combo-categories.product-by-type .col-lg-4{ width: 100%; }
}
@media (max-width: 424px){
	.owl-carousel .owl-buttons [class*=owl-]{
		top: calc( 50% - 19px);
	}
	.owl-carousel .owl-buttons .owl-prev, .owl-carousel:hover .owl-buttons .owl-prev{
		left: 10px;
		right: unset;
	}
	.owl-carousel .owl-buttons .owl-next, .owl-carousel:hover .owl-buttons .owl-next{
		right: 10px;
	}
	.box-product_ .info-p .name a{
		font-size: 13px;
	}
	.box-product_ .price{
		width: 100%;
		background-color: #451c1c;
	}
	.box-product_ .price:before{
		content: unset;
		position: unset;
	}
	.box-product_ .price span{
		margin: 0;
		font-size: 14px;
	}
	.box-product_ .btn-item span{
		display: none;
	}
	.cart-info{
		overflow: scroll;
	}
	.buttons .right{
		float: unset;
		text-align: left;
		margin-bottom: 10px;
	}

}