@media(min-width: 769px) and (max-width: 1199px){

	.dropdown:hover .dropdown-menu{

		display: block ;

	}

}

@media(min-width: 1200px){

	.dropdown:hover .dropdown-menu{

		display: block ;

	}

	.tk-active{

		display: none;

	}

}
@media screen and (max-width:1260px){
	.layout-sale{
		width:100%;
	}
}
@media screen and (max-width:1100px){
	.link-header{
		display:none;
	}
	.container{
		width:98%;
	}

}
@media screen and (max-width:991px){
	.container{
		width:100%;
	}
	.box-menu-cate {
		width: 22%;
	    float: left;
	    margin: 0px 10px 0px 0px;
	}
	.box-service-header{
		width: 40%;
    	float: left;
	}
	.main-service a {
	    margin: 15px 10px 0px 0px;
	}
	.cate-left h2 a{
		font-size: 16px;
	   
	    padding: 10px 0px 10px 0px;
	}
	.cate-left-child li{
		padding: 0px 0px 0px 10px;
	}
	.cate-left-child li a{
		font-size: 12px;
		    margin: 0px 0px 10px;
	}
	.thum-item .product-title{
		height: 15px;
		font-size: 13px;
	}
	.thum-item span{
		font-size: 13px;
	}
	.thum-item a img {
	    width: 80% !important;
	    margin-top: 0px;
	}
	.logo-ft .owl-controls{
	    display: none;
	}
	.newletters hgroup, .newletters .mail {
	    width: 80%;
	    margin: 0 auto;
	}
	.box-hidden-table{
		display:none;
	}
	.box-footer-mobile{
		    padding: 0px 10px 10px!important;
		    margin:0px 0px 10px 0px;
		    border-bottom: 1px solid #fff;
	}
	.product{
	    margin: 0px 0px 5px 0px;
	}
}

