@media (min-width: 480px) and (max-width:576px) {

  .page-header-shrinked {
    margin-top: -124px !important;
  }


  /* ---- OFFER ---- */



  /* ---- summer-deal ---- */

  .summer-deal {
    height: 650px !important;
  }

  .summer-deal-logo {
    left: 25px !important;
    top: 100px !important;
  }

  .summer-deal-logo img {
    width: 175px !important;
  }

  .summer-deal-headline {
    font-size: 80px !important;
    left: 25px !important;
    top: 100px !important;

    margin-bottom: 15px !important;
  }

  .summer-deal-subline {
    font-size: 30px !important;
    left: 25px !important;
    top: 100px !important;
  }

  .summer-deal-cta {
    left: 25px !important;
    top: 100px !important;
  }

  .summer-deal-background {
    right: -200px !important;
    top: 0px !important;
  }

  .summer-deal-background img {
    height: 650px !important;
  }


  /* ---- DEAL ---- */

  .deal {
    padding-left: 25px;
    padding-right: 25px;
  }

  .deal-gap {
    xdisplay: none;
  }

  /* ---- LOCATIONS ---- */

  .locations {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container.locations-cards-scroll-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container.locations-googlemaps-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .container.membership-cards-scroll-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  /* ---- MEMBERSHIP ---- */

  .membership {
    padding-left: 25px;
    padding-right: 25px;
  }

}