@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }

  .container .row {
    margin: 0;
  }

  .site-header .menu-wrapper {
    padding-left: 22px;
    padding-right: 22px;
  }

  .site-header .menu-wrapper nav>ul {
    width: 100%;
  }

  .home-box-01-img {
    min-width: 500px;
  }

  .home-box-02-wrapper {
    padding: 10px 90px;
  }

  .home-box-05-left {
    min-width: 182px;
  }

  .home-box-05-right {
    padding: 15px;
  }

  .home-box-06 .text-60 {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }

  .container .row {
    margin: 0;
  }

  .home-box-06 .text-60 {
    font-size: 32px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }

  .container .row {
    margin: 0;
  }

  .home-box-06 .text-60 {
    font-size: 60px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
  }

  .container .row {
    margin: 0;
  }
}

@media (min-width: 1440px) {
  .site-header {
    min-height: 810px;
  }

  .site-header .menu-wrapper {
    padding-left: 22px;
    padding-right: 22px;
  }

  .site-header .menu-wrapper nav>ul>li {
    margin-right: 0;
  }

  .site-header .menu-wrapper nav>ul>li>a {
    padding-left: 6px;
    padding-right: 6px;
  }

  .site-header .sub-menu-both {
    width: 320px;
  }
}

@media (min-width: 1620px) {
  .container {
    max-width: 100%;
  }

  .container .row {
    margin: 0;
  }

  .site-header {
    min-height: 1080px;
  }

  .site-header .menu-wrapper {
    padding-left: 50px;
    padding-right: 70px;
  }

  .site-header .menu-wrapper nav>ul {
    width: auto;
  }

  .site-header .menu-wrapper nav>ul>li {
    margin-right: 8px;
  }

  .site-header .menu-wrapper nav>ul>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-box-02-wrapper {
    padding: 15px 120px;
  }

  .home-box-05-left {
    min-width: 225px;
  }

  .home-box-05-right {
    padding: 30px;
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: 1920px;
  }

  .site-header {
    min-height: 1080px;
  }

  .site-header .menu-wrapper {
    width: 1920px;
  }

  .site-header .menu-wrapper nav>ul>li>a {
    padding-left: 15px;
    padding-right: 15px;
  }

  .services-wrapper {
    right: calc(50% - 936px);
  }

  .home-box-02-wrapper {
    padding: 20px 260px;
  }

}