@media only screen and (max-width:767px) {
.header-wrapper{height:50px;width:100%}
.conters{width:98%;margin:0 auto;max-width:768px}


#slidetop{padding:0}
#warpslide{background:#fff}
div.divright_slide{width:100%;max-width:100%;margin:0 auto}
ul.ulslide{width:100%;height:390px}
ul.ulslide li{float:left;padding:2% 1.8%;width:16%}
ul.ulslide li .divimgslide a{font-size:11px;font-weight:400}
ul.ulslide li .divimgslide span{font-size:11px}
ul.ulslide li .divimgslide a img:hover{opacity:.9}
#pagebody{padding:0}
.divleftpage{width:100%;margin:0 auto;max-width:100%}

ul.ulListruyen li{max-width:100%;width:98%}
ul.ulListruyen li .divthumb{width:20%}
ul.ulListruyen li .newsContent{width:75%}
ul.ulListruyen li .newsContent a.tile{margin:5px 0;font-size:14px}
ul.ulListruyen li .newsContent span{font-size:12px;line-height:20px}
ul.tabListNews li{width:32.9%}

ul.ulpro_line li .divthum2{margin-right:10px;width:20%}
ul.ulpro_line li .divthum2 img{padding:3px}
ul.ulpro_line li .divListtext{float:left}
ul.ullist_item li{font-size:11px;line-height:22px}
ul.ullist_item li.nonemobile{display:none}
ul.ullist_item li div.item1{width:30%}
ul.ulpro_line li p.p_Content{padding:0 3px}
a.more_list{margin:10px 5px 10px 0}
ul.ulpro_line li.dismobile{display:block}
ul.ulpro_line li.dismobile a.a_btread{padding:0 5%}
h3.h3tile{background:#f6f4f4;border-bottom:1px solid #cdcbcb;padding:4px 0;color:#251f1f}
.footer_con{border-top:none}
.footer_con span{font-size:11px}
#relatedNews ul.relatedNews span{display:none}
#relatedNews ul.relatedNews li a{width:auto}
ul.listNews li .newsContent a.xemthem{display:none}
ul.listNews li .newsContent p{height:70px!important}
ul.listNews li .newsContent span.time{font-size:11px;margin:2px 0!important}
ul.listNews li .newsContent a.title{font-size:16px!important}
#header{position:static}
#header.headerread_pc{background:#343434;background:-moz-linear-gradient(top,#343434 1%,#131313 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#343434),color-stop(100%,#131313));background:-webkit-linear-gradient(top,#343434 1%,#131313 100%);background:-o-linear-gradient(top,#343434 1%,#131313 100%);background:-ms-linear-gradient(top,#343434 1%,#131313 100%);background:linear-gradient(to bottom,#343434 1%,#131313 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434',endColorstr='#131313',GradientType=0);border-bottom:none}

ul.ulslide-truyenngan li{float:left;padding:2.5% 1.3%;width:47.3%;height:260px;overflow:hidden}
.top-hot-col-3{display:none}
.top-hot-col-1{width:55%}
.top-hot-col-2{width:40%}
.divrightpage-showmobile{width:100%;max-width:100%;margin-top:10px}
ul.detail-action li{width:100%}
ul.detail-action li a{border:1px solid transparent}
.content-info .content-date,.content-info .content-read,.content-info .user-account{width:100%;float:left}
.wap-hide{display:none}
.web-hide{display:block}
ul.ulListruyen li{height:auto;border-top:#F1F1F1 dotted 1px}
ul.ulListruyen li:first-child{border-top:none}
.logo_top img{width:75%;margin:5px auto 0}
}
a.img-wrapper{display:block;max-height:100%;overflow:hidden;float:left;margin-right:10px;margin-top:5px;margin-left:10px;width:30%;height:auto;}
a.img-wrapper img{width:100%}
p.read-count{color:#9C9C9C;font-size:11px;line-height:12px}
.p10t{padding-top:4px}
.clear-both{clear:both}
li{display:block;width:auto;padding:4px 8px;position:relative;border-top:#F1F1F1 dotted 1px}
.title-2{font-size:14px;padding-top:5px;color:#0687CC;font-weight:700}
.effect1:after{content:"";position:absolute;z-index:-1;top:100%;bottom:0;width:120%;height:50px;left:-10%;right:-10%;background:-webkit-radial-gradient(50% -3%,ellipse cover,rgba(00,00,00,0.5),rgba(97,97,97,0.0) 40%);background:radial-gradient(ellipse at 50% -3%,rgba(00,00,00,0.5),rgba(97,97,97,0.0) 40%)}
.effect1{position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3)}



.tooltip{display:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media screen and (min-width:1000px) {
  div.hds {display:none;}
  
.title-2{font-size:16px;color:#fff;font-weight:bold;overflow:hidden}
.post-info{position:absolute;bottom:0;padding:1px 5px 3px;width:100%;color:#eff5ea!important;text-overflow:ellipsis; background:rgba(0,0,0,0.3)}
.post-info a{color:#eff5ea;text-shadow: 0 0 0.2em #000, 0 0 0.2em #000}
.article-des{display:none}
.box > li,#show_data > li{color:#eff5ea;display:inline-block!important;margin:1%;margin-bottom:10px!important;width:30%;padding:0;border:#88d0c9 solid .5px}
a.img-wrapper{width:100%;display:block;max-height:400px;overflow:hidden;float:left;margin:0 0  0px;height:120%}
a.img-wrapper img{width:100%;height:120%}
.full-label{width:34px;height:50px;position:absolute;display:block;margin:-1px 0 0 -7px;background:transparent url(images/full-label.png) no-repeat}
.width{overflow:hidden;max-width:1200px!important;margin:auto}
.md{background:#d9efdb!important}
.tooltip{background:#3F51B5;bottom:100%;color:#fff;display:block;margin-left:-5px;margin-bottom:11px;opacity:0;padding:5px;pointer-events:none;position:absolute;font-size:13px!important;width:100%;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.28);-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.28);-ms-box-shadow:2px 2px 6px rgba(0,0,0,0.28);-o-box-shadow:2px 2px 6px rgba(0,0,0,0.28);box-shadow:2px 2px 6px rgba(0,0,0,0.28)}
.tooltip:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%}
.tooltip:after{border-left:solid transparent 10px;border-right:solid transparent 10px;border-top:solid #3F51B5 10px;bottom:-10px;content:" ";height:0;left:10%;margin-left:-13px;position:absolute;width:0}
.post-info:hover .tooltip{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
.tooltip{display:none}
.tooltip{display:block}
}