/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 568px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  
}

@media only screen and (min-width : 800px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
 
 
}

@media only screen and (min-width : 1400px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}
@media only screen and (max-width: 1100px) {
  .hd-top-nav li a{
    font-size: 1.5rem;
    padding: 0 10px;
}
.logo{
    width: 20%;
}
.banner{width: 62.5%;}
  .container{width: 100%}
  .timkiem{max-width: 54%;}
  .maxhft.maxh{
    top: 4px;
}
.dm-nav-link p a{
    font-size: 1.3rem;
}
.dm-nav-panel li a{
    padding: 0.8rem 0;
    font-size: 1.2rem;
}
.ft-tit{
    font-size: 1.3rem;
}
#thongketruycap li p{
    font-size: 1.2rem;
}
}


@media only screen and (max-width: 1023px) {

  #w_menu_mobile{display: block;}
  .slogan{display: none;}
  .xuhuong,.maxhft.maxh{display: none;}
  .dm-nav-container{display: none;}
  .pos-slider>div{width: 100%;float: none;}
  .hotline{bottom: 0px;}
  .cap2-tit{display: none;}
  .dm-flex{display: block;}
  .idx-tit> span, .idx-tit >a:not(.xemtatca){display: inline-block;}
  .xemtatca{float: right;}
  .pr-box{width: 33.33%;}
  .ft-info{float: none;
    width: 100%;}
  .ft-baiviet,.ft-email,.ft-thongke{width: 33.33%;padding-right: 15px;}
  .news-item{width: 100%;}
}
@media screen and (min-width: 500px) and (max-width: 1000px) {
}
@media only screen and (max-width: 767px) {
 
 
}
@media only screen and (max-width: 670px) {
  
}
@media only screen and (max-width : 667px) {
  #footerSlideContainer{display: none;}
  .ft-info,.ft-baiviet, .ft-email, .ft-thongke{width: 100%;float: none;}
  .pr-box{width: 50%;}
  .xemtatca{display: none;}
  .logo{
    margin-left: 30px;
    float: none;
    margin: 10px auto 0;
    display: block;
    width: inherit;
    max-width: 40%;
}
  .banner{
    width: initial;
    /* margin-top: 10px; */
    max-width: 100%;
}
  .timkiem{/* display: none; */float: none;margin: 10px auto;max-width: 90%;}
  .hotline{display: none;}
  .hd-top{display: none;}
  .combomobile{display: block;}

}



@media only screen and (max-width: 500px) {
 
}

@media only screen and (max-width : 479px) {
 .banner{
  /* width: 66.5%; */
  margin: 0 auto;
  display: block;
 }
}
@media only screen and (max-width: 350px) {
}
@media only screen and (max-width: 330px) {
  .pr-box,#slideshow,.hinhqc,.news-item figure{width: 100%;}
  .news-item figure{}.news-item .info{width: 100%;;float: none;}
}