.homewav__system__slider { 
    position: absolute;
    top: 98px;
    right: 6px;
    max-width: 282px;
    width: 100%;
    z-index: 2;
}
.homewav__system__slide__list img { position: relative; height: auto; top: inherit; right: inherit;}


.hero__box__shadow { position: relative;}
.hero__top__link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: transparent;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,.1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.hero__box {top: 0px;}

.new__footer .footer__links h4 { font-size: 14px; color:#97d700 ;}
.new__footer .footer__links ul li { font-size: 12px;}
.new__footer .footer__links ul li a { font-size: 12px;}
.btn-step img { max-width: 130px; }
.footer-apps { position: relative; z-index: 1;}
.footer-apps img { max-width: 142px; }

.homeWAV__makes__detention .chart__shape { width: 100%;}
.homeWAV__makes__detention .chart__shape img { width: 100%;}

@media (min-width: 1200px) {
    .menu-links { 
        min-width: 590px;
    }
}
@media (min-width: 1500px) {
    .menu-links { 
        min-width: 650px;
    }
    .correctional__staff  .menu-links { 
        min-width: 720px;
    }
    .correctional__staff header .top-right-btns {
        padding-left: 30px;}
}
@media (max-width: 1199px) {
    .hero__box {top: 0;}
}
@media (max-width: 767px) {
    .homewav__system__slider { 
        top: 58px;
        right: 3px;
        max-width: 168px;
    }
    .gray__area h4 { text-align: center;}
    .footer-apps { justify-content: center;}
}
@media (min-width: 767px) {
    #loginModal .modal-header {
        position: relative;
        padding-left: 75px;
    }
    .back__arrow {
        position: absolute;
        left: 30px;
        top: 30px;
        font-size: 24px;
        cursor: pointer;
        color: #fff;
    }  
    .modal-dialog {
        max-width: 757px;
    }
    #qrcodeModal .modal-dialog {
        max-width: 757px;
    }
}

.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated .invalid-feedback, .was-validated :invalid~.invalid-tooltip {
    display: block;
}
