@media (min-width: 1919px) {
  html,
  body {
    font-size: 14px;
  }
}

@media (min-width: 1601px) {
  .sharedOptionWrap {
    padding-top: 12rem;
  }
}
@media (max-width: 1600px) {
  .doodle-inner-top {
    padding-top: 30vh;
  }
  .doodle-inner-top_wrp h2 {
    font-size: 5rem;
    line-height: 100%;
  }
}

@media (min-width: 1400px) {
}

@media (max-width: 1399px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 1199px) {
}

@media (min-width: 992px) and (max-width: 1399px) {
  html,
  body {
    font-size: 15px;
  }
}

@media (min-width: 992px) {
}

@media (max-width: 991px) {
  html,
  body {
    font-size: 14px;
  }
  .doodle-inner-top_img_wrp li {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .doodle-inner-top_img_wrp li img {
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
  .os_detail img {
    width: 30px;
    height: 30px;
    margin-right: 1rem;
  }
  .os_detail {
    padding-left: 1rem;
  }
  .doodle_slider_inside {
    padding-top: 22rem;
  }
}

@media (max-width: 768px) {
  html,
  body {
    font-size: 12px;
  }
}

@media (max-width: 750px) {
  .doodle_slider_inside {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (max-width: 500px) {
  html,
  body {
    font-size: 10px;
  }
  .doodle_slider_inside {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .extra_info {
    bottom: auto;
    top: 0px;
  }
  .ui-slider .ui-slider-handle {
    top: -12px;
    width: 16px;
  }
  .slider .tick {
    margin-left: 0px;
  }
}