/*MAX AND MIN*/
@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;
	}
	.header-right , .header-center {
		display: flex;
		float: left;
		justify-content: center;
		margin-bottom: 20px;
	}
	.header-center{
		width: 60%;
	}
	.header-right{
		width: 40%;
	}
	
}

/*MIN*/
@media (min-width: 768px){
	.modal-dialog {
	    width: 500px;
	}
}
@media (min-width: 992px){
	.product-by-cat .col-md-4.col-xs-12:nth-child(3n + 1) {
	    clear: both;
	}
	.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;
		margin: 40px 0;
		float: left;;
	}
	#header .header-group > div.header-center{
		margin: 40px;
	}
	#header .header-group > div.header-right{
		float: right;
	}
}
@media (min-width: 1200px){
	.product-by-type.bestseller-product .box-border a.link_all{
		margin-top: -25px;
	}

	.box-search-top {
	    position: absolute;
	    top: 100%;
	    right: -50px;
	    margin-top: 5px;
	    display: none;
	}

	.box-search-top input[type="text"] {
		min-width: 286px;
	}

	#menu {
		display: block!important;
	}
}

/*MAX*/
@media (max-width:  1199px) {
	.box-search-top {
	    position: relative;
	    width: 100%;
	    margin-bottom: 20px;
	    padding: 0 10px;
	}
	.box-search-top button.button-search {
		right: 10px;
	}
	#over_menu .container {
		position: relative;
	}
	#menu {
	    position: absolute;
	    left: 0;
	    top: 100%;
	    width: 100%;
	    height: 100vh;
	    padding: 30px;
	    overflow-y: auto;
	    background-color: #fff;
	    display: none;
	}
	#menu > ul {
	    padding-bottom: 100px;
	}
	#menu > ul li {
		width: 100%;
	}
	#menu > ul > li {
		margin: 0;
	}
	#menu ul ul {
	    position: unset;
	    opacity: 1;
	    visibility: visible;
	    -webkit-transform: perspective( 600px ) rotateX( 0deg );
	    -moz-transform: perspective( 600px ) rotateX( 0deg );
	    -ms-transform: perspective( 600px ) rotateX( 0deg );
	    -o-transform: perspective( 600px ) rotateX( 0deg );
	    transform: perspective( 600px ) rotateX( 0deg );
	    background: #fff;
	    padding: 5px 15px;
	}
	#menu > ul li li a, #menu > ul .top {
		color: #000;
		font-weight: 400;
		opacity: 1;
	}
}
@media (max-width: 992px) {
	.cart-info td.image {
		display: none;
	}
	header.header-all .bottom-header .container ul.top-menu-time li{
		margin: 0 0 0 15px;
	}
	.navbar-toggle .icon-bar{
		background: #7ecc13;
	}
	.navbar-toggle{
		border: 1px solid #7ecc13;
	}
	.slideshow .owl-carousel {
		width: 100%;
		float: left;
	}
	.menu-content-top {
		width: 100%;
		padding-right: 0;
	}
	.box_acc ul li div#cart i.fa{ display: inline-block; }
	.box_acc ul li div#cart span.text{ display: none; }
	.box-list{
		width: 100%;
	}
	nav .box-nav{
		position: relative;
	}
	nav .box-nav-list{
		display: none;
	}
	nav .box-nav-list{
		background-color: #1c1c1c;
		display: none;
		position: absolute;
		left: 0;
		padding: 15px;
		z-index: 999;
		width: 200px;
		text-align: left;
		top: 38px;
		right: auto;
		border: 1px solid #000;
	}
	nav .box-nav li:not(:last-child) a:after, nav .box-nav li.text_logged:after{
		position: unset;
		content: unset;
	}
	.new-news.project .banner-content{
		top: 10%;
	}
	.new-news.project .banner-content span{
		font-size: 20px;
	}
	.box-heading p{ font-weight: 400; }
	.product-info.row .description h1 {
		margin-top: 25px;
	}
	/* product featured  */
	.box-product-featured {		
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.box-product-featured .image {
	    width: 100%;
	    position: unset;
	    margin-bottom: 20px;
	}
	.featured-product.box .col-xs-12 {
	    padding-bottom: 50px;
	}
	.box-product-featured .info-pro {
		width: 100%;
	}
	.featured-product.box .col-xs-12:nth-child(odd) .box-product-featured .year-pro {
		padding-left: 100px;
	}
	.featured-product.box .col-xs-12:nth-child(odd) .box-product-featured .year-pro:after {
	    right: auto;
	    margin-right: 15px;
	    left: 0;
	}
	.featured-product.box .col-xs-12:nth-child(even) .box-product-featured .year-pro {
		padding-right: 100px;
	}
	/* out team */
	.our-team .box-content {
		padding-left: 0;
	}
	.slide-test {
		padding: 30px;
	}
	/* page about us */
	.list-about-info .item:nth-child(even) .col-md-6:nth-child(1){
	    order: unset;
	}
	.list-about-info .item .info {
	    padding: 30px;
	}
	.list-about-info .avarta img {
	    height: auto;
	}
	/* product detail */
	.tab-info-product .container {
		margin-top: 0;
	}
	.tab-info-product .tab-content {
		margin-top: 30px;
	}
	.tab-info-product {
		padding-bottom: 35px;
	}

	#footer {
	    margin-bottom: 45px;
	}
	.footer-all .col-sm-6 {
		margin-bottom: 30px;
	}
	.footer-all .col-sm-6:nth-child(2n+1) {
		clear: both;
	}
}
@media (max-width: 767px){
	body[class*="product-category"] .breadcrumb {
		margin-bottom: 30px;
		font-size: 16px;
	}
	body[class*="product-category"] .breadcrumb a {
		font-size: 16px;
	}
	.slideshow .image {
		min-height: 50vh;
	}
	#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; }
	.img-md-about img {
	    max-height: 130px;
	}
	.box-number-info.box .box-border {
		margin-top: 120px;
    	margin-bottom: 120px;
	}
	#banner3.banner_content_top{ display: none; }
	.products_cat_0.product-cat-right .col-pro-cat,
	.product-by-type.box-pro-special .col-pro-cat{ width: 50%; }
	.products_cat_0.product-cat-right .col-pro-cat:nth-child(2n+1),
	.product-by-type.box-pro-special .col-pro-cat:nth-child(2n+1){ clear: both; }
	.box-heading .nav-tabs>li {
	    width: 50%;
	    text-align: center;
	}
	.box-heading .nav-tabs>li>a {
		font-size: 11px;
    	padding: 10px;
	}
	.search-and-language #search{display: none;}
	.product-info > .left + .right,.product-info > .left{float: none;margin: 0}
	.product-info .image{float: none;}
	#cart>.content, #cart:hover > .content{ display: none; }
	.contact_us_home h2 { font-size: 20px; }
	.contact_us_home{ padding: 25px 0; }
	#content .box-news-content .image {
	    flex: 0 0 45%;
	    margin-right: 10px;
	}	
	.box-news-content .name a {
		font-size: 16px;
	}
	.banner-top-all.banner-top-all-pro img {
		height: auto;
		min-height: 50vh;
	}
	.info-product-top {
	    position: relative;
	    top: 0;
	    width: 100%;
	    left: 0;
	    z-index: 3;
	}
	.info-product-top .container {
	    padding: 0;
	}
	.info-product-top .container .row.row-flex {
	    margin: 0;
	}
	.info-product-top .container .col-md-7.col-xs-12 {
	    position: absolute;
	    top: -100%;
	    left: 0;
	    padding: 0;
	}
	.info-product-top .container .col-md-5.col-xs-12 {
	    padding: 0;
	}
	.desc-top-product {
		border-radius: 0;
		vertical-align: top;
	}
	#footer .footer-all{ padding: 30px 0px 30px; }

	#powered{ text-align: center; }
	#powered .pull-left, #powered .pull-right{ width: 100%; }
	#footer .footer-all .feature.row .feature-icon{ margin-bottom: 10px; }
	.search > span{
		float: right;
	}
	#footer .footer-all .blog_title_ft h3{
		margin-top: 30px;
	}
	.banner-top-all > .container {
		top: auto;
	    transform: translate(-50%, 0);
	    bottom: 8px;
	}
	.title-top-product {
		text-align: center;
	}
	.info-product-top a {
		padding: 5px 10px;
	}
	#powered .social_footer {
		text-align: center;
	}

	.box-product_ .info-p .name a {
		min-height: unset;
	}
}
@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%; }
}
@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;
	}
	nav .pull-right .box-nav{
		display: none;
	}
}