/*==========  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> a{font-size: 1em;}
  .dichvu-item h3{font-size: 1.4em;}
  #form_dk{max-width: 100%;margin-top: 0;}
  .ft-info{float: none;width: 100%}
}
@media only screen and (max-width: 1023px) {
  #w_menu_mobile{display: block;}
.nav-bg{display: none;}
#wrap_menu_res{display: block;}
#wrapper_main{overflow: hidden;}
.logo-banner{
    width: 40%;
}.giaodien-bg{
    height: auto;
}
}
@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) {
  .combomobile{display: block;}.giaodien-bg{height: auto;}
  .quytrinh-main figure{width: 49% !important;float: left;margin: 0.5%;}
  .khachhang-bg .tit{
    font-size: 1.3em;
}
}
@media only screen and (max-width: 500px) {
  .hd-top,.hotline,.maxh,#footerSlideContainer,.copyright-wrap p:last-of-type,.mail-desc{display: none;}
  .logo-banner{
    width: 100%;
    float: none;
    text-align: center;
}.taisao-bg .tit{
    font-size: 1.5em;
}.quytrinh-bg .tit img,.giaodien-bg .tit img{max-width: 100%;}.copyright-wrap p{
    font-size: 0.9em;
}#form_dk{
    background-size: 100% 100% !important;
    float: none;
}.dkmail{
    text-align: center;
}.dkmail img{float: none;}.dichvu-item{
    width: 50%;
}
}
@media only screen and (max-width : 479px) {
}
@media only screen and (max-width: 350px) {
}
@media only screen and (max-width: 330px) {
    .pr-box{}
}