.on-your-balcony {
  background-image: url(/wp-content/themes/twentytwenty-child/img/on-your-balcony-bg-s.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* .on-your-balcony__title */
  /* .on-your-balcony__inner */
  /* .on-your-balcony__slider */
  /* .on-your-balcony__box-text */
  /* .on-your-balcony__text */
}

.on-your-balcony .container {
  width: calc(100% - 3.1rem);
}

@media (max-width: 767px) {
 .on-your-balcony__wrapper.indent {
    padding-bottom: 0;
}   
    .home.vologda .on-your-balcony .on-your-balcony__wrapper {
      padding-bottom: 0;  
    }
   
}
@media (min-width: 768px) {
  .on-your-balcony {
    background-image: url(/wp-content/themes/twentytwenty-child/img/on-your-balcony-bg-m.webp);
  }
}

@media (min-width: 1200px) {
  .on-your-balcony {
    background-image: url(/wp-content/themes/twentytwenty-child/img/on-your-balcony-bg-l.webp);
  }
   
}

.on-your-balcony__title {
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 1em;
  padding: 0 0.5em;
}

@media (min-width: 768px) {
  .on-your-balcony__title {
    margin-bottom: 1.2em;
    padding: 0;
  }
   .home  .on-your-balcony .on-your-balcony__wrapper ,
    .on-your-balcony .on-your-balcony__wrapper {
    padding-top: 55px;
         padding-bottom: 0;
}
   .home.vologda .on-your-balcony .on-your-balcony__wrapper ,
    .on-your-balcony .on-your-balcony__wrapper {
    padding-top: 55px;
         padding-bottom: 0;
}
}

@media (min-width: 1200px) {
  .on-your-balcony__title {
    margin-bottom: 0.6em;
  }
  .home  .on-your-balcony .on-your-balcony__wrapper,
  .on-your-balcony .on-your-balcony__wrapper {
    padding-top: 60px;
        padding-bottom: 0;  
}
  .home.vologda  .on-your-balcony .on-your-balcony__wrapper,
  .on-your-balcony .on-your-balcony__wrapper {
    padding-top: 60px;
        padding-bottom: 0;  
}
}

@media (min-width: 768px) {
  .on-your-balcony__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.on-your-balcony__slider {
  margin-bottom: 1.8em;
}

.on-your-balcony__slider .pagination {
  background-color: #D0D0D0;
}

.on-your-balcony__slider .navigation-left,
.on-your-balcony__slider .navigation-right {
  width: 1.3em;
  height: 2.413em;
  background-size: 1rem;
}

.on-your-balcony__slider .navigation-left span,
.on-your-balcony__slider .navigation-right span {
  display: none;
}

@media (min-width: 768px) {
  .on-your-balcony__slider .navigation-left,
  .on-your-balcony__slider .navigation-right {
    background-color: transparent;
  }
}

@media (min-width: 1200px) {
  .on-your-balcony__slider .navigation-left,
  .on-your-balcony__slider .navigation-right {
    width: 1.8em;
    height: 2.5em;
    background-size: 1.5rem;
  }
}

.on-your-balcony__slider .navigation-left {
  left: -0.375em;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='23' viewBox='0 0 15 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.397759 10.6059L11.398 0.370135C11.9284 -0.123378 12.7887 -0.123378 13.319 0.370135L14.6022 1.56415C15.1319 2.05714 15.1325 2.85561 14.6044 3.34965L5.88629 11.4997L14.6039 19.6503C15.1325 20.1444 15.1314 20.9429 14.6016 21.4358L13.3185 22.6299C12.7881 23.1234 11.9278 23.1234 11.3975 22.6299L0.397759 12.3935C-0.132586 11.9 -0.132586 11.0994 0.397759 10.6059Z' fill='black'/%3E%3C/svg%3E%0A");
}

.on-your-balcony__slider .navigation-right {
  right: -0.375em;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='23' viewBox='0 0 14 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6287 12.3938L3.36185 22.6297C2.86669 23.1234 2.06392 23.1234 1.56881 22.6297L0.371356 21.4359C-0.122957 20.9431 -0.123907 20.1443 0.369243 19.6503L8.50588 11.5L0.369243 3.34965C-0.123907 2.85567 -0.122957 2.05694 0.371356 1.56411L1.56881 0.370252C2.06397 -0.123417 2.86674 -0.123417 3.36185 0.370252L13.6286 10.6062C14.1238 11.0998 14.1238 11.9002 13.6287 12.3938Z' fill='black'/%3E%3C/svg%3E%0A");
}

.on-your-balcony__slider .pagination-box {
  bottom:2em;
}

.on-your-balcony__slider .pagination {
  width: 0.563em;
  height: 0.563em;
}

.on-your-balcony__slider .pagination.active {
  background-color: #17a1e3;
}

@media (min-width: 768px) {
  .on-your-balcony__slider {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .on-your-balcony__slider {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .on-your-balcony__box-text {
    width: 49%;
  }
}

@media (min-width: 1200px) {
  .on-your-balcony__box-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.on-your-balcony__text {
  text-align: center;
  line-height: 1.1em;
  margin-bottom: 1.4em;
}

@media (min-width: 768px) {
  .on-your-balcony__text {
    text-align: left;
    line-height: 1.2;
    padding-right: 0.5em;
  }
}

.on-your-balcony .owl-carousel .owl-item .on-your-balcony__img {
  width: 30.1rem;
  height: 20rem;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .on-your-balcony .owl-carousel .owl-item .on-your-balcony__img {
    width: 30.2rem;
    height: 20.1rem;
  }
}

@media (min-width: 1200px) {
  .on-your-balcony .owl-carousel .owl-item .on-your-balcony__img {
    width: 41rem;
    height: 27.5rem;
  }
}