/* Css Responsive */

@media all and (min-width: 1281px) and (max-width: 1920px) {
}

@media all and (min-width: 1081px) and (max-width: 1280px) {
}

@media all and (min-width: 981px) and (max-width: 1080px) {
}

@media all and (min-width: 769px) and (max-width: 980px) {
}

@media all and (min-width: 601px) and (max-width: 768px) {
	.list-prd ul li {width: 33.333%}
	.search {vertical-align: top}
	.featured-news ul li {width: 48%; vertical-align: top; margin: 10px 0; padding: 0 10px}
	.cart {top: -10px}
	.fix-list-logo ul li {flex: 0 0 33.333%; max-width: 33.333%}
	.sdb-user {width: 30%}
	.main-user {width: 70%}
}

@media all and (min-width: 481px) and (max-width: 600px) {
}

@media all and (min-width: 321px) and (max-width: 480px) {
}

@media all and (min-width: 176px) and (max-width: 320px) {
}

/* Phần tử chung */
@media all and (min-width: 769px) and (max-width: 1280px) {
}

@media all and (min-width: 176px) and (max-width: 1280px) {	
}

@media all and (min-width: 176px) and (max-width: 1080px) {
}

@media all and (min-width: 176px) and (max-width: 980px) {
}

@media all and (min-width: 176px) and (max-width: 768px) {
	.min-head {text-align: left;height: auto;}
	.top-left-header {width: 100%; text-align: center}
	.top-right-header {margin-top: 20px; width: 100%; text-align: center}
	.hot-line, .log-sig, .cart {float: none; display: inline-block}
	.cart {top: -10px}
	.option-menu ul {display: none}
	.language {right: 15px}
	.nav-cate {position: absolute; left: 0; width: 100%}
	.nav-cate:hover .ct-nav-cate {display: block}
	.ct-nav-cate, .nav-cate-body {display: none}
	.ct-nav-cate ul ul, .ct-nav-cate ul li:hover ul {left: 0}
	.ct-nav-cate ul li:hover ul {display: inline-block}
	.ct-nav-cate ul ul {position: inherit; width: 100%; display: none; padding: 0; margin-top: 5px; box-shadow: none; background: #f9f9f9}
	.featured, .slider, .featured-news, .list-links, .ct-main, .sidebar-main, .sdb-user, .main-user {width: 100%}
	.featured {padding-left: 0}
	.slider {margin-bottom: 10px; text-align: center; padding-right: 0}
	.slider ul li {max-height: none}
	.slider ul li img, .ct-cart .colx2, .news-letter .colx2, .filter, .prd-filter {width: 100%}
	.featured-news ul {overflow: auto; max-height: none}
	.news-letter .colx2:first-child {margin-bottom: 10px}
	h1.logo {display: inline-block; float: none}
	.featured-news {padding-bottom: 0; max-height: 385px; overflow-y: scroll}
	.list-links span {margin: 0 10px 5px 0}
	.list-logo ul li {border-bottom: none !important}
	.ct-main {padding-right: 0}
	.ct-cart .colx2:nth-child(1) {margin-bottom: 30px}
	.sidebar-main {margin-top: 30px}
	.pagination {text-align: center}
	.wrp-pop {padding: 30px}
	.search-cpn {padding: 15px}
	.search-cpn h2 {position: inherit; top: 0; left: 0; margin-bottom: 5px}
	.list-prd-cpn > ul > li {flex: 0 0 100%; max-width: 100%}
	.list-do-login {padding-top: 10px}
	.filter {margin-bottom: 15px; max-height: 260px; overflow-y: scroll}
	.sdb-user {margin-bottom: 20px}
	.main-user {padding-left: 0}
	.tg{position: relative;}

}

@media all and (min-width: 176px) and (max-width: 600px) {
	.ct-nav-cate ul ul li {width: 100%; margin: 0; padding: 0 10px}
	.ct-nav-cate ul ul li ul li {padding: 3px 0}
	.search h2 {font-size: 14px}
	.hot-line, .logo-ft {
        display: none
	}
	.min-menu
	{
		 display: none;
	}
	.min-head ul li {
    display: inline-flex;
    margin-left: 5px;
    color: #fff;
		}
		.min-head ul li a {
    line-height: 31px;
		}
	.list-prd ul li {width: 99.333%}	
	.min-tieude ul li {
		width: 100%;
	}
}

/*
.list-prd ul li {
    float: left;
    width: 33%;
    padding: 20px;
}
*/