/*
  masterslider normally scales with vw
  disable that
*/
.ms-slide,
.ms-view {
  height: 428px !important;
}

/* Adjust box sizing so that slider gets same content as rest of the page */
.wpb_row .master-slider-parent *, .master-slider-parent * {
  box-sizing: border-box !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider_content {
    padding-right: 360px;
  }
}

.ms-slide-info .ms-info h1 {
  color: white;
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 17.5%;
}

.ms-slide-info .ms-info .fblack,
.ms-slide-info .ms-info .fblack h1,
.ms-slide-info .ms-info .fblack p {
  color: #807f7f;
}

.ms-slide-info .ms-info .slider_button {
  background: var(--theme-color);
  color: white;
  padding: 9px 40px;
  margin-top: 20px;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
}

.ms-slide-info .ms-info p {
  color: white;
  font-size: 18px;
}

.ms-slide-info .ms-info .cgrey p,
.ms-slide-info .ms-info .cgrey h1 {
  color: #666666;
}

/* xs only - REFER TO responsive.css BEFORE CHANGING ! */
@media screen and (max-width: 767px) {
  .ms-slide-info .ms-info h1 {
    font-size: 24px;
  }

  .ms-slide-info .ms-info p {
    font-size: 14px;
  }
}