@media only screen and (max-width:1024px) {
    .container{width: 100%}
    #header{height: 60px}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    #no1{width: 100%;float: none}
    #no2{width: 100%;float: none}
    #no3{width: 100%;float: none}
    #no4{width: 100%;float: none}
    #no5{width: 100%;float: none}
    #no6{width: 100%;float: none}
    #no7{width: 100%;float: none}
    #no8{width: 100%;float: none}
    #no9{width: 100%;float: none}
    #no10{width: 100%;float: none}
    #no11{width: 100%;float: none}
    #len1{width: 100%;float: none}
    #len2{width: 100%;float: none}
    #len3{width: 100%;float: none}
    #len4{width: 100%;float: none}
}
@media only screen and (min-width:768px) and (max-width:989px) {
    .container{width: 100%}
    #header{height: 60px}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    #no1{width: 100%;float: none}
    #no2{width: 100%;float: none}
    #no3{width: 100%;float: none}
    #no4{width: 100%;float: none}
    #no5{width: 100%;float: none}
    #no6{width: 100%;float: none}
    #no7{width: 100%;float: none}
    #no8{width: 100%;float: none}
    #no9{width: 100%;float: none}
    #no10{width: 100%;float: none}
    #no11{width: 100%;float: none}
    #len1{width: 100%;float: none}
    #len2{width: 100%;float: none}
    #len3{width: 100%;float: none}
    #len4{width: 100%;float: none}

}

