/******** For mobile device ********/
/******************************/
/*---- Responsive base all witdh ------- */
/* width - 30 */
/* Tablet Devices Resizing */
@media all and (max-width: 1024px) and  (min-width: 970px){
}
@media all and  (max-width: 970px){
#wrapper {width:100%;}
#left{width:19.5%;float:left;}
#center{width:58.4%;float:left;margin:left:1%;}
#right{width:19.5%;float:left;margin:left:1%}
}
@media all and  (max-width: 870px)  and (min-width:750px){
#wrapper {width:100%;}
#banner{display:none;}
#main-menu{display:none;}
#left{width:19.5%;float:left;}
#center{width:58.4%;float:left;margin:left:1%;}
#right{width:19.5%;float:left;margin:left:1%}
#menu-footer{display:none;}
}
@media all and (max-width:750px) and (min-width:680px){
#wrapper {width:100%;}
#banner{display:none;}
#main-menu{display:none;}
#left{width:19.5%;float:left;}
#center{width:58.4%;float:left;margin:left:1%;}
#right{width:19.5%;float:left;margin:left:1%}
#menu-footer{display:none;}
}
@media all and (min-width:320px) and (max-width: 480px) {
#wrapper {width:100%;}
#banner{width:100%;margin:0 auto;background-size:100%;}
#banner img {width:100% !important;height:auto !important;}
#main{width:100%;margin:0 auto;padding:0;}
#main-menu{width:100%;height:auto;background:#ff7a00;margin:0 auto;}
.ddsmoothmenu{font-size:10px;}
.ddsmoothmenu ul li a{padding: 5px 5px 5px 5px !important;}
.ddsmoothmenu ul li ul{display:none !important;}
.ddsmoothmenu ul li a.m_selected{background:none;font-size:10px !important;width:auto !important;}
.ddsmoothmenu ul li a.m_selected:hover{background:none;font-size:10px !important;width:auto !important;}
#left{display:none;}
#center{width:70%;float:left;margin-left:0;}
#center #title{font-size:10px;font-weight:normal;padding:5px 0 0 3px;}
#center .item_tintuc .hinhanh{float:none !important;}
.item-tintuc .hinhanh img {float:none;}
.item-tintuc{padding:4px 0;}
.item-tintuc h4 {font-size:12px;}
#center #module .list-home{margin-top:0;}
#center #module .module-noidung img{width:100% !important;height:auto !important;}
#center #module .module-noidung table {width:100% !important;height:auto !important;}
#right{width:30%;float:right;}
.hotro .hinhnen{height:40px;width:100%;}
.hotro .info .hotline{font-size:11px;padding-left:3%;}
.hotro .info{padding:5px 1px;border:none;}
.hotro .nick  {display:none;}
#right .quangcao img{width:100%;height:50px;}
#right #module .tinnoibat img {display:none;}
#right ul.menu li a{padding: 4px 2px 4px 4px;}
#right #module .module-title{padding-left:3%;font-size:9px;}
#right #modulefb{display:none;}
#right #moduleview{display:none;}
.menu-footer{display:none;}

}
@media all and (max-width: 380px) {
#wrapper {width:100%;}
#banner{width:100%;margin:0 auto;background-size:100%;}
#banner img {width:100% !important;height:auto !important;}
#main{width:100%;margin:0 auto;padding:0;}
#main-menu{width:100%;height:auto;background:#ff7a00;margin: 0 auto;}
.ddsmoothmenu{font-size:10px;}
.ddsmoothmenu ul li a{padding: 5px 5px 5px 5px !important;}
.ddsmoothmenu ul li ul{display:none !important;}
.ddsmoothmenu ul li a.m_selected{background:none;font-size:10px !important;width:auto !important;}
.ddsmoothmenu ul li a.m_selected:hover{background:none;font-size:10px !important;width:auto !important;}
#left{display:none;}
#center{width:70%;float:left;margin-left:0;}
#center #title{font-size:10px;font-weight:normal;padding:5px 0 0 3px;}
#center .item_tintuc .hinhanh{float:none !important;}
.item-tintuc .hinhanh img {float:none;}
.item-tintuc{padding:4px 0;}
.item-tintuc h4 {font-size:12px;}
#center #module .list-home{margin-top:0;}
#center #module .module-noidung img{width:100% !important;height:auto !important;}
#center #module .module-noidung table {width:100% !important;height:auto !important;}
#right{width:30%;float:right;}
.hotro .hinhnen{height:40px;width:100%;}
.hotro .info .hotline{font-size:11px;padding-left:3%;}
.hotro .info{padding:5px 1px;border:none;}
.hotro .nick  {display:none;}
#right .quangcao img{width:100%;height:50px;}
#right #module .tinnoibat img {display:none;}
#right ul.menu li a{padding: 4px 2px 4px 4px;}
#right #module .module-title{padding-left:3%;font-size:8px;}
#right #modulefb{display:none;}
#right #moduleview{display:none;}
.menu-footer{display:none;}
}
/*---- end Responsive base all witdh ------- */