/*** reponsive ****/
@media screen and (max-width:1024px){
 .hidden1 {display:none}
 #cssmenu > ul > li > a {padding:12px 5px}
 .content-right {width:100%}
 .right-qc{display:none}
}
@media screen and (max-width:980px){
	.logo-lienket{display:none}
 #cssmenu > ul > li > a {padding:12px 2px}
 .download-android {position:initial;}
 .download-android img {margin-top:5px}
}
@media screen and (max-width:800px){
.header {background:#fffdf6;display:inline-block}
.logo{float:right;width:97%}
nav{width:100%;}
.ttvb {display:block;}
#cssmenu{min-height:38px;background:none;position:absolute;top:20px;left:0px;}
#cssmenu ul{width:100%;display:none;background:#2f7ec3 }
#cssmenu ul li{width:100%;border-top:1px solid #ccc}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#3d9ef3!important;}
#cssmenu ul ul li:hover{background:#2f7ec3 !important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{display:block;width:32px;height:38px;cursor:pointer;z-index: 12399994;color:#fff;text-align:right;line-height:36px;padding-right:8px;}
.button:after{position:absolute;top:18px;left:5px;display:block;height:8px;width:20px;border-top:2px solid #cc6f0b;border-bottom:2px solid #cc6f0b;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:12px;left:5px;display:block;height:2px;width:20px;background:#cc6f0b;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:18px;border:0;height:2px;width:19px;background:#cc6f0b;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:19px;background:#cc6f0b;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu {position:absolute!important;top:65px}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #ccc;height:38px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#3d9ef3}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:20px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:17px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.search-right {position:absolute!important;top:0;left:0;}
.input-group {margin:6px auto;width:98%}
.has-sub ul li:first-child {margin-top:0!important}
 .hidden1 {display:none!important}
 .hidden3 {display:block}
  .logo-8 {width:100%;}
.logo-4 {display:none}
}
@media screen and (max-width:700px){
 .hidden {display:none!important}
 .hidden2 {display:block}
 .hidden4 {display:inline-block!important}
 .tbody {display: block;border-bottom:1px solid #ccc;}
 .td {width:100%;padding-bottom:5px;box-sizing:border-box}
 .time {}
 .download {padding-left:3px;color:#3c91cd}
 .download a {color:#000}
 .column-1 {width:40%;border:0;float:left}
 .column-1 {text-align:left;min-width:auto;}
 .column-2 {text-align:center;width:30%;border:0;float:left;white-space: nowrap;}
 .download-column {text-align:right!important;width:30%!important;border:0;float:left;white-space: nowrap;}
 .column-3 {border-bottom:0}
 .td, .td:last-child {
    border-right: 0px;
 }
  .column-4 {width:auto;height: 23px;}
  .ttvb {padding-bottom:0}
  .ttvb .column-1 {width:120px}
 .td:first-child {border:0}
 .td:last-child {border:0}
 .content-right {padding:0;}
 .div-table h1 {background:#3c91cd;padding:10px 5px;color:#fff;text-transform:uppercase;font-size:14px}
 .td i {color:#3c91cd}
 .column-3 {padding:0 5px 5px 5px}
 .div-table .column-3{display: inline-block}
 .hidden3 {display:block}
 .menu {top:48px}

}
@media screen and (max-width:480px){
	.header::before{display:none}
	.logo {width:240px}
.chuyen-trang, .pagination{clear: both;float: right!important;}
.logo{width:94%}
#cssmenu {top:2px}
.search-show {top:12px}
.col-3 {width:100%}
.col-4 {width:100%}
.col-8{width:100%}
.button::after {top:22px;}
.button::before {top:15px;}
}
@media screen and (max-width:360px){
}
/*
@media screen and (max-width:800px){
    #cssmenu ul{width:100%;display:none;
                background:#cc2a0d;
                max-height:450px;overflow-y: scroll;
  -webkit-overflow-scrolling: touch;}
}
*/