oa_responsive_regions.orig.css in OA Responsive Regions 7.2

body.responsive-panels-region-top-on {
  /*  overflow: hidden; */
}

@media (max-width: 480px) {
  .responsive-panels-region.responsive-panels-region-top {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    position: fixed;
    top: -100%;
    height: 100%;
    left: 0;
    right: 0;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
  }
  .responsive-panels-region.responsive-panels-region-top .responsive-panels-region-inner {
    overflow: scroll;
    height: 100%;
    padding: 0 20px;
  }
  body.responsive-panels-region-top-on .responsive-panels-region.responsive-panels-region-top {
    top: 40px;
    z-index: 500;
  }
}

body.responsive-panels-region-right-on {
  /*  overflow: hidden; */
}

@media (max-width: 480px) {
  .responsive-panels-region.responsive-panels-region-right {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    position: fixed;
    right: -100%;
    height: 100%;
    top: 40px;
    bottom: 0;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
  }
  .responsive-panels-region.responsive-panels-region-right .responsive-panels-region-inner {
    overflow: scroll;
    height: 100%;
    padding: 0 20px;
  }
  body.responsive-panels-region-right-on .responsive-panels-region.responsive-panels-region-right {
    right: 0;
    z-index: 500;
  }
}

body.responsive-panels-region-left-on {
  /*  overflow: hidden; */
}

.panel-panel.responsive-panels-region-panel {
  height: 100%;
  width: 100%;
  position: absolute;
}

  .responsive-panels-region.responsive-panels-region-left {
    position: absolute;
    left: -100%;
    height: 100%;
    top: auto;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    background: #2f2f2f;
  }
  body.responsive-panels-region-left-on .responsive-panels-region.responsive-panels-region-left {
    left: 0;
    z-index: 500;
  }

.panel-panel.responsive-panels-region-sibling {
  width: 100%;
}

  .panel-panel.responsive-panels-region-sibling,
  .row.responsive-panels-region-sibling > .panel-panel {
    left: 0;
    position: relative;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
  }

body.responsive-panels-region-left-on .panel-panel.responsive-panels-region-sibling {
  left: 300px;
  width: calc(100% - 300px);
}


body.responsive-panels-region-bottom-on {
/*  overflow: hidden; */
}

@media (max-width: 480px) {
  .responsive-panels-region.responsive-panels-region-bottom {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    position: fixed;
    bottom: -100%;
    height: 100%;
    left: 0;
    right: 0;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
  }
  .responsive-panels-region.responsive-panels-region-bottom .responsive-panels-region-inner {
    overflow: scroll;
    height: 100%;
    padding: 0 20px;
  }
  body.responsive-panels-region-bottom-on .responsive-panels-region.responsive-panels-region-bottom {
    bottom: 0;
    z-index: 500;
  }
}

.container {
  max-width: 100%;
}

.row {
  position: relative;
}

.row > .panel-panel {
  min-height: 0px;
}