body {
  padding-top: 50px;
  padding-bottom: 20px;
  background-color: var(--background-color);
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

h2 {
  font-weight: bold;
}

hr {
  margin-bottom: 7px;
}

.cmsBlock {
  margin-bottom: 15px;
}

/* Timebook block */
.timebookBlock {
  overflow: hidden;
  text-align: center;
}

  .timebookBlock .wizard > .actions a {
    background: #fd7100;
    border: solid 2px #ffffff;
  }

    .timebookBlock .wizard > .actions a:focus,
    .timebookBlock .wizard > .actions a:active,
    .timebookBlock .wizard > .actions a:hover {
      border: solid 2px #fd7100;
    }

  .timebookBlock .wizard > .actions .disabled a,
  .timebookBlock .wizard > .actions .disabled a:hover,
  .timebookBlock .wizard > .actions .disabled a:active {
    background: #eee;
    border: solid 2px #eee;
    color: #aaa;
    pointer-events: none;
    border: solid 2px #ffffff;
  }

  .timebookBlock .wizard > .content {
    overflow: auto;
    min-height: 555px;
  }

    .timebookBlock .wizard > .content > .body {
      margin-left: 15px;
    }

  .timebookBlock .wizard > .steps > ul li {
    display: inline-block;
    text-align: center;
    width: 33%;
  }

    .timebookBlock .wizard > .steps > ul li .step {
      word-break: break-word;
    }

    .timebookBlock .wizard > .steps > ul li.done .step {
      cursor: pointer;
    }

    .timebookBlock .wizard > .steps > ul li a,
    .timebookBlock .wizard > .steps > ul li a:hover,
    .timebookBlock .wizard > .steps > ul li a:active {
      color: inherit;
      padding-bottom: 5px;
      margin: 0;
    }

      .timebookBlock .wizard > .steps > ul li a .step .stepIndicator {
        font-size: 20px;
        background: #dbdbdb;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 27px;
        display: block;
        color: #ffffff;
        margin: 0 auto;
        margin-bottom: 3px;
        font-weight: bold;
      }

    .timebookBlock .wizard > .steps > ul li.current a .step .stepIndicator {
      background: #fd7100;
    }

    .timebookBlock .wizard > .steps > ul li.current a:focus .step .stepIndicator,
    .timebookBlock .wizard > .steps > ul li.current a:hover .step .stepIndicator {
      border-color: #fd7100;
    }

    .timebookBlock .wizard > .steps > ul li.done a .step .stepIndicator {
      background: #008000;
    }

    .timebookBlock .wizard > .steps > ul li.done a:focus .step .stepIndicator,
    .timebookBlock .wizard > .steps > ul li.done a:hover .step .stepIndicator {
      border-color: #008000;
    }

    .timebookBlock .wizard > .steps > ul li.disabled {
      pointer-events: none;
    }

      .timebookBlock .wizard > .steps > ul li.disabled a .step .stepIndicator {
        background: #dbdbdb;
      }

      .timebookBlock .wizard > .steps > ul li.disabled a:focus .step .stepIndicator,
      .timebookBlock .wizard > .steps > ul li.disabled a:hover .step .stepIndicator {
        border-color: #dbdbdb;
      }

  .timebookBlock .wizard > .content .weeks .weekContainer .weekHeader {
    font-size: 20px;
    line-height: 40px;
    background: #676767;
    color: #FFFFFF;
    font-weight: bold;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
  }

    .timebookBlock .wizard > .content .weeks .weekContainer .weekHeader .weekNavigator {
      font-size: 25px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      cursor: pointer;
    }

      .timebookBlock .wizard > .content .weeks .weekContainer .weekHeader .weekNavigator:hover {
        background: #f2f2f2;
        color: #676767;
      }

      .timebookBlock .wizard > .content .weeks .weekContainer .weekHeader .weekNavigator.previous {
        float: left;
      }

      .timebookBlock .wizard > .content .weeks .weekContainer .weekHeader .weekNavigator.next {
        float: right;
      }

  .timebookBlock .wizard > .content .weeks .weekContainer.first-available-week .weekHeader .weekNavigator.next,
  .timebookBlock .wizard > .content .weeks .weekContainer.first-available-week .weekHeader .weekNavigator.previous,
  .timebookBlock .wizard > .content .weeks .weekContainer.last-available-week .weekHeader .weekNavigator.next,
  .timebookBlock .wizard > .content .weeks .weekContainer.last-available-week .weekHeader .weekNavigator.previous,
  .timebookBlock .wizard > .content .weeks .weekContainer.first .weekHeader .weekNavigator.next,
  .timebookBlock .wizard > .content .weeks .weekContainer.last .weekHeader .weekNavigator.previous {
    display: none;
  }

  .timebookBlock .wizard > .content .expressTimesContent {
    display: none;
    margin-left: 20px;
  }

  .timebookBlock .wizard > .content.showExpress .expressTimesContent {
    display: block;
  }

  .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays {
    display: table;
    padding: 5px;
  }

    .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day:not(:last-child) {
      border-right: 1px solid #eeeeee;
    }

    .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day {
      width: 14.28%;
      display: table-cell;
      background: #ffffff;
      cursor: pointer;
      border: 1px solid #ffffff;
    }

      .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day.noAvailableTimes {
        background: #808080;
        color: #ffffff;
      }

  .timebookBlock .wizard > .content.showExpress .weeks .weekContainer .selectableDays .day.hasExpressTimes {
    background: #ffffff;
    color: inherit;
  }

  .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day.selected {
    background: #008000 !important;
    color: #ffffff !important;
    border: 1px solid #005c95;
  }

  .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day:hover {
    background: #f2f2f2;
    border-color: #dfdfdf;
  }

  .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day.selected:hover {
    background: #006000;
    border-color: #dfdfdf;
  }

  .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day.noAvailableTimes:hover {
    background: #676767;
    color: #ffffff;
  }

  .timebookBlock .wizard > .content .weeks .weekContainer .selectableDays .day .dayNumber {
    display: block;
    font-size: 20px;
    font-weight: bold;
  }

  .timebookBlock .wizard > .content .well {
    margin-top: 25px;
    text-align: left;
    min-height: 100px;
  }

    .timebookBlock .wizard > .content .well b {
      display: block;
      margin-bottom: 5px;
    }

    .timebookBlock .wizard > .content .well .availableTimes .availableTime {
      display: inline-block;
      margin: 2px 2px 2px 2px;
      padding: 5px 5px 0 5px;
      border-radius: 10px;
      background-color: #c0c0c0;
      min-width: 65px;
      cursor: pointer;
    }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime.express {
        background-image: linear-gradient(-45deg, transparent 75%, #fd7100);
      }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime.booked {
        background-color: #fd7100;
        color: #f0f0f0;
      }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime.selected {
        background-color: #008000;
        color: #f0f0f0;
      }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime:hover {
        background-color: #dbdbdb;
        color: #676767;
      }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime.selected:hover {
        color: #dbdbdb;
        background-color: #676767;
      }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime input {
        display: inline-block;
        border: none;
      }

      .timebookBlock .wizard > .content .well .availableTimes .availableTime label {
        cursor: pointer;
      }

  .timebookBlock .wizard > .content > .body input.input-validation-error,
  .timebookBlock .wizard > .content > .body select.input-validation-error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11;
  }

  .timebookBlock .wizard > .content > .body .field-validation-valid {
    min-height: 18px;
    display: block;
    font-size: 12px;
  }

  .timebookBlock .wizard > .content > .body .field-validation-error {
    color: #8a1f11;
    min-height: 18px;
    display: block;
    font-size: 12px;
  }

  .timebookBlock .wizard > .content > .body .intl-tel-input {
    display: block;
  }

  .timebookBlock .summaryColumn {
    text-align: left;
    min-height: 555px;
  }

    .timebookBlock .summaryColumn h4 {
      margin-top: 30px !important;
    }

  .timebookBlock .contactInformation {
    text-align: left;
  }
/* End timebook block */

.RightButtonControls {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 15px;
}

.LeftButtonControls {
  position: absolute;
  bottom: 5px;
}

  .LeftButtonControls input,
  .RightButtonControls input {
    min-width: 75px;
  }


:root {
  --primary: #000000;
  --primary-dark: #454848;
  --primary-light: #ffa500;
  --primary-contrast: #ffffff;
  --secondary: #ffa500;
  --secondary-contrast: #ffffff;
  --summary-bg: #ffffff;
  --summary-color: #333333;
  --not-available-bg: #ffffff;
  --not-available-color: #c2c2c2;
  --scroll-bg: #454848;
  --scroll-color: #ffa500;
  --background-color: #f0efef;
}

.cms-wrapper {
  max-width: 1400px;
  font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
}

.custom-theme .k-button.red-button {
  color: #fff;
  border-color: #a73333;
  background-color: #a73333;
}

.custom-theme .wizard .steps {
  background-color: var(--primary);
}

  .custom-theme .wizard .steps ul li {
    text-align: left;
  }

    .custom-theme .wizard .steps ul li.current {
      background: var(--primary);
    }

    .custom-theme .wizard .steps ul li.done {
      background: var(--primary);
      background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
    }

  .custom-theme .wizard .steps ul li {
    background: var(--primary);
    background: linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 100%);
  }

    .custom-theme .wizard .steps ul li a {
      padding: 20px 30px;
      height: 85px;
    }

      .custom-theme .wizard .steps ul li a .step {
        color: var(--primary-contrast);
        opacity: 0.4;
        font-style: italic;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        font-weight: 700;
        letter-spacing: -1px;
        text-transform: none;
        text-decoration: none;
        font-size: 19px;
      }

        .custom-theme .wizard .steps ul li a .step .stepIndicator {
          background: var(--primary) !important;
          margin: 0;
          display: inline-block;
          color: var(--primary-contrast);
          margin-right: 10px;
          border-color: var(--primary-contrast) !important;
          text-align: center;
        }

    .custom-theme .wizard .steps ul li.current a .step {
      opacity: 1;
    }

