@media screen and (min-width: 901px) {
  .ac-mobile-only {
    display: none !important;
  }

  section.ac-nature .ac-box .ac-open:hover {
    transform: rotate(90deg) scale(1.05);
    -webkit-transform: rotate(90deg) scale(1.05);
    -ms-transform: rotate(90deg) scale(1.05);
    -moz-transform: rotate(90deg) scale(1.05);
    -o-transform: rotate(90deg) scale(1.05);
  }

  section.ac-products .ac-box:hover {
    background-color: white;
    border: 2px solid white;
  }

  section.ac-products .ac-box:hover .ac-title {
    color: black;
  }

  section.ac-products .ac-box:hover svg path {
    stroke: #1e2e3f !important;
  }

  section.ac-products .ac-box:hover svg.ac-fill path {
    fill: #1e2e3f !important;
  }

  section.ac-products .ac-box:hover svg.ac-svg-white path {
    fill: white !important;
  }

  section.ac-products .ac-box:hover .ac-btn-detail span {
    color: black;
  }

  section.ac-awards .ac-box:hover {
    background-color: white;
  }

  section.ac-awards .ac-box:hover .ac-image .ac-hover {
    display: inline-block;
  }

  section.ac-awards .ac-box:hover .ac-image .ac-default {
    display: none;
  }

  section.ac-awards .ac-box:hover .ac-title {
    margin-top: 1.042vw;
    color: black;
  }

  section.ac-awards .ac-box:hover .ac-text {
    opacity: 1;
  }

  section.ac-awards .ac-box:hover .ac-btn-container {
    display: none;
  }

  .ac-menu .ac-item:hover a span {
    display: block;
    width: auto;
    padding-left: 22px;
    padding-right: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    color: #999;
  }
}