@media(max-width: 768px){
	header{
		position: relative;
	    width: 100%;
	    float: left;
	    padding: 0px 0px 10px 0px;
	}
	#slider{
	width: 100%;
	    float: left;
	}
	.hidden-mobile{
		display:none;
	}
	.container{
		width:100%;
		float:left;
		padding:0px 2px;
	}
	.newletters{
		display:none;
	}
	.nav_main_menu{
	    position: initial;
	}
	.box-header-phone{
		display:none;
	}
	.box-cart{
		    float: left;
    position: absolute;
    text-align: left;
    top: 20px;
    right: 10px;
    bottom: inherit;
    width: 40px;
	}
	.box-cart img{
	    margin: 0px 0px 0px 0px;
	}
	.box-cart span{
	    left: 13px;
	}
	.logo{
		width: 30%;
	    float: left;
	    text-align: left;
	}

	.logo img{

		width: 100%;
		margin: 0 auto;

	}
	.home-mobile{
		    display: block;
	    right: 130px;
	    position: absolute;
	    top: 20px;
	    width: 37px;
	    opacity: 0.9;
	}
	.menu-mobile{
		display: block;
	    right: 70px;
	    position: absolute;
	    top: 20px;
	        width: 33px;
		opacity: 0.9;
	}
	.home-mobile img , .menu-mobile img{
		width:100%;
	}
	.icon-bar{

		background: #fff !important;

	}
	.box-menu-cate {
	    display:none;
	    float: left;
	    margin: 0px 10px 0px 0px;
	}
	.box-service-header {
	        width: 100%;
	    float: left;
	    padding: 0px 15px 0px 2%;
	    margin: 0px 0px 0px 0px;
	}
	.menu_cate_list ul{
	
	}
	.service{

		padding: 0px;

	}

	

	.side-bar ul{

		display: none;

	}

	.thum-item{

		height: auto !important; 
	border: 0.5px solid #ccc !important;
	}

	.thum-item img{

		width: 70%;

	}

	.thum-item p{

		padding: 0px;

	}

	.newletters hgroup, .newletters .mail {

		width: 100%;

	}

	.new-let{

		padding: 20px 0;

	}

	.new-let h2{

		font-size: 15px;

	}

	.new-let h4{

		font-size: 14px;

	}

	.slide-pro span{

		font-size: 14px !important;

	}

	.slide-pro i{

		width: 30px !important;

		height: 30px !important;

		border-radius: 30px !important;

	}

	

	.hotline-h{

		display: none !important;

	}

	.navbar-header p{

		color: #fff;

		font-weight: bold;

		margin-bottom: 0px;

		margin-top: 15px;

		margin-left: 20px;

	}

	.cuz-menu ul{

		padding-left: 30px;

	}

	.tk-active{

		display: none;

	}

	.tk-active{

		display: block !important;

	}
	.cate-left-child{
		    margin: 10px 0px 0px 0px;
		display:none;
	}
	.product .col-xs-6{
		padding:0px 0px 0px 0px;
	}
	.img-category{
		display:none;
		
	}
	.thum-item span {
		font-size: 11px;
	}
	.left-module .content-left-module {
		margin: 5px 0px 0px 0px;
		float: left;
	}
	.cate-left-child li a {
		font-size: 14px;
		margin: 0px 0px 3px;
	}
	.logo-ft {
	    float: left;
	    width: 100%;
	    overflow: hidden;
	}
	.row {
	    margin-right: 0px;
	    margin-left: 0px;
	}
	.left-detail , .pro-item , .pro-info , #commentsAdd {
		padding:0px 0px 0px 0px;
		width:100%;
	}
	.menu-ft, .bottom-ft{
	    padding: 15px 0px 10px 0px;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	    width: 100%;
	    float: left;
	}
	.side-bar{
		display:none;
	}
	.left-module-mobile{
		display:block;
	}
	.module-right-support {
	    border-radius: 4px;
	    border: 1px solid #DA241C;
	    padding: 0px 0px 0px 0px;
	    margin-bottom: 10px;
	    background: #f9f9f9;
	    width: 100%;
	    float: left;
	    margin: 0px 0px 0px 0px;
	}
	.product-relate .col-md-3 {
	    padding: 0px 0px 0px 0px;
	    width: 50%;
	    float:left;
	}
	.itm img{
		width:100%;
	}
	.content-module-right {
	    margin: 15px 0px 0px 0px;
	    width: 100%;
	    float: left;
	    overflow: hidden;
	}
	.content-module-right img {
	    width: 22%;
	    margin: 0px 0px 0px 3%;
	}
	.content-cart{
		padding:15px 0px 0px 0px;
	}
	.module-right-support{
		width:100%;
	}
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
	  font-size: 16px !important;
	}
	.more-info-article ul li{
		width:100%;
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	select:focus,
	textarea {
	  font-size: 16px !important;
	}
	.more-info-article ul li{
		width:100%;
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.box-product-sale-img img{
		float:left;
	}
	.buy a{
		width:100%;
		float:left;
		text-align: center;
	}
	.main-category .product .col-xs-6{
		padding:5px;
	}
	.thum-item .product-title {
	    height: 22px;
	    font-size: 12px;
	}
	.category-mobile{
		    display: block;
	    background: #f1f1f1;
	    float: left;
	    width: 100%;
	}
	.content-left-module{
		background: #f1f1f1;
	}    
	.left-module .content-left-module a.content-left-module-cate{
	      width: 48%;
	    float: left;
	    background: #fff;
	    margin: 5px 1%;
	    padding: 6px;
	    text-align: center;
	    height: 50px;
	    font-weight:bold;
	}
	.show-cate-mobile{
		display:block;
	}
	#banner-collection{
		display:none;
	}
	.main-service a {
	    margin: 5px 15px 0px 0px;
	}
	.caption{
		margin:3px 0px 0px 0px;
	}
	.h1, .h2, .h3, h1, h2, h3 {
	    margin-top: inherit;
	    margin-bottom: inherit;
	}
	.price {
	    font-size: 32px;
	    padding: 5px 0;
	}
	.left-detail{
		padding:0px 3px;
	}
}

@media screen and (max-width:479px){
	.box-cart {
	    float: left;
	    position: absolute;
	    text-align: left;
	    top: 7px;
	    right: 5px;
	    bottom: inherit;
	    width: 35px;
	}
	.menu-mobile {
	    display: block;
	    right: 50px;
	    position: absolute;
	    top: 6px;
	    width: 28px;
	    opacity: 0.8;
	}
	.home-mobile {
	    display: block;
	    right: 90px;
	    position: absolute;
	    top: 7px;
	    width: 32px;
		opacity: 0.8;
	}
	.box-search-header{
	    width: 100%;
    	padding: 0px 5px;
	}
	.main-service a {
	    margin: 5px 10px 0px 0px;
	}
	.main{
	    width: 100%;
	    float: left;
	    padding: 0px 0px 0px 0px;
	}
	.product{
		margin: 10px 0px 0px 0px;
	}
	.bottom-ft .col-xs-6{
		width:100%;
		float:left;
		padding:0px 5px;
	}
	.content-cart .table-bordered  tr th{	
		font-size: 11px !important;
		padding:3px 0px 3px 0px;
		width:100%;
		text-align: center;
	}
	.content-cart .table-bordered  tr td{	
		font-size: 11px !important;
	    padding: 3px;
	    text-align: left;
	}
	.content-cart .table-bordered a.btn-danger{
	    font-size: 11px !important;
	    padding: 5px 3px;
	}
	.content-cart .table-bordered .cart-qty{
		width: 11% !important;
		font-size: 9px !important;
	}
}