.custom-theme .wizard > .steps ul li a .step .stepIndicator {
  height: 45px;
  width: 45px;
  line-height: 42px;
  padding-right: 2px;
  font-size: 30px;
}

.custom-theme .wizard > .content {
  margin: 0;
  background-color: var(--primary);
  border-radius: 0;
  color: var(--primary-contrast);
}

  .custom-theme .wizard > .content > .body {
    height: 100%;
    width: 100%;
    margin-left: 0;
  }

    .custom-theme .wizard > .content > .body > #chooseGarage > .row > div {
      margin-top: 10px;
    }

      .custom-theme .wizard > .content > .body > #chooseGarage > .row > div:first-of-type {
        margin-top: 0;
      }

        .custom-theme .wizard > .content > .body > #chooseGarage > .row > div:first-of-type label {
          margin-top: 0;
        }

  .custom-theme .wizard > .content label {
    margin-top: 10px;
    border-bottom: 1px solid var(--primary-light);
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    text-transform: none;
    text-decoration: none;
    width: 100%;
  }

  .custom-theme .wizard > .content input, .custom-theme .wizard > .content select {
    border-radius: 0;
  }

  .custom-theme .wizard > .content .no-padding {
    padding: 0;
  }

.custom-theme #rightColumn .summaryColumn {
  background-color: var(--summary-bg);
  color: var(--summary-color);
  text-align: left;
  min-height: 713px;
  padding: 15px;
  color: var(--summary-color);
  position: relative;
}

  .custom-theme #rightColumn .summaryColumn h3 {
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    text-transform: none;
    text-decoration: none;
    margin-bottom: 8px;
  }

  .custom-theme #rightColumn .summaryColumn hr {
    margin: 0;
    border-color: var(--summary-color);
  }

  .custom-theme #rightColumn .summaryColumn > div {
    margin: 20px 0 0px 0;
  }

  .custom-theme #rightColumn .summaryColumn h4 {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    text-transform: none;
    text-decoration: none;
    font-size: 17px;
    line-height: 31px;
    height: 31px;
    margin: 0 !important;
  }

    .custom-theme #rightColumn .summaryColumn h4 img {
      padding-right: 2px;
    }

  .custom-theme #rightColumn .summaryColumn span {
    display: block;
    margin-top: 5px;
    font-weight: bold;
    border-top: 1px solid var(--summary-color);
    padding: 5px 10px;
    height: 51px;
    overflow: auto;
  }

  .custom-theme #rightColumn .summaryColumn .add-on {
    display: block;
    margin-top: 5px;
    font-weight: bold;
    border-top: 1px solid var(--summary-color);
    padding: 5px 10px;
    text-align: left;
    overflow: auto;
    max-height: 100px;
  }

  .custom-theme #rightColumn .summaryColumn .cancel-booking {
    margin-top: 10px;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }

