@media (max-width: 768px) {
  .dsp {
    display: none;
  }
}
@media (max-width: 425px) {
  .botbtn__sound {
    width: 42px;
    height: 42px;
  }
  .botbtn__logo img {
    margin: 0 auto;
    width: 179px;
    margin-top: 15px;
  }
  .botbtn__info {
    width: 42px;
    height: 42px;
  }
  .botbtn__share {
    width: 42px;
    height: 42px;
  }
  .botbtn__share_div {
    width: 223px;
  }
  .main_page {
    overflow: hidden;
    min-height: calc(100vh);
  }
  .startSave img {
    width: 100%;
  }
  .startfr {
    width: 92%;
    height: auto;
    overflow: unset;
    -webkit-transition: unset;
    transition: unset;
  }
  .startfr_bg {
    width: 100%;
  }
  .startfr_btn {
    top: 361px;
    width: 204px;
  }
  .mainfr {
    width: 100%;
    background-size: 126%;
    margin-top: -50px;
  }
  .mainfr.fisrs_start {
    margin-top: 118px;
  }
  .mainfr .game1 {
    left: 38px;
  }
  .mainfr .game2 {
    top: 170px;
    left: 189px;
  }
  .mainfr .game3 {
    top: 365px;
    left: 211px;
  }
  .mainfr .game4 {
    top: 253px;
    left: 302px;
  }
  .mainfr .start_game {
    width: 35px;
    height: 35px;
  }
  .mainfr .start_game__num {
    width: 35px;
    height: 35px;
  }
  .mainfr .start_game__name {
    width: 106px;
    left: 17px;
    top: -1px;
  }
  .citysel {
    width: 100%;
    height: calc(100vh - 60px);
  }
  .citysel .citysel__frame {
    height: 230px;
  }
  .citysel .citysel__frame_point[data-rel="p_kalinin"] {
    left: 23px;
    top: 0px;
  }
  .citysel .citysel__frame_point[data-rel="p_msk"] {
    left: 52px;
    top: 53px;
  }
  .citysel .citysel__frame_point[data-rel="p_samara"] {
    left: 34px;
    top: 101px;
  }
  .citysel .citysel__frame_point[data-rel="p_salehard"] {
    left: 126px;
    top: 65px;
  }
  .citysel .citysel__frame_point[data-rel="p_omsk"] {
    left: 118px;
    top: 127px;
  }
  .citysel .citysel__frame_point[data-rel="p_norilsk"] {
    left: 173px;
    top: 68px;
  }
  .citysel .citysel__frame_point[data-rel="p_ulanude"] {
    left: 228px;
    top: 169px;
  }
  .citysel .citysel__frame_point[data-rel="p_yakutsk"] {
    left: 268px;
    top: 106px;
  }
  .citysel .citysel__frame_point[data-rel="p_habarovsk"] {
    left: 311px;
    top: 153px;
  }
  .citysel .citysel__frame_point[data-rel="p_magadan"] {
    left: 303px;
    top: 75px;
  }
  .citysel .citysel__frame_point[data-rel="p_petrokamch"] {
    left: 344px;
    top: 76px;
  }
  .citysel .citysel__city {
    width: 100%;
    bottom: 90px;
  }
  .citysel .citysel__city ul li {
    width: 46%;
  }
  .start_dsp {
    top: 0;
    width: 100%;
    height: 1000px;
  }
  .start_dsp.citysel_start {
    background-size: contain;
    background-position: top;
  }
  .start_dsp.flip_start {
    background-size: contain;
    background-position: top;
  }
  .start_dsp.foot_start {
    background-size: contain;
    background-position: top;
  }
  .start_dsp.cros_start {
    background-size: contain;
    background-position: top;
  }
  .top_frame ul {
    margin: 0;
    padding-top: 0.5rem;
  }
  .top_frame ul li {
    height: 2.5rem;
  }
  .top_frame ul li.top_frame__home {
    background-size: contain;
  }
  .top_frame ul li.top_frame__timer,
  .top_frame ul li.top_frame__timer_green,
  .top_frame ul li.top_frame__timer_blue,
  .top_frame ul li.top_frame__timer_dgreen {
    line-height: 2.4rem;
    font-size: 2rem;
    width: 155%;
    background-size: contain;
  }
  .top_frame ul li.top_frame__refresh {
    background-size: contain;
  }
  .flip {
    background-size: contain;
    background-position: top;
    width: 100%;
    min-height: calc(100vh);
  }
  .flip .flip__frame_list {
    grid-gap: 0.2rem;
    padding: 1rem;
  }
  .flip .flip__frame_list li {
    height: 6.5rem;
  }
  .cros {
    background-size: contain;
    background-position: top;
    width: 100%;
    min-height: calc(100vh);
  }
  .cros .cros__frame ul li {
    height: 3.3rem;
  }
  .cros .cros__progres {
    margin-top: 0.1rem;
  }
  .foot {
    background-size: contain;
    background-position: top;
    width: 100%;
    height: calc(100vh);
  }
  .foot .foot__frame ul {
    width: 5rem;
    padding: 1rem;
  }
  .foot .foot__frame ul.foot1 {
    top: 49px;
    left: 1rem;
  }
  .foot .foot__frame ul.foot2 {
    top: 49px;
    left: 13rem;
  }
  .foot .foot__frame ul.foot3 {
    top: 49px;
    left: 24rem;
  }
  .foot .foot__frame ul.foot4 {
    left: 1rem;
  }
  .foot .foot__frame ul.foot5 {
    left: 13rem;
  }
  .foot .foot__frame ul.foot6 {
    left: 24rem;
  }
  .foot .foot__frame ul li {
    height: 1.9rem;
  }
  .foot .foot__frame ul li img {
    width: 53%;
  }
  /*
	modals
*/
  .false_game,
  .succes_game {
    width: 100%;
  }
  .false_game .fal_galme__gomap,
  .false_game .fal_galme__goreload {
    left: 14%;
  }
  .false_game .fal_galme__goreload {
    right: 14%;
    left: unset;
  }
  .rgame__btns {
    width: 90%;
  }
  .rgame__btns img {
    width: 40%;
  }
  .rgame__btns_div {
    width: 370px;
    right: 0%;
    left: 0%;
    margin: 0 auto;
    bottom: 67px;
  }
  .rgame__btns_div img {
    width: 100%;
  }
  .rgame__btns_div a img {
    width: 169px;
  }
  .info_main {
    width: 95%;
    max-height: calc(100vh);
    overflow-y: auto;
  }
  /*
	@modals
*/
  /*
	predmain
*/
  .predmain__img {
    width: 100%;
  }
  /*
	@predmain
*/
}
@media (max-width: 390px) {
  .mainfr .game4 {
    left: 251px;
  }
  .flip .flip__frame {
    margin-top: 58px;
  }
  .flip .flip__frame_list li {
    height: 6rem;
  }
  .citysel .citysel__frame_point[data-rel="p_kalinin"] {
    left: 10px;
    top: 7px;
  }
  .citysel .citysel__frame_point[data-rel="p_msk"] {
    left: 32px;
    top: 64px;
  }
  .citysel .citysel__frame_point[data-rel="p_samara"] {
    left: 34px;
    top: 108px;
  }
  .citysel .citysel__frame_point[data-rel="p_salehard"] {
    left: 113px;
  }
  .citysel .citysel__frame_point[data-rel="p_omsk"] {
    left: 105px;
  }
  .citysel .citysel__frame_point[data-rel="p_norilsk"] {
    left: 152px;
  }
  .citysel .citysel__frame_point[data-rel="p_ulanude"] {
    left: 203px;
  }
  .citysel .citysel__frame_point[data-rel="p_yakutsk"] {
    left: 223px;
  }
  .citysel .citysel__frame_point[data-rel="p_habarovsk"] {
    left: 277px;
  }
  .citysel .citysel__frame_point[data-rel="p_magadan"] {
    left: 277px;
  }
  .citysel .citysel__frame_point[data-rel="p_petrokamch"] {
    left: 318px;
  }
  .citysel .citysel__city ul li {
    width: 46%;
  }
  .foot .foot__frame ul.foot1 {
    top: 49px;
    left: 1rem;
  }
  .foot .foot__frame ul.foot1_t {
    top: -4rem !important;
    left: -3rem !important;
  }
  .foot .foot__frame ul.foot2 {
    top: 49px;
    left: 10rem;
  }
  .foot .foot__frame ul.foot2_t {
    top: -4rem !important;
    left: 9rem !important;
  }
  .foot .foot__frame ul.foot3 {
    top: 49px;
    left: 21rem;
  }
  .foot .foot__frame ul.foot3_t {
    top: -4rem !important;
    left: 20rem !important;
  }
  .foot .foot__frame ul.foot4 {
    left: 1rem;
  }
  .foot .foot__frame ul.foot4_t {
    left: -3rem !important;
  }
  .foot .foot__frame ul.foot5 {
    left: 10rem;
  }
  .foot .foot__frame ul.foot5_t {
    left: 9rem !important;
  }
  .foot .foot__frame ul.foot6 {
    left: 21rem;
  }
  .foot .foot__frame ul.foot6_t {
    left: 20rem !important;
  }
  .foot .foot__frame ul.foot1_t,
  .foot .foot__frame ul.foot2_t,
  .foot .foot__frame ul.foot3_t,
  .foot .foot__frame ul.foot4_t,
  .foot .foot__frame ul.foot5_t,
  .foot .foot__frame ul.foot6_t {
    z-index: 500;
  }
  .foot .foot__frame ul li {
    height: 1.9rem;
  }
  .foot .foot__frame ul li img {
    width: 53%;
  }
  .rgame__btns_div {
    width: 320px;
  }
}
@media (min-width: 992px) {
  .mob {
    display: none;
  }
}