@media (min-width: 992px) {
  .be-headers.be-bg-iphone-left,
  .be-headers.be-bg-iphone-right {
    background-image: url("../img/bg/iphone-lg.svg");
    background-repeat: no-repeat;
    background-size: 412px auto;
  }
}
.be-headers.be-bg-iphone-left {
  background-position: 25% 154px;
}
.be-headers.be-bg-iphone-right {
  background-position: 75% 154px;
}
@media (min-width: 992px) {
  .be-headers .be-bg-iphone-left-small {
    background-image: url("../img/iphone-330.svg");
    background-repeat: no-repeat;
    background-size: 330px auto;
    background-position: center;
  }
}
@media (min-width: 992px) {
  .be-headers.be-bg-macbook-left {
    background-image: url("../img/bg/macbook-full.svg");
    background-repeat: no-repeat;
    background-position: -5vw 18vh;
    background-size: 50vw auto;
  }
}
@media (min-width: 992px) {
  .be-headers.be-bg-devices {
    background-image: url("../img/ipad-iphone.svg");
    background-repeat: no-repeat;
    background-position: right 190px;
    background-size: 50% auto;
  }
}
.be-headers .be-bg-browser {
  background-image: url("../img/browserframe.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.be-headers .be-bg-browser::after {
  content: '';
  display: block;
  padding-top: 30%;
}
.be-headers .be-bg-ipad {
  background-image: url("../img/ipad.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.be-headers .be-bg-ipad::after {
  content: '';
  display: block;
  padding-top: 35%;
}
.be-headers .be-striked-header span {
  background: #e7e7e7;
  padding: 0 25px;
}

.be-contents.be-bg-iphone-left,
.be-contents.be-bg-iphone-right {
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .be-contents.be-bg-iphone-left,
  .be-contents.be-bg-iphone-right {
    background-image: url("../img/bg/iphone-lg.svg");
    background-size: 420px 853px;
  }
}
@media (min-width: 992px) {
  .be-contents.be-bg-iphone-left {
    background-position: calc(50% - 290px) 100px;
  }
}
@media (min-width: 992px) {
  .be-contents.be-bg-iphone-right {
    background-position: calc(50% + 290px) 100px;
  }
}
.be-contents.be-bg-devices {
  background-image: url("../img/bg/ipads.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.be-contents.be-bg-macbook {
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) {
  .be-contents.be-bg-macbook {
    background-image: url("../img/bg/macbook.svg");
    background-size: 473px 280px;
    background-position-x: calc(50% + 55px);
  }
}
@media (min-width: 992px) {
  .be-contents.be-bg-macbook {
    background-size: 723px 429px;
    background-position-x: calc(50% + 220px);
  }
}
@media (min-width: 992px) {
  .be-sliders.be-bg-macbook {
    background: url("../img/bg/macbook-full.svg") no-repeat;
    background-size: 760px 439px;
    background-position: calc(50% - 500px) center;
  }
}
.be-sliders .be-bg-iphone {
  padding: 53px 0 62px;
  background: #fff url("../img/bg/iphone-330-noscreen.svg") no-repeat;
  background-position: center top;
  background-size: auto 462px;
}
@media (min-width: 576px) {
  .be-sliders .be-bg-iphone {
    padding: 78px 0 90px;
    background-size: auto 670px;
  }
}
.be-sliders .be-iphone-screen {
  height: 346px;
  width: 200px;
  margin: 0 auto;
  -webkit-transition: 0.5s ease background, 0.5s ease border;
  transition: 0.5s ease background, 0.5s ease border;
  border: 2px solid transparent;
}
@media (min-width: 576px) {
  .be-sliders .be-iphone-screen {
    height: 502px;
    width: 290px;
  }
}
.be-sliders .is-selected .be-iphone-screen {
  background-color: #fff;
  border: 1px solid #cccccc;
}
@media (min-width: 576px) {
  .be-sliders .is-selected .be-iphone-screen {
    border: 2px solid #cccccc;
  }
}
.be-sliders .be-slider-fluid .be-slider-item {
  max-width: calc(100% - 30px);
  opacity: 0.3;
  -webkit-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
}
@media (min-width: 576px) {
  .be-sliders .be-slider-fluid .be-slider-item {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
  .be-sliders .be-slider-fluid .be-slider-item {
    max-width: 950px;
  }
}
.be-sliders .be-slider-fluid .be-slider-item.is-selected {
  opacity: 1;
}
.be-features.be-bg-iphone-left,
.be-features.be-bg-iphone-center,
.be-features.be-bg-iphone-right,
.be-features.be-bg-iphone-right-top,
.be-features.be-bg-macbook-left {
  background-repeat: no-repeat;
}
@media (min-width: 576px) {
  .be-features.be-bg-iphone-left,
  .be-features.be-bg-iphone-center,
  .be-features.be-bg-iphone-right,
  .be-features.be-bg-iphone-right-top,
  .be-features.be-bg-macbook-left {
    background-image: url("../img/bg/iphone-lg.svg");
    background-size: 280px 568px;
  }
}
@media (min-width: 992px) {
  .be-features.be-bg-iphone-left,
  .be-features.be-bg-iphone-center,
  .be-features.be-bg-iphone-right,
  .be-features.be-bg-iphone-right-top,
  .be-features.be-bg-macbook-left {
    background-size: 420px 853px;
  }
}
@media (min-width: 576px) {
  .be-features.be-bg-iphone-left {
    background-position: calc(33% - 140px) 50%;
  }
}
@media (min-width: 992px) {
  .be-features.be-bg-iphone-left {
    background-position: calc(50% - 290px) 100px;
  }
}
@media (min-width: 576px) {
  .be-features.be-bg-iphone-center {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .be-features.be-bg-iphone-center {
    background-image: url("../img/bg/iphone-lg.svg");
    background-position: 50% 260px;
  }
}
@media (min-width: 576px) {
  .be-features.be-bg-iphone-right {
    background-position: calc(50% + 170px) 140px;
  }
}
@media (min-width: 992px) {
  .be-features.be-bg-iphone-right {
    background-position: calc(50% + 290px) 220px;
  }
}
@media (min-width: 576px) {
  .be-features.be-bg-iphone-right-top {
    background-position: calc(50% + 170px) 60px;
  }
}
@media (min-width: 992px) {
  .be-features.be-bg-iphone-right-top {
    background-position: calc(50% + 290px) 100px;
  }
}
@media (min-width: 576px) {
  .be-features.be-bg-macbook-left {
    background-image: url("../img/bg/macbook-full.svg");
    background-size: 594px 342px;
    background-position: calc(50% - 372px) center;
  }
}
@media (min-width: 992px) {
  .be-features.be-bg-macbook-left {
    background-image: url("../img/bg/macbook-full.svg");
    background-size: 890px 514px;
    background-position: calc(50% - 475px) 268px;
  }
}
.be-features .be-bg-macbook-center {
  background-size: 121% auto;
  background-position: center top;
  background-image: url("../img/bg/macbook-full.svg");
}
.be-features .be-bg-macbook-center::after {
  content: '';
  display: block;
  padding-top: 40%;
}



.be-call-to-actions.be-bg-iphone {
  background: url("../img/iPhone.svg") center bottom -95px no-repeat;
  padding-bottom: 350px;
  background-size: 224px auto;
}
@media (min-width: 576px) {
  .be-call-to-actions.be-bg-iphone {
    background-position: center bottom -145px;
    background-size: 324px auto;
    padding-bottom: 475px;
  }
}
@media (min-width: 992px) {
  .be-call-to-actions.be-bg-iphone {
    background-position: center bottom -170px;
  }
}



.be-forms.be-bg-macbook {
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) {
  .be-forms.be-bg-macbook {
    background-image: url("../img/bg/macbook-full.svg");
    background-size: 600px auto;
    background-position-x: calc(80% + 315px);
  }
}
@media (min-width: 992px) {
  .be-forms.be-bg-macbook {
    background-size: 890px auto;
    background-position-x: calc(50% + 460px);
  }
}
.be-forms.be-bg-devices {
  background-image: url("../img/bg/ipads.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.be-contacts .be-bg-map-right {
  background: url("../img/maps/map-1.png") no-repeat;
  background-size: cover;
  min-height: calc(100vw - 30px);
  border-radius: 4px;
}
@media (min-width: 576px) {
  .be-contacts .be-bg-map-right {
    min-height: 50%;
  }
}
.be-contacts .be-bg-map-left {
  background-image: url("../img/maps/map-2.png");
  background-size: cover;
  border-radius: 4px;
  min-height: calc(100vw - 30px);
}
@media (min-width: 576px) {
  .be-contacts .be-bg-map-left {
    min-height: 100%;
  }
}
.be-contacts .be-bg-square-map {
  background-image: url("../img/maps/map-4.png");
  border-radius: 4px;
  background-size: cover;
}
.be-contacts .be-bg-full-map {
  background-image: url("../img/maps/map-3.png");
  background-size: cover;
}