/* --------------------------------------------------------
Responsive Style Sheet for Cycle Center

Author: Rob Hiensch
Email: rob@mediatastisch.nl
Website: http://www.mediatastisch.nl
----------------------------------------------------------*/
@media only screen and (max-width: 413px) {
  .header__content__box {
    width: 100%;
    top: 40px;
    padding: 10px;
    left: 0;
    height: 100%;
    word-break: break-word;
    display: block;
    position: relative;
    background: rgba(0, 0, 0, 0.4);
    margin: 0 0 15px 0;
  }

  header.home {
    height: 100% !important;
    display: block;
    margin: 10px 0 !important;
  }

  header.events {
    min-height: 300px;
  }

  .header__title {
    font-size: 50px;
    position: relative;
    display: block;
  }

  .header__subtitle {
    top: 0;
    width: 100%;
    position: relative;
  }

  .header__reservation {
    display: block;
    width: 100%;
    position: relative;
    right: 0;
    padding: 40px 30px;
    top: 30px;
    height: 100%;
  }

  .header__reservation__group {
    width: 49%;
  }

  section.homepage__information {
    background: none;
    padding: 0;
  }

  .homepage__information__image {
    width: 100%;
  }

  .bike {
    display: inline-block;
    height: 210px;
    overflow: hidden;
    width: 47.9%;
    margin: 3px 1.5px;
  }

  .bike__name {
    left: 20px;
  }

  .review {
    height: auto;
    padding: 10px;
    margin: 0 0 20px 0;
  }

  .review__customer__rating {
    top: 10px;
    right: 10px;
  }

  section.footer__information {
    padding: 20px 0 !important;
  }

  .footer__social {
    top: 0;
    margin-bottom: 50px;
  }

  .footer__mediatastisch {
    right: 0;
    left: 20px;
    position: relative;
  }

  .header__reservation__title {
    font-size: 35px;
  }

  .header__reservation__group {
    display: block;
    margin: 13px 20px 0 0;
    width: 100%;
  }

  .header__reservation__input {
    display: block;
    position: relative;
    width: 100%;
  }

  .header__reservation__button {
    display: block;
    top: 20px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }

  .reservation__input__dates {
    width: 100% !important;
  }

  .homepage__information__row {
    margin: 90px 0;
  }

  .contact__form__button {
    top: -6px;
  }

  .reference__item__img {
    width: 100%;
  }

  .reservation__input__dates:nth-child(4n) {
    margin: 0 !important;
  }

  .reservation__input__label {
    display: block;
    text-align: center;
    margin-left: -60px;
  }

  .header__contact__map {
    display: none;
  }

  .maps__legend {
    display: none;
  }

  section.contact_title {
    margin-top: 60px;
  }

  section.contact__faq__redirect {
    margin-top: 60px;
  }

  .footer__contact__link {
    padding: 20px 0 20px 0px;
  }

  section.contact__form {
    background-image: none !important;
    padding: 20px 0;
  }

  .g-recaptcha {
    margin-top: 40px;
    display: block;
  }

  main.content-clear {
    margin: 0;
    padding: 0;
  }

  .date__input__container:after {
    top: 50%;
  }

  .reservation__bicycle-cart__delete__image {
    margin-top: 20px;
  }

  /*packes */
  .package-bicycle__filter__item,
  .package-bicycle__filter__item:link,
  .package-bicycle__filter__item:visited {
    font-size: 14px !important;
    padding: 12px !important;
  }

  .package-item__description {
    padding-left: 10px !important;
  }

  .package-item__book__container {
    padding-top: 40px;
  }

  /* Events */
  .events__information__title {
    font-size: 28px;
  }

  .events__information__paragraph {
    font-size: 14px;
  }

  .events__reservation__review__date {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
  }

  .events__reservation__review__customername {
    position: relative;
    left: 20px;
    top: 0;
    display: block;
    padding-top: 20px;
  }

  .events__reservation__review__rating {
    position: relative;
    left: 20px;
    top: 0;
    display: block;
    padding-top: 20px;
  }

  .events__reservation__review__description {
    width: 100%;
    top: 0;
    padding-top: 20px;
  }

  .events__reservation__contact__link {
    font-size: 14px;
  }

  .events__reservation__review {
    height: 100%;
    margin: 20px 0;
  }

  .events__timeline__container:before {
    top: 137px;
    left: 32px;
  }

  .events__timeline__container__title:before {
    left: -5px;
  }

  .events__timeline__container__title,
  .events__timeline__container__subtitle,
  .events__timeline__container__paragraph,
  .events__timeline__container__list {
    padding-left: 50px;
  }

  .events__timeline__container__title {
    font-size: 17px;
  }

  .events__timeline__container__subtitle {
    font-size: 15px;
  }

  .events__timeline__container__paragraph {
    font-style: 12px;
  }

  .events__information__circle {
    margin: 20px auto;
    display: block;
    width: 205px;
    height: 205px;
  }

  section.events__information {
    margin: 40px 0;
  }

  .events__timeline__title {
    font-size: 28px;
  }

  .events__reservation__contact__button {
    float: left;
    margin: 10px 0 20px 0;
    width: 100%;
  }

  /* Content*/
  .content {
    padding: 17px 0 0;
  }

  .content ul li,
  .content ol li {
    padding-left: 7px !important;
    font-size: 14px;
  }

  .content ul li:before {
    left: -5px;
  }

  .content h1 {
    padding: 10px 0;
    font-size: 28px;
  }

  .content h2 {
    padding: 10px 0;
    font-size: 19px;
  }

  .content p {
    font-size: 14px;
    line-height: 24px;
  }

  /* footer */
  .footer__title {
    font-size: 25px;
  }

  /* reservation */
  .maps {
    left: 0 !important;
  }

  .reservation__steps {
    margin: 20px 20px 0px 0px;
    width: 100%;
  }

  .reservation__modal__close {
    display: none;
  }

  .reservation__supplementlist {
    padding: 0 20px;
  }

  .reservation__supplement__item__price__discount {
    margin-left: 0;
  }

  .reservation__bicycle-cart__count {
    width: 100% !important;
  }

  .reservation__bicycle-cart {
    line-height: normal;
  }

  .reservation__bicycle-cart__name {
    padding-left: 15px;
  }

  .reservation__bicycle-cart__name__span {
    line-height: normal;
  }

  /*Reservation form */
  .reservation__title {
    font-size: 33px;
  }

  .reservation__supplement__item__name {
    margin-top: 10px;
  }

  .progress-meter__container {
    display: none;
  }

  .reservation__overview__title {
    font-size: 15px;
    line-height: 43px;
  }

  .reservation__button__edit {
    height: auto;
    padding: 4px 10px;
    line-height: 30px;
    font-size: 14px;
  }

  .reservation__information__row {
    display: block;
    margin: 15px 0;
  }

  .reservation__information__days {
    display: block;
  }

  .reservation__cart tbody tr td:first-child {
    width: 75%;
  }

  .reservation__cart tbody tr td:last-child {
    width: 25%;
    min-width: 70px;
  }

  .reservation__overview__txt {
    font-size: 13px;
  }

  .reservation__overview__heading {
    font-size: 14px;
    min-width: 120px;
  }

  /* General */
  a.general__button__blue,
  .general__button__blue,
  .general__button__blue:hover,
  .general__button__blue:active,
  .general__button__blue:focus,
  .general__button__blue:visited {
    padding: 15px;
    width: 100%;
  }

  /*Resevation modal */
  #bicycleModal {
    background: #ffffff;
  }

  .reservation__modal__menu {
    min-height: auto;
    height: 100% !important;
  }

  .reservation__modal__category {
    height: 60px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    overflow: hidden;
  }

  .reservation__modal__category.active {
    height: 100vh;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100;
    background: #fff;
  }

  .reservation__modal__category__link.active {
    opacity: 1 !important;
    z-index: 10;
  }

  .reservation__modal__category__link {
    margin-right: 0;
  }

  .reservation__modal__category__link {
    padding: 0.8rem;
  }

  .reservation__modal__category.active .reservation__modal__category__link,
  .reservation__modal__category.active
    .reservation__modal__category__link:visited,
  .reservation__modal__category.active
    .reservation__modal__category__item:focus {
    opacity: 1;
  }

  .reservation__modal__category.active
    .reservation__modal__category__link.active {
    position: relative;
    top: auto;
  }

  .reservation__modal {
    margin: 0;
  }

  .reservation__modal__add-overview--tablet {
    display: none;
  }

  .reservation__modal__add-overview--mobile {
    display: block;
    bottom: 0;
    height: 20vh !important;
  }

  .reservation__modal__bikes.bikes,
  .reservation__modal__bikes.packages {
    height: 65vh !important;
  }

  .bicycle-type {
    display: block;
    height: 100%;
    position: relative;
  }

  .reservation__model__bike--active {
    position: relative;
  }

  .sizes > .fa-2x {
    font-size: 1.5em !important;
  }

  .reservation__model__bike__back {
    display: none;
  }

  .reservation__model__bike__info--info {
    width: 100%;
  }

  .package-item .package-content {
    padding: 20px 20px;
  }

  .solutions__containter > a > img {
    position: relative;
    margin-left: 50px;
    width: auto;
    right: auto;
  }

  .solutions__containter > a > span {
    font-size: 21px;
  }

  .header__home__slide {
    display: none !important;
  }

  .header__contact__map__sign {
    left: 0;
    position: relative;
    width: 100%;
    z-index: 10;
  }

  .header__contact__map__sign:before {
    display: none;
  }

  .package-bicycle__filter__item:active,
  .package-bicycle__filter__item.active,
  .package-bicycle__filter__item:focus,
  .package-bicycle__filter__item:hover,
  .package-bicycle__filter__item,
  .package-bicycle__filter__item:link,
  .package-bicycle__filter__item:visited {
    padding: 15px !important;
    font-size: 15px !important;
  }
  .reservation__add-bicycle__icon {
    width: 80px !important;
    height: 80px !important;
  }
  .reservation__add__title {
    top: 35px !important;
  }
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
  .header__content__box {
    width: 100%;
    top: 40px;
    padding: 10px;
    left: 0;
    height: 100%;
    word-break: break-word;
    display: block;
    position: relative;
    margin: 30px 10px;
  }

  header.home {
    height: 100% !important;
    overflow: auto;
    display: block;
  }

  .header__title {
    font-size: 50px;
    position: relative;
    display: block;
  }

  .header__subtitle {
    top: 0;
    width: 100%;
    position: relative;
  }

  .header__reservation {
    display: block;
    width: 100%;
    position: relative;
    right: 0;
    padding: 40px 30px;
    top: 30px;
    height: 100%;
  }

  .header__reservation__group {
    width: 49%;
  }

  section.homepage__information {
    background: none;
    padding: 0;
  }

  .homepage__information__row {
    margin: 90px 0;
  }

  .homepage__information__image {
    height: 170px;
  }

  .review {
    height: auto;
    margin: 20px 0;
  }

  section.footer__information {
    padding: 55px;
  }

  .footer__social__icons {
    margin-bottom: 60px;
  }

  section.contact__help {
    margin: 20px 0;
  }

  .header__contact__map {
    display: none;
  }

  .maps__legend {
    display: none;
  }

  .section.contact__faq__redirect {
    margin-top: 60px;
  }

  section.contact__form {
    background-image: none !important;
    padding: 20px 0;
  }

  .g-recaptcha {
    margin-top: 40px;
    display: block;
  }

  main.content-clear {
    margin: 0;
    padding: 0;
  }

  .date__input__container:after {
    top: 50%;
  }

  .reservation__supplementlist {
    padding: 0 20px;
  }

  .reservation__supplement__item__price__discount {
    margin-left: 0;
  }

  .reservation__bicycle-cart__count {
    width: 100% !important;
  }

  .reservation__bicycle-cart__delete__image {
    margin-top: 20px;
  }

  /* Events */
  .events__information__title {
    font-size: 28px;
  }

  .events__information__paragraph {
    font-size: 14px;
  }

  .events__reservation__review__date {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
  }

  .events__reservation__review__customername {
    position: relative;
    left: 20px;
    top: 0;
    display: block;
    padding-top: 20px;
  }

  .events__reservation__review__rating {
    position: relative;
    left: 20px;
    top: 0;
    display: block;
    padding-top: 20px;
  }

  .events__reservation__review__description {
    width: 100%;
    top: 0;
    padding-top: 20px;
  }

  .events__reservation__contact__link {
    font-size: 14px;
  }

  .events__reservation__review {
    height: 100%;
    margin: 20px 0;
  }

  .events__timeline__container:before {
    top: 113px;
    left: 32px;
  }

  .events__timeline__container__title:before {
    left: -5px;
  }

  .events__timeline__container__title,
  .events__timeline__container__subtitle,
  .events__timeline__container__paragraph,
  .events__timeline__container__list {
    padding-left: 50px;
  }

  .events__timeline__container__title {
    font-size: 17px;
  }

  .events__timeline__container__subtitle {
    font-size: 15px;
  }

  .events__timeline__container__paragraph {
    font-style: 12px;
  }

  .events__information__circle {
    margin: 20px auto;
    display: block;
    width: 205px;
    height: 205px;
  }

  section.events__information {
    margin: 40px 0;
  }

  .events__timeline__title {
    font-size: 38px;
  }

  .events__reservation__contact__button {
    float: left;
    margin: 10px 0 20px 0;
    width: 100%;
  }

  /* Content*/
  .content {
    padding: 17px 0 0;
  }

  .content ul li,
  .content ol li {
    padding-left: 7px !important;
    font-size: 14px;
  }

  .content ul li:before {
    left: -5px;
  }

  .content h1 {
    padding: 10px 0;
    font-size: 28px;
  }

  .content h2 {
    padding: 10px 0;
    font-size: 19px;
  }

  .content p {
    font-size: 14px;
    line-height: 24px;
  }

  /* footer */
  .footer__title {
    font-size: 35px;
  }

  /* reservation */
  .maps {
    left: 0 !important;
  }

  .reservation__steps {
    margin: 20px 20px 0px 0px;
    width: 100%;
  }

  .reservation__modal__close {
    display: none;
  }

  .reservation__supplementlist {
    padding: 0 20px;
  }

  .reservation__supplement__item__price__discount {
    margin-left: 0;
  }

  .reservation__bicycle-cart__count {
    width: 100% !important;
  }

  .reservation__bicycle-cart {
    line-height: normal;
  }

  .reservation__bicycle-cart__name {
    padding-left: 15px;
  }

  .reservation__bicycle-cart__name__span {
    line-height: normal;
  }

  /*Reservation form */
  .reservation__title {
    font-size: 33px;
  }

  .reservation__supplement__item__name {
    margin-top: 10px;
  }

  .progress-meter__container {
    display: none;
  }

  .reservation__overview__title {
    font-size: 15px;
    line-height: 43px;
  }

  .reservation__button__edit {
    height: auto;
    padding: 4px 10px;
    line-height: 30px;
    font-size: 14px;
  }

  .reservation__information__row {
    display: block;
    margin: 15px 0;
  }

  .reservation__information__days {
    display: block;
  }

  .reservation__cart tbody tr td:first-child {
    width: 75%;
  }

  .reservation__cart tbody tr td:last-child {
    width: 25%;
    min-width: 70px;
  }

  .reservation__overview__txt {
    font-size: 13px;
  }

  .reservation__overview__heading {
    font-size: 14px;
    min-width: 120px;
  }

  /* General */
  a.general__button__blue,
  .general__button__blue,
  .general__button__blue:hover,
  .general__button__blue:active,
  .general__button__blue:focus,
  .general__button__blue:visited {
    padding: 15px;
    width: 100%;
  }

  /*Resevation modal */
  #bicycleModal {
    background: #ffffff;
  }

  .reservation__modal__menu {
    min-height: auto;
    height: 100% !important;
  }

  .reservation__modal__category {
    height: 60px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    overflow: hidden;
  }

  .reservation__modal__category.active {
    height: 100vh;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100;
    background: #fff;
  }

  .reservation__modal__category__link.active {
    /* opacity: 1 !important; */
    /* position: absolute; */
    /* top: 0; */
    /* z-index: 10; */
  }

  .reservation__modal__category__link,
  .reservation__modal__category__link:visited,
  .reservation__modal__category__item:focus {
    /* opacity: 0; */
  }

  .reservation__modal__category.active .reservation__modal__category__link,
  .reservation__modal__category.active
    .reservation__modal__category__link:visited,
  .reservation__modal__category.active
    .reservation__modal__category__item:focus {
    opacity: 1;
  }

  .reservation__modal__category.active
    .reservation__modal__category__link.active {
    position: relative;
    top: auto;
  }

  .reservation__modal {
    margin: 0;
    height: 88vh !important;
  }

  .reservation__modal__add-overview--tablet {
    display: none;
  }

  .reservation__modal__add-overview--mobile {
    display: block;
    bottom: 0;
    height: 10vh !important;
  }

  .reservation__modal__bikes.bikes,
  .reservation__modal__bikes.packages {
    height: 65vh !important;
  }
  .reservation__modal__add__list {
    height: 100px;
    overflow: scroll;
  }
  section.reservation {
    margin: 40px 0;
  }

  .bicycle-type {
    display: block;
    height: 100%;
    position: relative;
  }

  .reservation__model__bike--active {
    position: relative;
  }

  .sizes > .fa-2x {
    font-size: 1.5em !important;
  }

  .reservation__model__bike__back {
    display: none;
  }

  .reservation__model__bike__info--info {
    width: 100%;
  }

  .package-item .package-content {
    padding: 20px 20px;
  }

  .solutions__containter > a > img {
    position: relative;
    margin-left: 50px;
    width: auto;
    right: auto;
  }

  .solutions__containter > a > span {
    font-size: 21px;
  }

  .header__home__slide {
    display: none !important;
  }

  .header__contact__map__sign {
    left: 0;
    position: relative;
    width: 100%;
    z-index: 10;
  }

  .header__contact__map__sign:before {
    display: none;
  }

  header.events {
    min-height: 300px;
    margin-bottom: 20px;
  }

  .package-bicycle__filter__item:active,
  .package-bicycle__filter__item.active,
  .package-bicycle__filter__item:focus,
  .package-bicycle__filter__item:hover,
  .package-bicycle__filter__item,
  .package-bicycle__filter__item:link,
  .package-bicycle__filter__item:visited {
    padding: 15px !important;
    font-size: 15px !important;
  }
  .header__reservation__button,
  .header__reservation__button:hover,
  .header__reservation__button:active,
  .header__reservation__button:focus,
  .header__reservation__button:visited {
    width: 390px;
    padding: 24px 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .header__content__box {
    width: 100%;
    top: 40px;
    padding: 10px;
    left: 0;
    height: 100%;
    word-break: break-word;
    display: block;
    position: relative;
    margin: 30px 10px;
  }

  header.home {
    height: 100% !important;
    overflow: auto;
    display: block;
  }

  header.events {
    min-height: 300px;
  }

  .header__reservation {
    display: block;
    width: 100%;
    position: relative;
    right: 0;
    padding: 40px 30px;
    top: 30px;
    height: 100%;
  }

  .header__title {
    font-size: 50px;
    position: relative;
    display: block;
  }

  .header__subtitle {
    top: 0;
    width: 100%;
    position: relative;
  }

  .header__information {
    position: fixed;
    display: none;
  }

  .header--home__content {
    padding-left: 0;
  }

  .header--home__content__image {
    width: 90%;
    margin: 0 auto;
  }

  .header--home__content__paragraph {
    padding-left: 25px;
  }

  .header__reservation__group {
    width: 49%;
  }

  section.homepage__information {
    background: none;
    padding: 0;
  }

  .col-no-padding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .col-no-padding--left {
    padding-left: 15px !important;
  }

  .col-no-padding--right {
    padding-right: 15px !important;
  }

  .modal-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .content ul {
    padding: 0;
    margin: 0;
  }

  .content ul li,
  .content ol li {
    padding-left: 20px;
  }

  .content ul li:before {
    left: 0;
  }

  .events__reservation__contact {
    padding: 20px;
  }

  .events__reservation__contact__button {
    display: block;
    position: relative;
    margin-bottom: 20px;
  }

  section.events__information {
    margin: 20px 0;
  }

  main.content-clear {
    padding: 0;
  }

  .mobile-menu {
    top: 3.25rem;
  }

  .events__reservation__contact__link {
    font-size: 14px;
  }

  section.contact__form {
    background-image: none !important;
    padding: 20px 0;
  }

  .g-recaptcha {
    margin-top: 40px;
    display: block;
  }

  .reservation__supplementlist {
    padding: 0 20px;
  }

  .reservation__supplement__item__price__discount {
    margin-left: 0;
  }

  .reservation__bicycle-cart__count {
    width: 100% !important;
  }

  /* Events */
  .events__information__title {
    font-size: 28px;
  }

  .events__information__paragraph {
    font-size: 14px;
  }

  .events__reservation__review__date {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
  }

  .events__reservation__review__customername {
    position: relative;
    left: 20px;
    top: 0;
    display: block;
    padding-top: 20px;
  }

  .events__reservation__review__rating {
    position: relative;
    left: 20px;
    top: 0;
    display: block;
    padding-top: 20px;
  }

  .events__reservation__review__description {
    width: 100%;
    top: 0;
    padding-top: 20px;
  }

  .events__reservation__contact__link {
    font-size: 14px;
  }

  .events__reservation__review {
    height: 100%;
    margin: 20px 0;
  }

  .events__timeline__container:before {
    top: 107px;
    left: 32px;
  }

  .events__timeline__container__title:before {
    left: -5px;
  }

  .events__timeline__container__title,
  .events__timeline__container__subtitle,
  .events__timeline__container__paragraph,
  .events__timeline__container__list {
    padding-left: 50px;
  }

  .events__information__circle {
    margin: 10px;
    width: 205px;
    height: 205px;
  }

  section.events__information {
    margin: 40px 0;
  }

  .events__timeline__title {
    font-size: 28px;
  }

  .events__reservation__contact__button {
    float: left;
    margin: 10px 0 20px 0;
    width: 100%;
  }

  /* Content*/
  .content ul li,
  .content ol li {
    padding-left: 7px !important;
    font-size: 14px;
  }

  .content ul li:before {
    left: -5px;
  }

  .content h1 {
    padding: 20px 0;
    font-size: 28px;
  }

  .content h2 {
    padding: 20px 0;
    font-size: 19px;
  }

  .content p {
    font-size: 14px;
    line-height: 24px;
  }

  /* footer */
  .footer__title {
    font-size: 25px;
  }

  /* reservation */
  .maps {
    left: 0 !important;
  }

  .reservation__steps {
    margin: 20px 20px 0px 0px;
    width: 100%;
  }

  .reservation__modal__close {
    display: none;
  }

  .reservation__supplementlist {
    padding: 0 20px;
  }

  .reservation__supplement__item__price__discount {
    margin-left: 0;
  }

  .reservation__bicycle-cart__count {
    width: 100% !important;
  }

  .reservation__bicycle-cart {
    line-height: normal;
  }

  .reservation__bicycle-cart__name {
    padding-left: 15px;
  }

  .reservation__bicycle-cart__name__span {
    line-height: normal;
  }

  /*Reservation form */
  .reservation__title {
    font-size: 33px;
  }

  .reservation__supplement__item__name {
    margin-top: 10px;
  }

  .progress-meter__container {
    display: none;
  }

  .reservation__overview__title {
    font-size: 15px;
    line-height: 43px;
  }

  .reservation__button__edit {
    height: auto;
    padding: 4px 10px;
    line-height: 30px;
    font-size: 14px;
  }

  .reservation__information__row {
    display: block;
    margin: 15px 0;
  }

  .reservation__information__days {
    display: block;
  }

  .reservation__cart tbody tr td:first-child {
    width: 75%;
  }

  .reservation__cart tbody tr td:last-child {
    width: 25%;
    min-width: 70px;
  }

  .reservation__overview__txt {
    font-size: 13px;
  }

  .reservation__overview__heading {
    font-size: 14px;
    min-width: 120px;
  }

  /* General */
  a.general__button__blue,
  .general__button__blue,
  .general__button__blue:hover,
  .general__button__blue:active,
  .general__button__blue:focus,
  .general__button__blue:visited {
    padding: 15px;
    width: auto;
  }

  /*Resevation modal */
  #bicycleModal {
    background: #ffffff;
  }

  .reservation__modal__menu {
    min-height: auto;
    height: 100% !important;
  }

  .reservation__modal__category {
    height: 60px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    overflow: hidden;
  }

  .reservation__modal__category.active {
    height: 100vh;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100;
    background: #fff;
  }

  .reservation__modal__category__link.active {
    /* opacity: 1 !important; */
    /* position: absolute; */
    /* top: 0; */
    /* z-index: 10; */
  }

  .reservation__modal__category__link,
  .reservation__modal__category__link:visited,
  .reservation__modal__category__item:focus {
    /* opacity: 0; */
  }

  .reservation__modal__category.active .reservation__modal__category__link,
  .reservation__modal__category.active
    .reservation__modal__category__link:visited,
  .reservation__modal__category.active
    .reservation__modal__category__item:focus {
    opacity: 1;
  }

  .reservation__modal__category.active
    .reservation__modal__category__link.active {
    position: relative;
    top: auto;
  }

  .reservation__modal {
    margin: 0;
  }

  .reservation__modal__add-overview--tablet {
    display: none;
  }

  .reservation__modal__add-overview--mobile {
    display: block;
    bottom: 0;
    height: auto !important;
  }

  .reservation__modal__bikes.bikes,
  .reservation__modal__bikes.packages {
    height: 75vh !important;
  }

  .bicycle-type {
    display: block;
    height: 100%;
    position: relative;
  }

  .reservation__model__bike--active {
    position: relative;
  }

  .sizes > .fa-2x {
    font-size: 1.5em !important;
  }

  .reservation__model__bike__back {
    display: none;
  }

  .reservation__model__bike__info--info {
    width: 100%;
  }

  .package-item .package-content {
    padding: 20px 20px;
  }

  section.footer__information {
    background: #5472f0;
    padding: 25px;
  }

  .footer__social__icons {
    min-height: 110px;
  }

  .input__main {
    min-width: auto !important;
  }

  .reservation__tooltip {
    padding-top: 15%;
  }

  .date__input__container:after {
    content: "\f178";
    font-family: FontAwesome;
    position: absolute;
    display: block;
    right: 40px;
    top: 48px;
    color: #d1d1d1;
    margin: auto;
  }

  .solutions__containter > a > img {
    right: 80px;
  }

  .header__home__slide {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .header__content__box {
    width: 100%;
    top: 40px;
    padding: 10px;
    left: 0;
    height: 100%;
    word-break: break-word;
    display: block;
    position: relative;
    margin: 30px 10px;
  }

  header.home {
    height: 100% !important;
    display: block;
  }

  header.events {
    min-height: 300px;
  }

  .header__title {
    font-size: 50px;
    position: relative;
    display: block;
  }

  .header__subtitle {
    top: 0;
    width: 100%;
    position: relative;
  }

  .header__reservation {
    display: block;
    width: 100%;
    position: relative;
    right: 0;
    padding: 40px 30px;
    top: 30px;
    height: 100%;
  }

  section.homepage__information {
    background: none;
    padding: 0;
  }

  section.homepage__information {
    background-image: none;
  }

  .homepage__information__row {
    margin: 30px 0;
  }

  .footer__social__icon,
  .footer__social__icon:active,
  .footer__social__icon:focus,
  .footer__social__icon:visited {
    width: 40px;
    height: 40px;
    margin: 0px 3px;
    padding: 8px 0px;
    font-size: 22px;
  }

  section.bike__selection {
    margin-top: 80px;
  }

  .events__information__circle {
    margin: 30px 20px 0 20px;
  }

  .events__reservation__review__rating {
    padding-top: 10px;
    display: block;
  }

  .events__reservation__contact__button {
    float: left;
    margin: 10px 0 20px 0;
    width: 100%;
  }

  .events__reservation__contact__link {
    font-size: 14px !important;
  }

  .package-item a.book {
    font-size: 13px;
  }

  main.content-clear {
    margin: 20px 0 0 0;
    padding: 0;
  }

  .reservation__modal__add-overview--mobile {
    display: none;
  }

  .header__reservation__button,
  .header__reservation__button:hover,
  .header__reservation__button:active,
  .header__reservation__button:focus,
  .header__reservation__button:visited {
    margin-left: 1px;
    display: inline-block;
    font-size: 13px;
  }

  .content {
    padding: 10px 0 0 0;
  }

  .content ul {
    padding: 0;
  }

  .package-item__description {
    padding-left: 30px;
  }

  .reservation__modal__add-overview {
    bottom: 65px;
  }

  .solutions__containter > a > img {
    right: 0;
  }

  .reservation__bicycle-cart {
    line-height: 10px;
  }

  .reservation__modal__category__link,
  .reservation__modal__category__link:visited,
  .reservation__modal__category__item:focus {
    padding: 13px 0 13px 20px;
    font-size: 16px;
  }

  .reservation__bicycle-cart__name__span {
    line-height: 36px;
  }

  .header__home__slide {
    display: none !important;
  }

  .header__title {
    font-size: 38px !important;
  }

  .header__reservation__title {
    font-size: 38px !important;
  }

  .footer__title {
    font-size: 29px !important;
  }

  .event__images__center-image {
    top: 0;
  }

  .reservation__modal__menu {
    min-height: 100%;
  }

  .reservation__modal__add-overview {
    bottom: 15px;
  }

  .reservation__modal__category__link,
  .reservation__modal__category__link:visited,
  .reservation__modal__category__item:focus,
  .reservation__modal__category__link:hover,
  .reservation__modal__category__link:active,
  .reservation__modal__category__link.active {
    font-size: 12px;
  }

  .reservation__information {
    width: 88.66666667%;
  }

  .maps__legend {
    text-align: left;
  }

  section.footer__information {
    padding: 95px 75px;
  }

  #menu-trigger {
    display: block;
    position: relative;
    top: -100px;
    left: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 1300px) {
  header.home {
    height: 100% !important;
    display: block;
    overflow: hidden;
  }

  .reservation__modal {
    width: 100%;
  }

  .reservation__modal__bikes {
    height: 100%;
    overflow: auto;
  }

  .reservation__modal__close {
    top: -10px;
  }

  .g-recaptcha {
    margin-top: 40px;
    display: block;
  }

  .events__timeline__container:before {
    top: 140px;
  }

  .input__main {
    min-width: 100% !important;
    width: 100% !important;
  }
}

