/**

 * Basic CSS Media Query Template

 * TODO: I should probably use Sass...

 * Author: Michael Vieth

 * ------------------------------------------

 *  Responsive Grid Media Queries - 1280, 1024, 768, 480

 *   1280-1024   - desktop (default grid)

 *   1024-768    - tablet landscape

 *   768-480     - tablet 

 *   480-less    - phone landscape & smaller

 * --------------------------------------------

 */

@media all and (min-width: 1708px) and (max-width: 1828px) {

}

@media all and (min-width: 1588px) and (max-width: 1708px) {

}

@media all and (min-width: 1468px) and (max-width: 1588px) {

}

@media all and (min-width: 1348px) and (max-width: 1468px) {

}

@media all and (min-width: 1280px) and (max-width: 1348px) {

}

@media all and (min-width: 1024px) and (max-width: 1280px) {

}

@media all and (min-width: 768px) and (max-width: 1024px) {

}

@media all and (min-width: 482px) {

}

@media all and (min-width: 480px) and (max-width: 768px) {

}

@media all and (max-width: 480px) {

  .row {

    margin: 0;

    padding: 0;

  }

  .pc {

    display: none !important;

  }

  .mobile {

    display: block !important;

  }

  img.image-title-km-3 {

    padding: 1rem;

  }

  .section-header {

    background: #fff;

    padding: 0.25rem 0;

  }



  .vongxoay {

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

  }

  .form-background {

    /* width: 22rem; */

    height: 18rem;

    min-height: 18rem;

    min-width: 17rem;

  }

  .signup-form {

    padding: 0;

    margin: 0 auto;

    max-width: 360px;

    text-align: center;

  }

  /* Hien thi chuong trinh khuyen mai */

  .modal-content {

    max-width: 400px;

    position: relative;

    width: auto;

    margin: 0.5rem;

  }

  .form-dk {

    position: relative;

    /*background: url(../images/mb/Khung-DangKy-1.png) no-repeat top center;*/

    margin: 0;

    padding: 0;

    height: auto;

    z-index: 999;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }

  .btn-dangky img {

    width: 80%;

    height: auto;

  }

  .form-horizontal {

    padding: 0 5px 5px 5px;

    width: 100%;

    transform: translateY(0);

  }

  .img-responsive {

    margin: 0 auto;

  }

  .container {

    padding-left: 0;

    padding-right: 0;

  }

  .btn_fixed img {

    margin: 0 auto;

  }

  .btn_fixed {

    bottom: 11%;

    right: 1%;

    z-index: 9999;

  }

  .col-6 {

    flex: 0 0 auto;

    width: 100%;

  }

  div#errPositon {

    transform: translateY(0px);

  }

  img#rotate {

    width: 80%;

  }

  .modal-body {

    padding: 15px 10px;

  }

  .frm-title {

    font-size: 1.7rem;

    margin-top: 0.5rem;

  }

  img.btn_tracking_vongquay {

    width: 65%;

  }

  .frameTwo {

    padding: 0 1rem;

  }

  .frameFour {

    margin: 0rem auto -2px auto;

  }

  img.frameThree-title {

    margin-top: 4.5rem;

  }



  img.frameThree-hieuung {

    top: -5px;

  }

  .modal-body .hieuung-popupform-1 {

    top: 35px;

  }

}

@media all and (max-width: 414px) {

  .modal-content {

    left: 0%;

  }

  .signup-form {

    max-width: 350px;

  }

}

@media all and (max-width: 394px) {

  .modal-content {

    left: 0%;

  }

  .signup-form {

    max-width: 330px;

  }

}

@media all and (max-width: 380px) {

  .btn-dangky img {

    width: 80%;

    height: auto;

  }

  .signup-form {

    max-width: 320px;

  }

}

@media all and (max-width: 375px) {

}

@media all and (max-width: 360px) {

  img.btn_tracking_vongquay {

    width: 50%;

  }

  .form-background {

    height: 17rem;

    min-height: 17rem;

    min-width: 17rem;

  }

  img.frameThree-hieuung {

    top: 10px;

  }

  img.frameThree-title {

    margin-top: 8.5rem;

  }

  .signup-form {

    max-width: 300px;

  }

}

@media all and (max-width: 320px) {

  .form-background {

    height: 17rem;

    min-height: 17rem;

  }

  img.frameThree-title {

    margin-top: 8.1rem;

  }

  img.frameThree-hieuung {

    top: 10px;

  }

  .signup-form {

    max-width: 270px;

  }

}

/* Portrait */

@media screen and (orientation: portrait) {

  /* Portrait styles here */

}

/* Landscape */

@media screen and (orientation: landscape) {

  /* Landscape styles here */

}

/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */

@media screen and (-webkit-max-device-pixel-ratio: 1) {

}

/* Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

  only screen and (-o-min-device-pixel-ratio: 3/2),

  only screen and (min--moz-device-pixel-ratio: 1.5),

  only screen and (min-device-pixel-ratio: 1.5) {

}

/* iPhone Portrait */

@media screen and (max-device-width: 480px) and (orientation: portrait) {

}

/* iPhone Landscape */

@media screen and (max-device-width: 480px) and (orientation: landscape) {

}

/* iPad Portrait */

@media screen and (min-device-width: 481px) and (orientation: portrait) {

}

/* iPad Landscape */

@media screen and (min-device-width: 481px) and (orientation: landscape) {

}