﻿#top-banner {
  position: relative; }
  @media only screen and (max-width: 850px) {
    .clearance #top-banner > .banner .spacer-sm {
      display: none; } }
  #top-banner > .banner .bf-hor-image {
    padding-top: 120px;
    display: block; }
  #top-banner > .banner .bf-ver-image {
    display: none; }
  #top-banner > .banner > .row {
    padding-left: 25px;
    padding-right: 25px; }
    @media only screen and (min-width: 575px) {
      #top-banner > .banner > .row {
        padding-left: 50px;
        padding-right: 50px; } }
    @media only screen and (min-width: 1250px) {
      #top-banner > .banner > .row {
        padding-left: calc((100% - 1200px) / 2);
        padding-right: calc((100% - 1200px) / 2); } }

#bottom-banner > .banner > .row {
  padding-left: 25px;
  padding-right: 25px; }
  @media only screen and (min-width: 575px) {
    #bottom-banner > .banner > .row {
      padding-left: 50px;
      padding-right: 50px; } }
  @media only screen and (min-width: 1250px) {
    #bottom-banner > .banner > .row {
      padding-left: calc((100% - 1200px) / 2);
      padding-right: calc((100% - 1200px) / 2); } }