.custom-theme .k-button {
  color: var(--secondary-contrast);
  border-color: var(--secondary);
  background-color: var(--secondary);
  font-style: italic;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -1px;
  text-transform: none;
  text-decoration: none;
}

.custom-theme .wizard > .content #enterBookingRef {
  position: relative;
  height: 100%;
}

  .custom-theme .wizard > .content #enterBookingRef .cancel {
    margin-top: 15px;
  }

    .custom-theme .wizard > .content #enterBookingRef .cancel .k-button {
      color: #fff;
      border-color: #a73333;
      background-color: #a73333;
    }

  .custom-theme .wizard > .content #enterBookingRef .back {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
  }

    .custom-theme .wizard > .content #enterBookingRef .back .k-button {
      color: var(--primary-contrast);
      border-color: var(--primary-dark);
      background-color: var(--primary-dark);
    }

.custom-theme .wizard > .content #chooseGarage #serviceSelector {
  text-align: left;
  overflow: auto;
  max-height: 192px;
}

.custom-theme .wizard > .content #chooseGarage .serviceItem > div {
  height: 45px;
}

.custom-theme .wizard > .content .week-wrapper .weeks .weekContainer .weekHeader {
  background: var(--primary-contrast);
  color: var(--primary);
  font-style: italic;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -1px;
  text-transform: none;
  text-decoration: none;
}

