@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){
	
}
@media screen and (max-width:1100px){
	.link-header{
		display:none;
	}
	.container{
		width:98%;
	}

}
@media screen and (max-width:991px){
	.container{
		width:100%;
		padding:0px 0px 0px 0px;
	}
	.row{
		margin:0px 0px 0px 0px;
	}
	.box-menu-cate {
		width: 25%;
	    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;
	}
	.box-cart{
	    float: right;
		position: absolute;
		bottom: 20px;
		padding: 0px 0px 0px 0px !important;
		padding: 0px 1px 0px 0px;
		margin: 0px 0px 0px 0px;
		right: 20px;
		width: 50px;
	}
	.box-cart p {
	    position: absolute;
	    font-size: 10px;
	    font-size: 13px;
	    margin: 5px 0px 0px 0px;
	    float: left;
	    width: 100px;
	    color: #fff;
	    top: 27px;
	}
	.side-bar{
		width:25%;
	}
	.main-category {
	    width: 75%;
	}
	.left-module .content-left-module a {
	    font-size: 12px;
	    color: #333;
	    float: left;
	    width: 100%;
	    margin: 0px 0px 11px;
	}
	.box-header-phone {
		padding: 0px 0px 0px 0px;
		top: 3px;
	}
	.hotline , .hotline i{
		font-size:13px;
	}
}

@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 1%;
	}
	.side-bar{
		width:100%;
	}
	.main-category {
	   width:100%;
	}
	.left-module .content-left-module a {
	    font-size: 14px;
	    color: #333;
	    float: left;
	    width: 100%;
	    margin: 0px 0px 10px;
	}
	.newletters{
		display:none;
	}
	.nav_main_menu{
	    position: initial;
	}
	.box-header-phone{
		display:none;
	}
	.box-cart{
		    float: left;
    position: absolute;
    text-align: left;
    top: 15px;
    right: 10px;
    bottom: inherit;
    width: 40px;
	}
	.box-cart img{
	    margin: 0px 0px 0px 0px;
	}
	.box-cart span{
	    left: 13px;
	}
	.logo{
		width: 40%;
		float: left;
		text-align: left;
		height: 55px;
		padding: 0px 10px;
	}

	.logo img{
		width: initial;
		margin: 0 auto;
		height: 100%;

	}
	.home-mobile{
		display: block;
	    right: 65px;
	    position: absolute;
	    top: 10px;
		height:45px;
	    opacity: 1;
	}
	.menu-mobile{
		display: block;
	    right: 5px;
	    position: absolute;
	    top: 10px;
		opacity: 1;
		height:45px;
	}
	.home-mobile img , .menu-mobile img{
		    width: initial;
		height: 100%;
	}
	.box-search-header{
		padding:0px 0px;
	}
	.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 5%;
	    margin: 0px 0px 0px 0px;
	}
	.menu_cate_list ul{
	
	}
	.service{

		padding: 0px;

	}

	

	.side-bar ul{

		display: none;

	}

	.thum-item{
		width:100%;
		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%;

	}
	.img-category {
	    display:none;
	}
	.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{
		display:none;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	.box-product-sale-img img{
		float:left;
	}
	.buy a{
		width:100%;
		float:left;
		text-align: center;
	}
	.main-category .product .col-xs-6{
		padding:5px;
	}
	#coccoc-alo-phoneIcon{
		left: 0px;
	    bottom: 20px;
		width: 100px;
		height: 100px;
	    top: initial;
	    display:block;
	}
	.title-btn-hotline{
		display:none;
	}
	#block-06 img{
		width:100%;
	}
	.title-block6 {
	    margin: 15px 0px 15px 0px;
	}
	#wrapper-cover {
	    margin-bottom: 15px;
	}
	.coccoc-alo-ph-circle {
	    width: 100px;
	    height: 100px;
	    top: 0px;
	    left: 0px;
	}
	.coccoc-alo-ph-circle-fill {
	    width: 90px;
	    height: 90px;
	    top: 5px;
	    left: 5px;
	}
	.coccoc-alo-ph-img-circle {
	    width: 60px;
	    height: 60px;
	    top: 20px;
		left: 20px;
		opacity: 0.9;
    }
	.banner-index-text p {
		font-size: 12px;
	}
	.banner-index{
		padding-top: 15px;
	}
	.banner-index-title {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.banner-index-text {
		color: #fff;
		height: 55px;
		width: 100%;
		border-top: none;
		padding: 5px 0px;
	}
	.thum-item .product-title{
		height: 75px;
	}
	.caption {
		height: 100px;
	}
}

@media screen and (max-width:479px){
	.box-cart {
	    float: left;
	    position: absolute;
	    text-align: left;
	    top: 7px;
	    right: 5px;
	    bottom: inherit;
	    width: 35px;
	}
	.box-cart img{
		width: 27px;
	}
	.menu-mobile {
	    display: block;
	    right: 5px;
	    position: absolute;
	    top: 10px;
		height: 35px;
		
	}
	.home-mobile {
	    display: block;
	    position: absolute;
	    top: 10px;
		height: 35px;
		right: 60px;
	}
	.box-search-header{
	    width: 100%;
    	padding: 0px 0px;
	}
	.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;
	}
	.logo{
		height: 55px;
		padding: 0px 0px 0px 0px;
	}
	.top form {
		margin-top: 0px;
	}
	.thum-item a img {
	    width: 100% !important;
	    margin-top: 0px;
	}
	.banner-index-text p {
		font-size: 11px;
	}
	
}