/*==========  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) {
  .container{width: 100%}
.main-nav>ul>li{
  padding: 15px 12px 16px;
}
.dkemail-bg .info{width: 46%;}
}
@media only screen and (max-width: 1023px) {
  .ft-info{
  float: none;
  width: 100%;
  padding: 0;
}
  .ft-map,.ft-thongke{
  width: 50%;
  padding-right: 15px;
}
  .tin-video-bg .tit{
  font-size: 2rem;
}
  .dichvu-bg,.spnoibat-bg{
  padding: 20px 0;
}
  .about-bg{
  padding: 20px 0;
}
  .tin-video-bg{}
  .idx-tit{
  font-size: 2rem;
}
  .dichvu-item h3{
  font-size: 1.2rem;
}
  .about-bg .desc{
  margin: 20px 0;
}
  .about-bg .info{
  width: 63%;
}
  .about-bg .imgsp{
  width: 35%;
}
  #w_menu_mobile{display: block;}
  .hd-top p{
  font-size: 1.1rem;
}
  .logo{
  max-width: 140px;
  margin-left: 30px;
}
 .nav-bg{display: none;}
 .banner{
  max-width: 50%;
}
}
@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) {
  #w_menu_mobile{top: 10px}
  .hd-top,.maxh{display: none;}
  .logo{
  max-width: 70px;
}
.hotline2{
  background: transparent;
  padding-left: 0;
  min-height: initial;
}.hotline2 a{
  font-size: 1.7rem;
}
.hotline2 span{display: none;}
.about-bg .info{width: 100%}
.dichvu-item,.pr-box{width: 50%}
.about-bg .imgsp{display: none;}
.tin-video-bg .tin-col{width: 100%}
.dkemail-bg .info,.box-dangky{width: 100%}
.box-dangky .tit{font-size: 2rem;}
.ft-map,.ft-thongke{float: none;width: 100%}
.combomobile{display: block;}
.ft-thongke{
  padding-bottom: 0;
  background: transparent;
}
}



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

@media only screen and (max-width : 479px) {
 
}
@media only screen and (max-width: 350px) {
  .logo{
  max-width: 50px;
}
.hotline2{
  bottom: 8px;
}
  .pr-box,.dichvu-item{width: 100%}
  .about-bg .tit{
  font-size: 3rem;
}.about-bg .tit span{font-size: 2.3rem;}
}