.custom-theme .wizard > .content .week-wrapper .weeks .weekContainer.first-available-week .weekHeader {
  border-right: solid 3px var(--primary);
}

.custom-theme .wizard > .content .week-wrapper .weeks .weekContainer.last .weekHeader {
  border-left: solid 3px var(--primary);
}

.custom-theme .wizard > .content .week-wrapper .weeks .weekContainer .week-days .selectableDays {
  margin-top: 10px;
}

.custom-theme .wizard > .content .week-wrapper .weeks .weekContainer.first-available-week .week-days .selectableDays {
  border-right: solid 3px var(--primary);
}

.custom-theme .wizard > .content .week-wrapper .weeks .weekContainer.last .week-days .selectableDays {
  border-left: solid 3px var(--primary);
}

.custom-theme .wizard > .content .weeks .weekContainer .selectableDays {
  padding: 0;
}

  .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day.selected,
  .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day:hover {
    background: var(--secondary-contrast) !important;
    color: var(--secondary) !important;
    border: none;
  }

  .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day {
    color: var(--secondary-contrast) !important;
    background: var(--secondary) !important;
    cursor: pointer;
    border: none;
    padding: 5px 0;
  }

    .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day:not(:last-child) {
      border-right: 2px solid var(--primary);
    }

    .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day .dayNumber {
      font-size: 35px;
      height: 40px;
      line-height: 40px;
    }

    .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day.noAvailableTimes, .custom-theme .wizard > .content .weeks .weekContainer .selectableDays .day.noAvailableTimes:hover {
      background: var(--not-available-bg) !important;
      color: var(--not-available-color) !important;
    }

.custom-theme .wizard > .content .well {
  background-color: var(--primary);
  border: 0;
  padding: 0;
  margin-top: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .custom-theme .wizard > .content .well b {
    font-style: italic;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    text-transform: none;
    text-decoration: none;
    font-size: 22px;
    margin-bottom: 20px;
  }

    .custom-theme .wizard > .content .well b .timesLabel {
      font-weight: 800;
    }

  .custom-theme .wizard > .content .well .availableTimes .availableTime {
    display: inline-block;
    border-radius: 0px;
    color: #fff;
    background: var(--secondary);
    padding: 7px 20px;
    min-width: 76px;
    text-align: center;
  }

    .custom-theme .wizard > .content .well .availableTimes .availableTime input {
      display: none;
    }

    .custom-theme .wizard > .content .well .availableTimes .availableTime.selected,
    .custom-theme .wizard > .content .well .availableTimes .availableTime:hover,
    .custom-theme .wizard > .content .well .availableTimes .availableTime:active {
      color: var(--secondary);
      background: var(--secondary-contrast);
    }

      .custom-theme .wizard > .content .well .availableTimes .availableTime.selected:hover {
        color: var(--secondary);
        background: var(--secondary-contrast);
      }

  .custom-theme .wizard > .content .well label {
    border: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }

.custom-theme .wizard > .content .weeks .weekContainer .weekHeader .weekNavigator:hover {
  background: var(--primary-contrast);
  color: var(--primary);
}

.custom-theme .wizard .contactInformation label {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  border: none;
  font-size: 18px;
}

.custom-theme #leftColumn form .actions {
  background-color: var(--primary);
  padding: 20px 10px 10px 10px;
}

  .custom-theme #leftColumn form .actions ul {
    height: 38px;
    width: 100%;
  }

  .custom-theme #leftColumn form .actions li:nth-of-type(2), .custom-theme #leftColumn form .actions li:nth-of-type(3) {
    float: right;
  }

  .custom-theme #leftColumn form .actions li:not(.disabled) a {
    background: var(--summary-bg);
    border: 2px solid var(--secondary);
    color: var(--summary-color);
  }

    .custom-theme #leftColumn form .actions li:not(.disabled) a:hover {
      border: 2px solid var(--primary);
    }