@media screen and (max-width: 900px) {
  .ac-desktop-only {
    display: none !important;
  }

  /* General */

  section.ac-section {
    padding-top: 10.667vw;
    padding-bottom: 10.667vw;
  }

  section.ac-section .ac-container {
    width: 100%;
    padding-left: 5.333vw;
    padding-right: 5.333vw;
  }

  section.ac-section .ac-title-default {
    font-size: 6.933vw;
  }

  section.ac-section .ac-text-default {
    font-size: 4.267vw;
    margin-bottom: 12.65vw;
  }

  section.ac-section .ac-text-default br {
    display: none;
  }

  section.ac-section .ac-title-default + .ac-text-default {
    margin-top: 5.333vw;
  }

  /* Banner */

  section.ac-banner {
    min-height: 60vw;
    padding-left: 5.5vw;
    padding-right: 5.5vw;
  }

  section.ac-banner .ac-content {
    width: 100%;
    margin-bottom: 6vw;
  }

  section.ac-banner .ac-content .ac-title {
    font-size: 8.8vw;
  }

  section.ac-banner .ac-content .ac-text {
    padding-left: 5.867vw;
    padding-right: 5.867vw;
    font-size: 4.8vw;
  }

  section.ac-banner .ac-content * + .ac-text {
    margin-top: 8vw;
  }

  section.ac-banner .ac-scroll {
    width: 11.2vw;
    margin-top: 8.333vw;
    margin-bottom: 14.333vw;
  }

  section.ac-banner .ac-scroll img {
    width: 100%;
  }

  /* Nature */

  section.ac-nature .ac-container {
    width: 100%;
  }

  section.ac-nature .ac-boxes {
    margin-left: 0;
    margin-right: 0;
  }

  section.ac-nature * + .ac-boxes {
    margin-top: 8vw;
  }

  section.ac-nature .ac-box {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }

  section.ac-nature .ac-box .ac-image {
    position: relative;
    height: 53.333vw;
    top: auto;
    left: auto;
  }

  section.ac-nature .ac-box .ac-image:before {
    display: none;
  }

  section.ac-nature .ac-box .ac-content {
    position: relative;
    height: auto;
    top: auto;
    right: auto;
    padding: 5.333vw;
    padding-bottom: 8vw;
    text-align: left;
  }

  section.ac-nature .ac-box .ac-content .ac-icon {
    width: 17.333vw;
    margin-left: 0;
  }

  section.ac-nature .ac-box .ac-content .ac-title {
    font-size: 5.333vw;
  }

  section.ac-nature .ac-box .ac-content * + .ac-title {
    margin-top: 5.333vw;
  }

  section.ac-nature .ac-box .ac-content .ac-text {
    font-size: 4.267vw;
  }

  section.ac-nature .ac-box .ac-content * + .ac-text {
    margin-top: 2.667vw;
  }

  section.ac-nature .ac-box .ac-content .ac-detail {
    display: block;
    font-size: 3.733vw;
    color: white;
  }

  section.ac-nature .ac-box .ac-content * + .ac-detail {
    margin-top: 5.333vw;
    padding-top: 5.333vw;
  }

  section.ac-nature .ac-box .ac-content .ac-close {
    display: none !important;
  }

  section.ac-nature .ac-box .ac-open {
    display: none !important;
  }

  section.ac-nature .owl-dots {
    position: relative;
    display: block;
    margin-top: 8vw;
    text-align: center;
  }

  section.ac-nature .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    background-color: rgba(30, 46, 63, 0.2);
  }

  section.ac-nature .owl-dots .owl-dot.active {
    background-color: rgb(30, 46, 63);
  }

  /* Products */

  section.ac-products * + .ac-boxes {
    margin-top: 2.667vw;
  }

  section.ac-products .ac-box {
    width: calc(50% - 4.266vw);
    margin: 2.667vw 2.133vw;
    padding: 4.8vw 3.733vw;
    border-radius: 3.2vw;
  }

  section.ac-products .ac-box .ac-title {
    font-size: 3.2vw;
  }

  section.ac-products .ac-box svg {
    width: 21.333vw;
    height: 17.333vw;
    margin-top: 2.4vw;
  }

  section.ac-products .ac-box .ac-btn-detail {
    width: 30.4vw;
    height: 7.467vw;
    margin-top: 3.2vw;
    border-radius: 7.467vw;
  }

  section.ac-products .ac-box .ac-btn-detail span {
    font-size: 3.2vw;
  }

  section.ac-products .ac-details {
    margin-top: 10.667vw;
  }

  section.ac-products .ac-details .ac-image {
    display: block;
    width: 100%;
    margin-top: 7.2vw;
  }

  section.ac-products .ac-details .ac-content {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  section.ac-products .ac-details .ac-title {
    font-size: 5.867vw;
    padding-right: 15vw;
  }

  section.ac-products .ac-details .ac-text {
    font-size: 4.8vw;
  }

  section.ac-products .ac-details .ac-description {
    padding-top: 5.333vw;
    padding-bottom: 5.333vw;
  }

  section.ac-products .ac-details * + .ac-description {
    margin-top: 5.333vw;
    border-top: 0;
  }

  section.ac-products .ac-details .ac-description .ac-prop {
    padding-bottom: 5.333vw;
    margin-bottom: 5.333vw;
    border-bottom: 1px solid #7a7a7a;
  }

  section.ac-products .ac-details .ac-description .ac-prop img {
    width: 17.333vw;
  }

  section.ac-products .ac-details .ac-description .ac-prop span {
    max-width: calc(100% - 21.066vw);
    margin-left: 3.733vw;
    font-size: 6.4vw;
  }

  section.ac-products .ac-details * + .ac-bottom {
    padding-top: 5.333vw;
  }

  section.ac-products .ac-details .ac-btn-close {
    width: 11.733vw;
    right: 0;
    top: -2vw;
  }

  /* Pro */

  section.ac-pro {
    padding-top: 10.667vw;
    padding-bottom: 10.667vw;
  }

  section.ac-pro .ac-box {
    height: 52.267vw;
  }

  section.ac-pro .ac-box img {
    width: 44.533vw;
  }

  /* Background Container */

  .ac-bg-container {
    background-color: #1e2938;
    background-position: center bottom 124vw;
  }

  /* Awards */

  section.ac-awards .ac-boxes {
    width: calc(100% + 10vw);
    margin: 0 -5vw;
  }

  section.ac-awards * + .ac-boxes {
    margin-top: 8vw;
  }

  section.ac-awards .ac-box {
    display: block;
    width: 100%;
    width: calc(100% - 10vw);
    margin: 0 5vw;
    padding: 7.467vw;
    border-radius: 3.2vw;
    background-color: white;
  }

  section.ac-awards .ac-box + .ac-box:not(:hover):before {
    display: none;
  }

  section.ac-awards .ac-box .ac-image .ac-default {
    display: none;
  }

  section.ac-awards .ac-box .ac-image .ac-hover {
    display: inline-block;
  }

  section.ac-awards .ac-box .ac-title {
    margin-top: 5.333vw;
    font-size: 5.867vw;
    color: black;
  }

  section.ac-awards .ac-box .ac-text {
    display: block;
    margin-top: 6.667vw;
    font-size: 4.267vw;
    opacity: 1;
  }

  section.ac-awards .ac-box .ac-btn {
    display: none;
    width: 40vw;
    height: 10.667vw;
    margin-top: 8vw;
    border-radius: 10.667vw;
  }

  section.ac-awards .ac-box .ac-btn span {
    font-size: 4.8vw;
    color: black;
  }

  section.ac-awards .ac-respect {
    width: 49.067vw;
    margin-top: 13.333vw;
  }

  section.ac-awards .owl-dots {
    position: relative;
    display: block;
    margin-top: 8vw;
    text-align: center;
  }

  section.ac-awards .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.2);
  }

  section.ac-awards .owl-dots .owl-dot.active {
    background-color: white;
  }

  /* Journey */

  section.ac-journey {
    padding-bottom: 14vw;
  }

  section.ac-awards + section.ac-journey:before {
    height: 14vw;
    top: -7vw;
  }

  /* Video */

  section.ac-video {
    padding-left: 5.333vw;
    padding-right: 5.333vw;
    background-color: white;
  }

  .ac-bg-container * + section.ac-video {
    margin-top: 10.667vw;
  }

  section.ac-video .ac-video-container {
    width: 100%;
    height: 49.333vw;
  }

  section.ac-video * + .ac-video-container {
    margin-top: 5.333vw;
  }

  section.ac-video .a-play {
    width: 24vw;
    height: 24vw;
    margin-top: -12vw;
    margin-left: -12vw;
  }

  section.ac-video .ac-btn {
    padding: 4.267vw 8.8vw;
    border-radius: 10vw;
  }

  section.ac-video * + .ac-btn {
    margin-top: 8vw;
  }

  section.ac-video .ac-btn span {
    font-size: 4.267vw;
  }

  /* Menu */

  .ac-menu {
    display: none;
  }

  /* The End */
}
