.p1-login
{
    background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
    background-size: cover !important;
    display: block;
    width: 100%;
    height: 105vh;
}

.card-log{
    padding-top: 160px;
    min-height: 100%;
    height: auto !important;
    padding-bottom: 10px;

}
.p2-login
{
    background: url(/BETA/Home/img/Login/3.jpg) -0 no-repeat;
    background-size: cover !important;
    display: block;
    width: 100%;
    height: 130vh;
}
.benef{
    padding-top: 11px;
}

@media(min-width: 1686px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 30%;
        height: 55vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(min-width: 1617px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 100vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}

@media(min-width: 1492px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 100vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(min-width: 1399px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 100vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(min-width: 1266px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 89vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(min-width: 1200px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 107vh;
    }
    .card-log {
        padding-top: 270px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}

@media(max-width: 1686px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 30%;
        height: 55vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(max-width: 1617px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 100vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}

@media(max-width: 1492px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 100vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(max-width: 1399px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 109vh;
    }
    .card-log {
        padding-top: 189px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(max-width: 1266px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 89vh;
    }
    .card-log {
        padding-top: 190px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(max-width: 1200px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1m.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 107vh;
    }
    .card-log {
        padding-top: 120px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
}
@media(max-width: 1143px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1M.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 130vh;
    }
    .card-log {
        padding-top: 123px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
    .p2-login {
        background-image: none!important;
        
        background-color: #ffffff!important;
        width: 100%;
        display: none !important;
    }
    .footer {
        display: none !important;
    }
    
    .top-nav {
        background: rgb(9, 39, 70)!important;
        transition: 0.1s ease-in;
        -webkit-transition: 0.1s ease-in;
        -moz-transition: 0.1s ease-in;
    }
    html, body{
        background-color: #ffffff!important;
        background-size: cover !important;
    }
    #blc{
        display: block !important;
    }
    #orig{
        display: none !important;
    }
}
@media(max-width: 443px)
{
    .p1-login {
        background: url(/BETA/Home/img/Login/1large.jpg) -0 no-repeat !important;
        background-size: cover !important;
        display: block;
        width: 100%;
        height: 120vh;
    }
    .card-log {
        padding-top: 130px;
        min-height: 100%;
        height: auto !important;
        padding-bottom: 10px;
    }
    .p2-login {
        background-image: none!important;
        
        background-color: #ffffff!important;
        width: 100%;
        display: none !important;
    }
    .footer {
        display: none !important;
    }
    html, body{
        background-color: #ffffff!important;
        background-size: cover !important;
    }
    .top-nav {
        background: rgb(9, 39, 70)!important;
        transition: 0.1s ease-in;
        -webkit-transition: 0.1s ease-in;
        -moz-transition: 0.1s ease-in;
    }
    #blc{
        display: block !important;
    }
    #orig{
        display: none !important;
    }
}