@charset "utf-8";
@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) {
  .tinnb-item a img{
  width: 100px;
}.tinnb-item a .info{
  width: calc(100% - 110px);
}
  .dichvu-item>a figure{
  width: 100%;
  height: 240px;
}
  .idx-tit{
  font-size: 2.2em;
}
  .hotline{bottom:5px}
.banner{
  max-width: 40%;
}.main-nav>ul>li> a{
  font-size: 12px;
  padding: 15px 19px;
}
  .container {
    width:100%
  }
  .row {
    margin: 0;
  }
  
}
@media only screen and (max-width: 1023px) {
  .about-bg .desc{
  max-width: 94%;
}
  div[class^="col-"]{padding: 0}
  .banner{
  max-width: 60%;
}.tintuc-bg,.thuvien-bg{
  float: none;
  width:  100%;
  padding: 0;
  margin: 0;
}.tintuc-thuvien-bg{
  padding-bottom: 15px;
}.map-frame{
  width: 35%;
}
 .nav-bg{display: none;}
  #w_menu_mobile {
    display: block;
  }
  #wrapper_main {
    overflow: hidden;
  }
}
@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) {
  .tintuc-thuvien-bg .tit{
  font-size: 2em;
}
  .video-item a img,.video-item a{
  height: 180px;
}
  .tinnb-item.first-news,.sub-news{width: 100%;float: none;margin-bottom: 10px;}
  .map-frame{
  width: 100%;
  float: none;
}footer{
  position: relative;
}.map{height: 280px;}
  .dichvu-item>a figure{
  height: 268px;
}
  .idx-tit{
  font-size: 1.8em;
}.pr-box{
  width: 50%;
}.pr-box >a{
  width: 96%;
}
  .hotline{display: none;}
  .logo-banner{display: block;text-align: center;}
}
@media only screen and (max-width: 500px) {
}
@media only screen and (max-width: 479px) {
  
}
@media only screen and (max-width: 375px) {

  }
@media only screen and (max-width: 350px) {
  .swiper-slide img{min-height: initial;}
  .pr-box{width: 100%;}
}