.bag {
      background-image: url(../img/bag.png);
      background-repeat: no-repeat;
      position: absolute;
      left: 5.97vw;
      top: 5vw;
      height: 43.75vw;
      width: 39.72vw;
      background-size: cover;
    }

    .rug {
      background-image: url(../img/rug.png);
      background-repeat: no-repeat;
      position: absolute;
      left: 49.10vw;
      top: 1vw;
      height: 46.94vw;
      width: 48.26vw;
      background-size: cover;
    }

    .rug:hover {
      transform: scale(1.1);
    }
    .bag:hover {
      transform: scale(1.1);
    }

    p.merc {
      font-size: 4.17vw;
      position: absolute;
      left: 10.07vw;
      top: 40.78vw;
    }
    span {
      font-size: 5.56vw;
      color: black;
      font-family: Voxel;
    }
    p.ru {
      font-size: 4.17vw;
      position: absolute;
      left: 59.07vw;
      top: 40.78vw;
    }

    /* адаптивы для планшетов */
    @media screen and (min-width: 415px) and (max-width: 820px) {


      body {
        background-image: url("../img/bg_ipad.svg");
        background-size: cover;
        display: block;
        height: 100vh;
      }

      .bag {
        position: absolute;
        left: 3.39vw;
        top: 7.6vh;
        height: 56.12vw;
        width: 50.91vw;
      }

      .rug {
        position: absolute;
        left: -2vw;
        background-repeat: no-repeat;
        top: 48vh;
        height: 62vw;
        width: 63.54vw;
      }

      .white {
        width: 51.33vw;
      }

      .afisha {
        width: 49.4vw;
        height: 12vw;
      }

      .skazka {
        width: 49.4vw;
        height: 12vw;
        top: 21vw;
      }

      .merch {
        width: 49.4vw;
        height: 12vw;
        top: 33vw;
      }

      .rugs {
        width: 49.4vw;
        height: 12vw;
        top: 45vw;
      }

      .custom {
        width: 49.4vw;
        height: 12vw;
        top: 57vw;
      }





      span {
        font-size: 8vw;
      }
      p.merc {
        font-size: 6vw;
        left: 54vw;
        top: 15vh;
      }

      p.ru {
        font-size: 6vw;
        position: absolute;
        left: 54vw;
        top: 55vh;
      }
      /* экран с выбором ковер или мерч */
    }

    /* адаптивы для планшетов */
    @media screen and (min-width: 381px) and (max-width: 414px) {


      body {
        background-image: url("../img/bg_iphone.svg");
        background-size: cover;
        display: block;
        height: 100vh;
      }

      .bag {
        left: 10.7vw;
        top: 7.1vh;
        height: 93vw;
        width: 84vw;
      }

      .rug {
        left: 0vw;
        top: 47vh;
        height: 97vw;
        width: 99vw;
      }

      span {
        font-size: 14.7vw;
      }
      p.merc {
        font-size: 11.1vw;
        left: 14vw;
        top: 41vh;
      }
      p.ru {
        font-size: 11.1vw;
        position: absolute;
        left: 11.3vw;
        top: 82vh;
      }
      .white {
        width: 100vw;
      }
      .text {
        font-size: 30px;
      }

      .close {
        left: 2vw;
      }

      .afisha, .skazka, .merch, .rugs, .custom {
        left: 2vw;
        width: 96vw;
        height: 18vw;
      }

      .afisha { top: 16vw;
      }
      .skazka { top: 34vw;
      }
      .merch { top: 52vw;
      }
      .rugs { top: 70vw;
      }
      .custom { top: 88vw;
      }



    }

    @media screen and (min-width: 200px) and (max-width: 380px) {

      body {
        background-image: url("../img/mini_iphone.svg");
        background-size: cover;
        display: block;
        height: 100vh;
      }

      .text {
        font-size: 30px;
      }

      .close {
        left: 2vw;
      }

      .afisha, .skazka, .merch, .rugs, .custom {
        left: 2vw;
        width: 96vw;
        height: 18vw;
      }
      .white {
        width: 100vw;
      }

      .afisha { top: 16vw;
      }
      .skazka { top: 34vw;
      }
      .merch { top: 52vw;
      }
      .rugs { top: 70vw;
      }
      .custom { top: 88vw;
      }

            .nav {
              width: 286px;
              left: 66px;
            }

            p {
              font-size: 16px;
            }

            .navi p {
              left: 75px;
              top: 7px;
            }

            .container {
              left: 244px;
            }

            .clock {
              left: 316px;
            }

      .bag {
        left: 17.7vw;
        top: 4.1vh;
        height: 72vw;
        width: 73vw;
      }

      .rug {
        left: 5vw;
        top: 42vh;
        height: 89vw;
        width: 94vw;
      }

      span {
        font-size: 14.7vw;
      }
      p.merc {
        font-size: 11.1vw;
        left: 14vw;
        top: 38vh;
      }
      p.ru {
        font-size: 11.1vw;
        position: absolute;
        left: 11.3vw;
        top: 82vh;
      }
    }