.custom-theme label.DefaultLabel a {
  color: var(--secondary);
}

.custom-theme #gdprData .compcheckboxlabel,
.custom-theme #gdprData .DefaultLabel,
.custom-theme #div_sendconfirmationemail .compcheckboxlabel,
.custom-theme #div_sendconfirmationemail .DefaultLabel,
.custom-theme #div_sendconfirmationsms .compcheckboxlabel,
.custom-theme #div_sendconfirmationsms .DefaultLabel,
.custom-theme #expressTimes label {
  width: auto;
  font-size: 16px;
}

.custom-theme .wizard .content .availableTimes label {
  width: auto;
}

.custom-theme .wizard > .content .country-list,
.custom-theme .wizard > .content .selected-dial-code {
  color: black;
}

::-webkit-scrollbar {
  width: 12px;
  background-color: var(--scroll-bg);
}

::-webkit-scrollbar-track {
  background: var(--scroll-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--scroll-color);
}

/* Window headers */
body .k-widget.k-window.kendoWindowNotification_Compilator .k-window-titlebar.k-header, /* Notification window */
.k-window-titlebar.k-header /* Error & confirm windows */  {
  background: var(--primary) !important;
  color: var(--primary-contrast);
}

  body .k-widget.k-window.kendoWindowNotification_Compilator .k-window-titlebar.k-header .k-window-actions {
    display: none;
  }

/* Window buttons*/
body .k-widget.k-window.kendoWindowNotification_Compilator .controls input, /* Notification window */
.k-window-content.k-content .k-button /* Error & confirm windows */ {
  background: var(--secondary);
  color: var(--secondary-contrast);
  border: none;
  outline: none;
}

.custom-theme .wizard > .content .expressTimesContent {
  margin-left: 0px;
}

.custom-theme .wizard > .content input[type=checkbox]:checked {
  background-color: red;
  color: #ffffff !important;
}

.custom-theme .wizard > .content .well .availableTimes .availableTime.express {
  background-image: none;
}

@media (max-width: 1263px) {

  .custom-theme .wizard .steps ul li a {
    padding: 10px;
  }

    .custom-theme .wizard .steps ul li a .step {
      font-size: 13px;
    }

      .custom-theme .wizard .steps ul li a .step .stepIndicator {
        height: 30px;
        width: 30px;
        font-size: 22px;
        line-height: 28px;
        margin-right: 5px;
      }
}

@media (max-width: 767px) {
  body, .iti-mobile {
    padding-top: 0;
  }

  .cmsBlock {
    margin-bottom: 0;
  }

  .custom-theme .wizard > .content > .body > #chooseGarage #buttonSearchVehicle, .custom-theme .wizard > .content > .body > #chooseGarage #buttonRebook, .custom-theme .wizard > .content > .body > #enterBookingRef #buttonValidateBookingRef {
    margin-top: 10px;
  }

  .custom-theme .wizard > .content > .body .weeks .weekContainer.last {
    margin-top: 20px;
  }

  .custom-theme .wizard > .content > .body .weeks .weekContainer .weekHeader,
  .custom-theme .wizard > .content > .body .weeks .weekContainer .week-days .selectableDays {
    border: 0 !important;
  }

  .custom-theme .wizard > .content label {
    font-size: 20px;
  }

  .custom-theme .wizard > .content > .body {
    position: static;
  }

  .custom-theme .wizard > .content #enterBookingRef .back {
    bottom: -33px;
  }

  .resize-logo {
    max-width: 300px;
  }
}

/* Temporary styleing for cancel booking */

.cancelBooking-link:hover {
  text-decoration: none;
  color: #111;
  cursor: pointer;
}
.cancelBooking-link:visited {
  text-decoration: none;
  color: grey;
}
.cancelBooking-link {
  text-decoration: none;
  color: grey;
}

/* End of temporary styling */

@media (max-width: 576px) {
  .custom-theme .wizard .steps ul li a .step .stepIndicator {
    display: block;
  }
}

@media (max-width: 550px) {
  .custom-theme .wizard .steps ul li {
    height: 90px;
  }
}