@media (max-width: 1450px) {
  .menu-main > li {
    margin: 0 5px; } }

@media (max-width: 1100px) {
  .header > .container {
    padding: 0 15px; }
  .logo {
    top: 30px;
    left: 15px;
    width: 180px; }
  .menu-main {
    font-size: 10px; }
    .menu-main > li {
      margin: 0 5px; }
  .btn-gift {
    padding: 0 15px; } }

@media (max-width: 991px) {
  body {
    font-size: 12px; }
  .header {
    height: 60px;
    background: #fff; }
  .header > .container, .footer > .container {
    padding: 0 15px; }
  .header .header-nav_button {
    top: 8px;
    right: 20px; }
  .logo {
    top: 20px;
    left: 15px;
    width: 230px; }
  .menu-main-wrap {
    display: none;
    display: block;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-top: 60px solid transparent;
    -webkit-animation: menu 0.8s;
    animation: menu 0.8s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .menu-main-wrap .social {
      padding: 20px 0;
      text-align: center; }
      .menu-main-wrap .social a {
        color: #000; }
  .menu-main {
    padding: 0;
    position: relative;
    font-size: 18px; }
    .menu-main li.current-menu-item > a, .menu-main li:hover > a {
      color: #fff; }
  .body {
    padding-top: 60px; }
  .btn-gift1 {
    padding: 20px 15px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.2rem;
    font-weight: 600;
    color: #abe2d7;
    background: #000; }
  .footer > .container {
    padding: 15px;
    height: auto; }
  .footer .bd {
    position: relative;
    margin-bottom: 20px;
    padding: 0; }
    .footer .bd .bd-main {
      position: relative;
      padding: 0; }
      .footer .bd .bd-main .inner {
        border: 0 !important; }
    .footer .bd .bd-left, .footer .bd .bd-right {
      float: none;
      width: 100%;
      text-align: center; }
  .footer .left, .footer .right {
    float: none;
    width: 100%;
    text-align: center;
    line-height: 2; } }

@media (min-width: 768px) {
  .slick-slider .slick-arrow.slick-prev {
    left: -30px !important; }
  .slick-slider .slick-arrow.slick-next {
    right: -30px !important; } }

@media (max-width: 767px) {
  body {
    font-size: 12px; }
  h2 {
    font-size: 18px;
    letter-spacing: 0.15rem; }
  .menu-opened .menu-main > li {
    margin: 2vh 0; }
  .menu-main li.current-menu-item > a, .menu-main li:hover > a {
    color: #000; }
  .page-banner h1 {
    letter-spacing: 0.8rem;
    font-size: 8vw; }
  .footer-home {
    padding-bottom: 10px; }
    .footer-home > .container {
      padding: 0 15px; }
  .slick-slider .slick-arrow.slick-prev {
    left: -10px !important; }
  .slick-slider .slick-arrow.slick-next {
    right: -10px !important; }
  .content {
    padding: 0 15px; }
  .slick-slider {
    padding: 0 20px !important; }
  .section-body {
    padding-top: 50px !important; }
  body div.gform_wrapper .my-box-style {
    float: none;
    width: 100%; }
  body div.gform_wrapper .gform_body {
    margin: 0 auto; } }

@media (max-width: 600px) {
  #slider-home .text1 {
    top: -8vh;
    line-height: 1.2em !important;
    font-size: 12vw !important; }
  #slider-home .btn-discover a {
    line-height: 1.2em !important;
    font-size: 6vw !important; } }
