@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 568px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 800px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1400px) {
  #wrapper_main {
    max-width:1349px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 1100px) {
  .container {
    width:100%
  }
  .maxh .tit{display: none;}
  .hotline{
    top: 15px;
}
.main-nav>ul>li> a{
    padding: 15px;
}
.doitac-main .slick-prev, .doitac-main .slick-next{
    left: -5px;
}.doitac-main .slick-next{
    left: unset;
    right: -5px;
}
.ft-info{width: 40.3%;}
.ft-thongke{
    width: 27%;
}
}
@media only screen and (max-width: 1023px) {
  
    #wrap_menu_res{display: block;}
    #w_menu_mobile {
      display: block;
      top: 7px;
    }
    #wrapper_main {
      overflow: hidden;
    }
    .hotline{
    display: none;
}
    .nav-bg{
    display: none;
}
    .pr-box{
    width: 33.33%;
}
    .tin-col{
    width: 50%;
}
    .tin-video-bg .tin-col:first-child{
    width: 100%;
}
    .ft-info{
    width: 100%;
}
    .ft-lienhe,.ft-thongke{
    width: 49%;
}
.news-item{width: 100%}
}
@media screen and (min-width: 500px) and (max-width:1000px) {
}
@media only screen and (max-width: 992px) {
  .combomobile {
    display:block;
  }
  .copyright-wrap {
    /* padding-bottom: 30px */
  }
}
@media only screen and (max-width: 767px) {
 
}
@media only screen and (max-width: 670px) {
}
@media only screen and (max-width: 667px) {
  .maxh{
    display: none;
}
  .hd-top{
    display: none;
}
  .gioithieu-bg .imgsp{
    float: none;
    width: 100%;
}
  .gioithieu-bg .info{
    float: none;
    width: 100%;
}
  .gioithieu-bg .tit{}
  .pr-box figure span{}
  .pr-box figure{
    height: 180px;
}
  .pr-box{
    width: 50%;
}
  .tin-col{
    width: 100%;
}
  .ft-lienhe, .ft-thongke{
    width: 100%;
}
  .logo{
    width: 28%;
}
  .banner{
    width: 64%;
    position: relative;
    transform: unset;
    left: unset;
    margin-left: 20px;
}
.map{height: 250px;}.diachi-nav{
    position: relative;
    top: unset;
    left: unset;
    margin-bottom: 5px;
}
}
@media only screen and (max-width: 500px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 375px) {
  .logo-banner{
    text-align: center;
}
  .logo{
    float: none;
    margin: 0 auto;
    display: block;
    width: 42%;
}
  .banner{
    float: none;
    margin: 0 auto;
    display: block;
    width: 91%;
}
.news-item figure{width: 100%}
.news-item .info{width: 100%;padding: 0}
}
@media only screen and (max-width: 330px) {
  .pr-box figure{
    height: 215px;
}
  .pr-box{width: 100%;}
}