@media only screen and (min-width: 1024px) {
  .reservation__modal__add-overview--mobile {
    display: none;
  }

  .mobile-menu {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .modal-dialog {
    margin: 2rem;
  }
}

@media only screen and (max-width: 992px) {
  .category-list {
    display: flex;
    overflow-x: scroll;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
    mask-image: linear-gradient(to right, black 80%, transparent 100%);
  }
  .reservation__box__price {
    margin-top: 1rem;
    flex-direction: column;
    align-items: flex-end;
  }
}

@media only screen and (min-width: 992px) {
  .st-menu,
  .responsive__menu {
    display: none;
  }

  .header__menu-container {
    font-size: 13px;
  }

  .header__menu__list__item {
    margin: 0 10px;
  }

  .header__menu__logo__img {
    width: 120px;
    padding-top: 0;
    top: 14px;
  }

  .footer__mediatastisch {
    left: auto;
    right: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .header__menu {
    display: block;
  }

  header.home {
    max-height: 100vh;
    min-height: 580px;
  }

  .header__home__slide {
    height: 100%;
    display: block;
  }

  .header__reservation__select {
    max-width: 228px;
  }
}

@media only screen and (min-width: 1200px) {
  .header__menu-container {
    font-size: 15px;
  }

  .header__menu__list__item {
    margin: 0 15px;
  }

  .package-item__book__container {
    padding-top: 100px;
  }

  .package-item a.book {
    margin-top: 100px;
  }
}

@media only screen and (min-width: 1490px) {
  .header__menu__logo__img {
    width: auto;
    padding: 0;
  }

  .events__reservation__review__rating {
    position: absolute;
    right: 20px;
    left: inherit;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1881px) {
  .bike__selection__container__row {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1660px) {
  .header__content__box {
    width: 47%;
    left: 18px;
    overflow: visible;
    position: absolute;
    top: 0;
    margin: auto;
    height: 210px;
  }

  .header__reservation {
    width: 50%;
    position: absolute;
    background: rgba(244, 71, 71, 0.9);
    padding: 40px 40px 40px 60px;
    right: 0;
    bottom: 0;
    top: 50px;
    margin: auto;
    min-height: 500px;
    height: 590px;
  }

  .header__title {
    position: relative;
    font-size: 50px;
  }

  .header__subtitle {
    position: relative;
    top: 0;
  }

  .events__reservation__contact__button {
    padding: 2px;
  }
}

@media only screen and (min-width: 1920px) {
  .header__home__slide {
    width: 100%;
  }
}