/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) {
  .container {
    max-width: 1890px;
  }
}

@media (min-width: 1600px) and (max-width: 1919.98px) {
  html {
    font-size: 57.5%;
  }
  .container {
    max-width: 1580px;
  }
  .choose_area {
    padding-left: calc((100% - 1450px) / 2 + 15px);
  }
}
@media (min-width: 1366px) and (max-width: 1599.98px) {
  html {
    font-size: 48%;
  }
  .container {
    max-width: 1340px;
  }
}
@media (min-width: 1200px) and (max-width: 1365.98px) {
  html {
    font-size: 44.5%;
  }
  .container {
    max-width: 1180px;
  }
  .left_gap {
    padding-left: 30rem;
  }
  .text_img {
    width: 90rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html {
    font-size: 42%;
  }
  .container {
    max-width: 980px;
  }
  .left_gap {
    padding-left: 26rem;
  }
  .text_img {
    width: 90rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    max-width: 760px;
  }
}

@media (max-width: 991.98px) {
  html {
    font-size: 48%;
  }
  #menu li a span {
    display: none;
  }
  .social_icon {
    flex-direction: column;
  }
  .menu_wrap {
    text-align: center;
    left: 3rem;
  }
  #menu li a {
    padding-left: 2rem;
    font-weight: 700;
  }
  .left_gap {
    padding-left: 8rem;
  }
  .text_img {
    right: -2rem;
    top: 10rem;
    width: 52rem;
  }
  .map {
    width: 100%;
    margin-top: 10rem;
  }
  .slider_text h2 {
    font-size: 10.5rem;
  }
  .slider .owl-item:not(.center) img {
    height: 32rem;
  }

  /* modal */
  .nav_link {
    font-size: 2.5rem;
  }

  .nav_bg {
    width: 44rem;
  }

  .nav_bg1 {
    left: -12rem;
  }

  .nav_bg {
    top: -1rem;
  }

  .nav_bg2 {
    right: -9.5rem;
  }

  .form_groups {
    padding-top: 3rem;
  }

  .form_bottom button {
    font-size: 4.6rem;
  }
  .modal-content {
    padding: 6.5rem 13.6rem;
  }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
  html {
    font-size: 38%;
  }
  .modal-content {
    padding: 5rem 3rem;
  }
  .nav_tabs {
    justify-content: space-between !important;
    padding: 0 9rem;
    margin: 3rem 0;
}
.form_bottom button {
	margin-bottom: 4rem;
}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
  html {
    font-size: 1.3vw;
  }
  .container {
    padding-left: 8rem;
    padding-right: 2.5rem;
  }
  .home_area .container {
    padding-left: 2.5rem;
  }
  .logo {
    margin-top: 10rem;
    margin-bottom: 5.5rem;
  }
  .menu_wrap {
    left: 2rem;
  }
  .slider {
    margin-top: 7rem;
  }
  .slider_text h2 {
    font-size: 8rem;
  }
  .place_box.first_place {
    margin-top: 14rem;
  }
  .game_statistics .nav li .nav-link {
    font-size: 2rem;
  }
  .home_area h1 {
    max-width: 53rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home_area {
    padding-bottom: 54rem;
  }
  .game_feature {
    margin-top: -23rem;
  }
  .place_box p {
    font-size: 2rem;
  }
  .place_box h6 {
    font-size: 2.4rem;
  }
  .place_box h4 {
    font-size: 3rem;
  }
  .tips p {
    font-size: 1.6rem;
  }
  .tips h6 {
    font-size: 2rem;
  }
  .first_place.bob_box h3 {
    font-size: 9rem;
  }
  .contact_area {
    padding-top: 5rem;
  }
  .contact_area h2 {
    font-size: 4rem;
  }
}