/* =================== PC BIG ===================*/
@media only screen and (min-width: 1241px) {
    .container {
      max-width: 1270px;
      margin: 0 auto;
      /* padding: 0 15px */
    }
  }
  
  /* ============= PC LOWER  min-1023px ===============*/
  @media only screen and (min-width: 63.9375em) and (max-width: 1240px) {
    .hide-on-pc-Lose {
      display: none;
    }
  
    .header__main-logo {
      height: 72px;
    }
  
    .header__main-nav .nav-link {
      margin: 0 2px;
    }
  
    .header__main-btn {
      padding: 8px 26px;
    }
  
    .banner__main-btn {
      padding: 8px 76px;
    }
  
    .software__item {
      margin: 0 58px 40px;
    }
  
    .footer__info {
      margin: 0;
      width: 78%;
    }
  
    .footer__info-item {
      margin-right: 10px;
    }
  
    .footer__menu-wrapper {
      margin-right: 48px;
    }
  
    .footer__info-link>img {
      height: 30px;
      width: 44px;
    }
  }
  
  /* =============== Mobile & tablet ==============*/
  @media only screen and (max-width: 63.9375em) {
    .hide-on-mobile-tablet {
      display: none !important;
    }
  
    .software__item {
      margin: 0 30px 40px;
    }
  
    .owl-carousel .owl-stage {
      padding-left: 0 !important;
    }
  
    .banner {
      max-height: 381px;
    }
  
    .banner__main {
      padding-top: 106px;
    }
  
    .banner__main-title {
      font-size: 2.9rem;
    }
  
    .banner__main-name {
      font-size: 2.8rem;
    }
  
    .banner__main-description,
    .banner__main-name {
      max-width: 397px;
    }
  
    .banner__main-description {
      font-size: 1.8rem;
    }
  
    .header__mobile {
      display: block;
    }
  
    .header__main-logo {
      height: 78px;
    }
  
    .header__main-btn {
      padding: 6px 50px;
    }
  
    .contact__form {
      margin-top: 20px;
    }
  
    .footer {
      padding: 44px 0;
    }
  
    .footer .row {
      flex-direction: column-reverse;
    }
  
    .footer__menu {
      margin-bottom: 40px;
    }
  
    .footer__menu-link {
      margin: 18px 0;
    }
    .advise_cus{
      padding-left: 0;
      margin: 20px 10px 20px;
    }
    .choose_option{
      width: 100%;
    }
  }
  
  /* ==================== Tablet ===================*/
  @media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .hide-on-tablet {
      display: none !important;
    }
  
    .banner__tech-evaluate {
      padding-left: 6px;
    }
  
    .banner__tech-item {
      margin-right: 32px;
    }
  
    .footer__info-content {
      margin: 0 46px;
    }
  
    .footer__info {
      display: flex;
      width: 100%;
    }
  
    .footer__info-logo {
      width: 36%;
      margin: auto;
    }
  
    .footer__menu-wrapper {
      /* margin-right: 74px; */
      margin: 0 auto;
    }
  
    .contact__info {
      margin: 0 auto;
      max-width: 85%;
    }
  }
  
  /* =================== Mobile ===================*/
  @media only screen and (max-width: 46.1875em) {
    .hide-on-mobile {
      display: none;
    }
  
    .header__main-logo {
      height: 66px;
    }
  
    .contact__form-btn {
      width: 100%;
      padding: 10px 10px;
    }
  
    .contact__form {
      min-height: 630px;
      width: 98%;
    }
  
    .contact__form-header {
      padding: 32px 0;
    }
  
    .contact__form-main {
      padding: 0px 26px;
    }
  
  
    .project__slide-item {
      min-height: 530px;
      height: auto;
    }
  
    .branch__header-title {
      font-size: 3.2rem;
    }
  
    .contact__info {
      margin: 0 20px;
      max-width: 100%;
    }
  
    .project {
      margin: 72px 10px 0;
    }
  
    .software__item {
      margin: 0 16px 40px;
    }
  
    .software__item-img {
      width: 80px;
      height: 80px;
    }
  
    .deployment {
      margin: 76px 10px 0;
    }
  
    .header__cover .header__main-btn {
      padding: 6px 26px;
    }
  
    .branch {
      margin-top: 56px;
    }
  
    .banner {
      min-height: 346px;
    }
  
    .banner__main {
      padding-top: 76px;
    }
  
    .banner__main-title {
      font-size: 2rem;
    }
  
    .banner__main-description,
    .banner__main-name {
      max-width: 279px;
    }
  
    .banner__main-name {
      font-size: 2.3rem;
    }
  
    .software__item-img.mobile {
      padding: 24px 18px !important;
    }
  
    .software__item-img.mobile-node {
      padding: 20px 10px !important;
    }
  
    .project__slide-logo {
      margin-bottom: 20px;
    }
  
    .branch__main-content {
      padding: 20px 28px 38px 28px;
    }
  
    .footer__menu-wrapper {
      margin-bottom: 30px;
    }
  
    .footer__menu {
      flex-wrap: wrap;
      margin: 0 30px;
    }
  
    .footer__menu-header {
      margin-bottom: 30px;
    }
  
    .footer__info {
      width: 74%;
    }
  
    .footer__info-logo {
      width: 88%;
      margin: auto;
    }
  
    .contact__info-address {
      max-width: 100%;
      justify-content: space-between;
    }
  }
  
  /* ================= Iphone X ===============*/
  @media only screen and (max-width: 24.4375em) {
    .header__nav-search-img {
      height: 20px;
      width: 20px;
    }
  
    .header__nav-search {
      margin: 0 12px;
    }
  
    .pagination-item {
      margin: 0 2px;
    }
  }
  
  @media only screen and (min-width: 63.9375em) {
  
    /* 5 colum Bootstrap */
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
      position: relative;
      min-height: 1px;
      padding-right: 10px;
      padding-left: 10px;
    }
  
    .col-xs-5ths {
      width: 20%;
      float: left;
    }
  
    @media (min-width: 768px) {
      .col-sm-5ths {
        width: 20%;
        float: left;
      }
    }
  
    @media (min-width: 992px) {
      .col-md-5ths {
        width: 20%;
        float: left;
      }
    }
  
    @media (min-width: 1200px) {
      .col-lg-5ths {
        width: 20%;
        float: left;
      }
    }
  }