@media only screen and (min-width:480px) and (max-width:767px){
    .container{width: 100%}
    #header{height: 60px}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    #no1{width: 100%;float: none}
    #no2{width: 100%;float: none}
    #no3{width: 100%;float: none}
    #no4{width: 100%;float: none}
    #no5{width: 100%;float: none}
    #no6{width: 100%;float: none}
    #no7{width: 100%;float: none}
    #no8{width: 100%;float: none}
    #no9{width: 100%;float: none}
    #no10{width: 100%;float: none}
    #no11{width: 100%;float: none}
    #len1{width: 100%;float: none}
    #len2{width: 100%;float: none}
    #len3{width: 100%;float: none}
    #len4{width: 100%;float: none}
}
@media only screen and (max-width:479px){
    .container{width: 100%}
    #header{height: 60px}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    #no1{width: 100%;float: none}
    #no2{width: 100%;float: none}
    #no3{width: 100%;float: none}
    #no4{width: 100%;float: none}
    #no5{width: 100%;float: none}
    #no6{width: 100%;float: none}
    #no7{width: 100%;float: none}
    #no8{width: 100%;float: none}
    #no9{width: 100%;float: none}
    #no10{width: 100%;float: none}
    #no11{width: 100%;float: none}
    #len1{width: 100%;float: none}
    #len2{width: 100%;float: none}
    #len3{width: 100%;float: none}
    #len4{width: 100%;float: none}
    #ipad1{width: 100%;float: none}
    #ipad2{width: 100%;float: none}
    #ipad3{width: 100%;float: none}
    #ipad4{width: 100%;float: none}
    #ipad5{width: 100%;float: none}
    #ipad6{width: 100%;float: none}
    #ipad7{width: 100%;float: none}
    #ipad8{width: 100%;float: none}
    #ipad9{width: 100%;float: none}
    #ipad10{width: 100%;float: none}
    #ipad11{width: 100%;float: none}
}
.navbar-default{z-index: 5}
#header nav{background-color: #2ea98f;  }
#header nav a{color: black;  }
#header nav a:hover{color: black}
#header .dropdown-menu a{color: black;  }
ul .dropdown-menu{z-index: 3}
#header .dropdown-menu{background-color: lightgreen;margin: 5px}
#header .navbar-default .navbar-toggle .icon-bar{background-color: #ffffff}
.mobilecate{display:block;overflow:hidden;margin:5px auto 0;width:100%;border-top:1px solid #ececec;border-left:1px solid #ececec}
.mobilecate li{float:left;position:relative;width:16.584%;height:275px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ececec;border-right:1px solid #ececec}
.mobilecate li a{display:block;overflow:hidden;height:100%;background:#fff;cursor:pointer}
.mobilecate li a:hover h3{color:#288ad6}
.mobilecate li img{display:block;width:auto;height:120px;margin:20px auto}
.mobilecate li h3{display:block;line-height:1.3em;font-size:14px;color:#333;font-weight:600;margin:0 10px 5px}
.mobilecate li:hover h3{color:#288ad6}
.mobilecate li strong{float:left;font-size:14px;color:#d0021b;margin:0 9px 5px}
.mobilecate li span{display:block;font-size:14px;color:#797979;text-decoration:line-through;margin-bottom:5px}
.mobilecate li div{display:block;font-size:12px;color:#797979;margin:0 9px}
.mobilecate li div b{color:#333}
.mobilecate li p{font-size:12px;color:#666;float:left;margin-left:9px}
.mobilecate li p strong{font-size:14px;color:#d0021b;margin:0 9px 5px;float:none}
.mobilecate li button{display:block;position:absolute;right:10px;bottom:50px;z-index:10;cursor:pointer;background:#fff;border:1px solid #288ad6;border-radius:4px;padding:6px 10px;font-size:14px;color:#288ad6}
.mobilecate li button:hover{color:#fff;background:#288ad6}
.mobilecate li label{position:absolute;left:10px;right:10px;bottom:2px;padding:5px 0;font-size:12px;color:#999;line-height:1.3em}
.mobilecate li .bginfo{display:block;overflow:hidden;background:#fff;height:86%;padding:2% 0;font-size:12px;color:#fff;line-height:16px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;-ms-opacity:0;opacity:0}
.mobilecate li:hover .bginfo{-ms-opacity:1;opacity:1}
.mobilecate li .bginfo div{padding:0 0 5px;border-bottom:1px solid #ddd;margin-bottom:5px}
.mobilecate li .bginfo button{display:block;position:absolute;left:10px;bottom:10px;z-index:10;cursor:pointer;background:#fff;border:1px solid #288ad6;padding:6px 10px;font-size:14px;color:#288ad6}
.mobilecate li .bginfo button:hover{color:#666;border-color:#ccc}
.mobilecate li .bginfo h3{color:#288ad6;margin:5px 10px 5px}
.mobilecate li .bginfo h3:hover{cursor:pointer;color:#555}
.mobilecate li .bginfo span{display:block;color:#666;padding:2px 6px;text-decoration:none;margin:0 0 0 5px;font-size:12px;line-height:18px}
.mobilecate li .bginfo strong{display:inline-block;float:none;font-size:13px;color:#d0021b;margin-right:5px}
.mobilecate li .bginfo label{color:#288ad6;bottom:12px;cursor:pointer;right:10px;left:auto}
.mobilecate li .bginfo label:hover{color:#333}
.mobilecate li.feature{width:25%}
.mobilecate li.feature img{width:100%;height: 70%;margin:0 auto 20px}
.mobilecate li.feature label{right:10px;left:auto}
.mobilecate li.feature h3{margin:0 10px 5px}
.fastsearch{display:block;background:#fff;border:1px solid #ececec;height:35px;clear:both;margin-top:-1px}
.fastsearch span{font-size:12px;color:#666;padding:8px;float:left}
.fastsearch a{font-size:12px;color:#288ad6;padding:8px;float:left}
.fastsearch .sortprice{float:right;position:relative;padding:8px 40px;border-left:1px solid #ededed}
.fastsearch .sortprice label{display:block;font-size:13px;color:#666;cursor:pointer}
.fastsearch .sortprice label:hover{color:#288ad6}
.fastsearch .sortprice label:hover b{border-top:5px solid #288ad6}
.fastsearch .sortprice label b{width:0;height:0;float:right;position:relative;top:6px;margin-left:5px}
.fastsearch .sortprice .listsort{display:none;position:absolute;top:34px;right:-1px;z-index:30;background:#fff;width:202px;border:1px solid #ececec;border-top:0}
.fastsearch .sortprice .listsort a{display:block;font-size:13px;color:#666;padding:10px}
.fastsearch .sortprice .listsort a:hover{color:#288ad6}
.fastsearch .sortprice:hover .listsort{display:block}
.breadandfilter{display:block;background:#f7f7f7;border:1px solid #ececec}
.breadcrumb{float:left;overflow:hidden;background:#f7f7f7;position:relative;z-index:1}
.breadcrumb li{float:left;overflow:hidden}
.breadcrumb li a{float:left;font-size:13px;color:#4a90e2;padding:7px 5px}
.breadcrumb span{float:left;font-size:24px;color:#999;padding:3px 2px 0 0;line-height:1}
.breadcrumb li h1{display:inline-block;line-height:1;font-size:14px;color:#444;font-weight:normal}
.breadcrumb li h2{display:inline-block;line-height:1;font-size:14px;color:#444;font-weight:normal;padding-top:3px}
.breadcrumb li h1 a{padding-left:2px}
.breadcrumb li h2 a{color:#4a90e2;padding-left:2px;color:#444}
.filter{background:#f7f7f7;height:45px;display:block;position:relative}
.filter li{float:left;padding:20px 5px 0 5px;font-size:12px;color:#ababab}
.filter li label{position:relative}
.filter li a{display:block;font-size:13px;color:#288ad6  }
.filter li .arrdown{height:0;width:0;margin-left:20px;float:right}
.filter li .dropfilter{display:block;position:absolute;top:11px;left:-75px;z-index:20;width:280px;height:0;overflow:hidden}
.filter li .dropfilter a{display:block;padding:10px;font-size:13px;color:#555;background:#fff;border:1px solid #ddd;border-bottom:0;border-top:0}
.filter li .dropfilter a:hover{background-color: gainsboro}
.filter li:hover .dropfilter{height:auto;padding-top:20px}
.filter li .twocolum{display:block;position:absolute;top:11px;left:-90px;z-index:20;width:280px;height:0;overflow:hidden}
.filter li:hover .twocolum{height:420px;display:block;padding-top:20px;border-bottom:1px solid #ddd}
.filter li .dropfilter .all{color: #288AD6;display:block;font-size:14px;float:none;padding:10px;font-size:14px;background-color:#fff}
.filter li .twocolum .all{color: #288AD6;display:block;font-size:14px;float:none;padding:10px;font-size:14px;background-color:#fff}
.filter li .twocolum aside{display:inline-block;float:left;height:100vh;width:49.6%;background:#fff}
.filter li .twocolum aside.left{border-left:1px solid #ddd;border-bottom:1px solid #ddd}
.filter li .twocolum aside.right{border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.filter li .twocolum aside a{display:block;padding:10px;font-size:13px;color:#555;background:#fff}
.filter li .twocolum aside a:hover{background:#f8f8f8}
.breadandfilter label{float:none;font-size:13px;color:#288ad6;margin-bottom:10px;display:block}
.breadandfilter label:hover{cursor:pointer}
.bot{
    padding-top: 15px;
    background-color: lightgrey;
    padding-bottom: 15px;
    margin-top: 5px;
}
#bot1{
    margin-left: 10px;
    padding-bottom: 25px;
}
#bot1 li a{
    color: black;
}
#gioithieu{
    margin-top: 35px;
}
#link a{
    margin-left: 10px;
}
#link a:hover{
    color: darkred;
}