.fancybox-wrap {
  min-width: 60vw;
  max-width: 60vw;
  top: 3em!important;
  left: 20vw!important;
  width: auto!important;
}

.fancybox-skin {
  border-radius: 15px!important;
  overflow: hidden;
  padding-top: 45px!important;
}

.fancybox-close {
  right: 5px!important;
  top: 5px!important;
}

.fancybox-inner {
  width: 100%!important;
  cursor: pointer;
  max-height: 85vh;
  height: auto!important;
}

.modal-body.rmb-inside {
  display: grid;
  grid-template-columns: 2fr 6fr;
}

.placement-delivery__item.current_city {
  display: block;
}

.modal-body.rmb-inside .rmb-li {
  font-size: 18px;
  line-height: 40px;
}

.alph-count {
  border-bottom: 1px solid #DDDDDD;
  color: #000;
  padding-bottom: 5px;
}

.modal-body.rmb-inside .rmb-li-0 a {
  color: #656565;
  text-decoration: underline;
  transition: all .2s ease;
}

.modal-body.rmb-inside .rmb-li-0 a:hover {
  color: #E88E32;
  text-decoration: underline;
}

.modal-body.rmb-inside .rmb-block {
  display: none;
}

.modal-body.rmb-inside .rmb-block.active {
  display: grid;
  column-gap: 3em;
  row-gap: 1em;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin-bottom: 1em;
}

#select_city_multilevel {
  margin-top: 10px;
  white-space: nowrap;
}

#select_city_multilevel .placement-delivery > div {
  display: inline-block;
}

#block-selectcityblock a:after {
  display: none;
}

#block-selectcityblock .placement-delivery__item::after {
  display: none;
}

#select_city_multilevel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#select_city_multilevel .city_groups {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #B9B9B9;
}

#select_city_multilevel .city_group_name span {
  cursor: pointer;
  text-decoration: underline;
}

#select_city_multilevel .city_group_name span.comma {
  border: none;
}

#select_city_multilevel .city_group:last-child .comma {
  display: none;
}

.select_city__title {
  font-size: 30px;
  padding-left: 60px;
  padding-bottom: 50px;
  border-bottom: 1px solid #dee2e6;
  color: #656565;
}

.select_city__title {}

#select_city {
  display: none;
  color: #656565;
}

#select_city_multilevel .city_group_cities {
  display: none !important;
  position: absolute;
  z-index: 999999;
  right: 0;
}

#select_city_multilevel .city_group:hover .city_group_cities {
  display: block;
  padding: 10px;
  background: #323232;
  border-left: 1px solid #323232;
  border-right: 1px solid #323232;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.16);
}

#select_city_multilevel .city_group .city_group_cities ul {
  padding: 0;
}

#select_city_multilevel .city_group_cities li {
  background: none;
  margin: 0;
  padding: 0;
  border: none;
}

#select_city_multilevel .city_group_cities a {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  text-decoration: none;
  color: white;
  white-space: nowrap;
  font-size: 18px;
  text-align: left;
}

#select_city_multilevel .city_group_cities a:hover {
  color: #000000;
  background-color: #ffffff;
}

#select_city .city_groups {
  padding: 30px 60px!important;
  background: #F7F7F7;
}

.fancybox-inner ul,
.fancybox-inner ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  background: none;
  border: none;
  color: #656565;
}

.fancybox-inner ul li a {
  display: inline-block;
  padding: 5px;
  text-decoration: underline;
  color: #656565;
}

@media (min-width: 2001px) {
  .modal-body.rmb-inside .rmb-block.active {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }
}

@media (max-width: 2000px) {
  .modal-body.rmb-inside .rmb-block.active {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

@media (max-width: 1800px) {
  .modal-body.rmb-inside .rmb-block.active {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
  .modal-body.rmb-inside {
    grid-template-columns: 2fr 5fr;
  }
}

@media (max-width: 1600px) {
  .fancybox-wrap {
    min-width: 70vw;
    max-width: 80vw;
    max-height: 40vh;
    left: 15vw!important;
  }
}

@media (max-width: 1400px) {
  .fancybox-wrap {
    min-width: 70vw;
    max-width: 80vw;
    max-height: 40vh;
    left: 15vw!important;
  }
  .modal-body.rmb-inside .rmb-block.active {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  .modal-body.rmb-inside {
    grid-template-columns: 2fr 4fr;
  }
}

@media (max-width: 1200px) {
  .fancybox-wrap {
    min-width: 70vw;
    max-width: 85vw;
    max-height: 40vh;
    left: 15vw!important;
  }
  .modal-body.rmb-inside {
    grid-template-columns: 3fr 5fr;
  }
}

@media (max-width: 1000px) {
  #select_city .city_groups {
    padding: 30px!important;
  }
  .fancybox-wrap {
    min-width: 75vw;
    max-width: 90vw;
    max-height: 40vh;
    left: 10vw!important;
  }
  .modal-body.rmb-inside {
    grid-template-columns: 3fr 5fr;
  }
  .modal-body.rmb-inside .rmb-block.active {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
  .select_city__title {
    padding-left: 30px;
  }
}

@media (max-width: 800px) {
  .fancybox-wrap {
    min-width: 90vw;
    max-width: 100vw;
    max-height: 40vh;
    left: 5vw!important;
  }
  .modal-body.rmb-inside {
    grid-template-columns: 2fr 3fr;
  }
  .modal-body.rmb-inside .rmb-block.active {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
  .select_city__title {
    font-size: 26px;
  }
}

@media (max-width: 600px) {
  .fancybox-wrap {
    min-width: 90vw;
    max-width: 90vw;
    max-height: 40vh;
    left: 5vw!important;
  }
  .modal-body.rmb-inside {
    grid-template-columns: 5fr 4fr;
  }
  .modal-body.rmb-inside .rmb-li {
    font-size: 14px;
  }
  .select_city__title {
    font-size: 22px;
  }
}

@media (max-width: 400px) {
  .fancybox-wrap {
    min-width: 80vw;
    max-width: 90vw;
    max-height: 40vh;
    left: 5vw!important;
  }
  .modal-body.rmb-inside {
    grid-template-columns: 1fr;
    row-gap: 2em;
  }
  .modal-body.rmb-inside .rmb-li {
    font-size: 18px;
  }
  .select_city__title {
    font-size: 22px;
    padding-right: 30px;
  }
}