@media (min-width: 1500px) {
    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.w-30 {
    padding: 0 5px;
    width: 30%;
}

.w-70 {
    padding: 0 5px;
    width: 70%;
}

.width-25 {
    width: 25% !important;
}

.width-50 {
    width: 50% !important;
}

.width-75 {
    width: 75% !important;
}

@media (max-width: 767px){
    .w-30 {
        width: 100%;
    }
    
    .w-70 {
        width: 100%;
    }
    
    .width-25 {
        width: 25% !important;
    }
    
    .width-50, .width-75 {
        width: 75% !important;
    }
    
    .contact {
        width: 100% !important;
        display: block !important;
    }

    .from-login {
        margin: 0 30px;
    }

    .login-logo {
        font-size: 1.8em !important;
    }
}

@media (max-width: 576px) {

    .w-70 .input-group-text {
        display: none;
    }

    .w-70 input {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .width-25 {
        width: 100% !important;
    }
    
    .width-50, .width-75 {
        width: 100% !important;
    }
    .contact {
        width: 100% !important;
        display: block !important;
    }
    .from-login {
        margin: 0 10px;
    }

    .login-logo {
        font-size: 1.5em !important;
    }

    .pd-2-5 {
        padding: 20px 30px !important;
    }

    .login-box-msg {
        padding: 0 0 20px 0 !important;
    }
}

@media (max-width: 425px) {
    .login-logo {
        font-size: 1.2em !important;
    }
}

@media (min-width: 1700px) {
    .img-xxl {
        height: 320px !important;
    }
}
.label-checkbox {
    cursor: pointer;
}

.checkbox {
    display: none;
}
/*# sourceMappingURL=responsive.css.map */
.bg-img {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url('../../images/login-page-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-none {
    background: none !important;
}

.pd-2-5 {
    padding: 30px 50px;
}