@import 'framework.css';

/* 7. Features */
.feature_31 {
  background: #49416f url(../i/feature_31_bg.jpg) no-repeat 50% 50%;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .feature_31 {
    background-image: url(../i/feature_31_bg@2x.jpg);
  }
}

.feature_19 {
    background: #49416f url(../i/feature_19_bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .feature_19 {
        background-image: url(../i/feature_19_bg@2x.jpg);
    }
}

@media (max-width: 767.98px) {
    .feature_19 .icons {
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 36px;
    }

    .feature_19 .btn {
        margin-top: 30px;
    }
}

.feature_31 .img {
  top: 0;
  right: 15px;
}
.feature_31 .slick-slide {
  cursor: grab;
}
.feature_31 .slick-dots {
  left: auto;
  right: calc((100% - 1170px) / 2);
  bottom: auto;
  top: 50%;
  width: 10px;
  margin-top: -35px;
}
.feature_31 .slick-dots li {
  margin: 5px;
}
@media (max-width: 1199.98px) {
  .feature_31 .slick-dots {
    right: calc((100% - 970px) / 2);
  }
  .feature_31 .slick-slide {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991.98px) {
  .feature_31 .slick-dots {
    right: calc((100% - 750px) / 2);
  }
}
@media (max-width: 767.98px) {
  .feature_31 .slick-dots {
    top: auto;
    bottom: 30px;
    left: 0;
    right: 0;
    width: auto;
  }
  .feature_31 .slick-slide {
    padding-bottom: 40px;
  }
  .feature_31 .right_side {
    padding-bottom: 0;
  }
  .feature_31 .img {
    position: static;
    height: auto;
    max-width: 100%;
  }
  .feature_31 .title {
    margin-bottom: 10px;
  }
}