.short__hero .hero.short__banner {
    height: 300px !important;
    max-height: 300px !important;
    min-height: 300px !important;
}

    .short__hero .hero.short__banner .container__richhtml {
        margin-top: 50px !important;
    }

.short__hero .hero {
    height: 460px;
    max-height: 460px;
    min-height: 460px;
}

    .short__hero .hero .hero__content__header {
        padding-bottom: 9rem;
    }

@media (min-width: 1200px) {
    .short__hero .hero .col-xl-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .short__hero .hero .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .short__hero .hero .col-md-8 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.short__hero .hero .col-10 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.short__hero .hero .hero__content {
    max-width: 100% !important;
}

.slide-inner__image.apply-scrim:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    opacity: 1;
    background: rgba(2, 9, 23,.4);
}

.container__richhtml {
    margin-top: 150px !important;
}

.container__richhtml .header-centre .hero__content {
    margin: 0 auto;
    text-align: center;
}

.container__richhtml .header-right .hero__content {
    margin-right: 8.333333%;
    text-align: left;
    justify-content: start;
}

@media (min-width: 1025px) {
    .container__richhtml .header-right .hero__content {
        margin-right: 8%;
    }
}

@media (min-width: 1500px) {
    .container__richhtml .header-right .hero__content {
        margin-right: 5%;
    }
}

.hero .hero__carousel .u_image-cover {
    border-radius: unset !important;
}

@media (min-width: 576px) and (max-width:767px) {
    .container__richhtml .header-right .hero__content {
        margin-bottom: 6rem;
    }
}

@media (min-width: 821px) and (max-width:991px) {
    .container__richhtml .header-right .hero__content {
        margin-bottom: 8rem;
    }
}

.position-absolute .btn.btn-danger.btn-lg.btn-admin {
    margin-top: 9.5rem;
    z-index: 9999;
}

.page-flexiclubsignup .hero .hero__carousel .u_image-cover
.page-flexiclubsignupconfirmation .hero .hero__carousel .u_image-cover,
.page-flexiclubsignuppaymentunsuccessful .hero .hero__carousel .u_image-cover,
.page-flexiclubsignupnoeligibilitycheck .hero .hero__carousel .u_image-cover {
    display: block !important;
    visibility: visible !important;
}