/* ROXIA / Kavin II responsive override */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
iframe,
video {
  max-width: 100%;
  height: auto;
}

.rev_slider_wrapper,
.rev_slider,
.fullwidthbanner-container,
.fullwidthabanner {
  max-width: 100% !important;
}

@media (max-width: 767px) {
  #rev_slider_1_1_wrapper,
  #rev_slider_1_1 {
    height: 360px !important;
    max-height: 360px !important;
  }

  .tp-caption {
    white-space: normal !important;
    max-width: 90vw !important;
    text-align: center !important;
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .sppb-section {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .sppb-addon-title {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  #tz-logo,
  #tz-megamenu-area {
    width: 50% !important;
    float: left;
  }

  #tz-logo img {
    max-width: 160px;
  }
}

@media (min-width: 992px) {
  .roxia-sidebar {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
  }
}

@media (max-width: 991px) {
  .roxia-sidebar {
    max-height: none !important;
    overflow: visible !important;
  }
}