.limiter
{
    position: fixed;
}
/*----Mobile Devices (START)----*/
@media only screen and (min-width:320px) and (max-width: 568px)
{
    .col1
    {
        float: left;
        /*width: 50%;*/
        /*padding: 10px;*/
        height: 600px;
    }

    /* Clear floats after the columns */
    .row1:after
    {
        /*content: "";*/
        /*display: table;*/
        /*clear: both;*/
    }

    /*--------------------*/

    .company_image
    {
        width: 100%;
        height: 700px;
        filter: blur(5px);
        -webkit-filter: blur(5px);
    }

    .log_col
    {
        width: 90%;
        position: absolute;
        /*height: 100%;*/
        padding: 10px 10px 10px 10px;
        margin-left: 20px;
    }
    .log_div
    {
        width: 100%;
        /*height: 100%;*/
    }
    .login_title_img
    {
        width: 100%;
        margin-top: 10%;
    }

    .login100-form
    {
        width: 100%;
        min-height: 600px; !important;
        padding: 10px 15px 15px 15px;
    }
}

@media only screen and (min-width:500px) and (max-width: 800px)
{
    .col1
    {
        float: left;
        /*width: 50%;*/
        /*padding: 10px;*/
        height: 600px;
    }

    /* Clear floats after the columns */
    .row1:after
    {
        /*content: "";*/
        /*display: table;*/
        /*clear: both;*/
    }

    /*--------------------*/

    .company_image
    {
        width: 100%;
        height: 700px;
        filter: blur(5px);
        -webkit-filter: blur(5px);
    }

    .log_col
    {
        width: 90%;
        position: absolute;
        /*height: 100%;*/
        padding: 10px 10px 10px 10px;
        margin-left: 20px;
    }
    .log_div
    {
        width: 100%;
        /*height: 100%;*/
    }
    .login_title_img
    {
        width: 100%;
        margin-top: 10%;
    }

    .login100-form
    {
        width: 100%;
        min-height: 600px; !important;
        padding: 10px 15px 15px 15px;

    }
}


@media only screen and (min-width:600px) and (max-width: 991px)
{
    .col1
    {
        float: left;
        /*width: 50%;*/
        /*padding: 10px;*/
        height: 600px;
    }

    /* Clear floats after the columns */
    .row1:after
    {
        /*content: "";*/
        /*display: table;*/
        /*clear: both;*/
    }

    /*--------------------*/

    .company_image
    {
        width: 100%;
        height: 771px;
        filter: blur(5px);
        -webkit-filter: blur(5px);
    }

    .log_col
    {
        width: 60%;
        position: absolute;
        height: 771px;
        padding: 30px 20px 80px 20px;
        margin-left: 150px;
    }
    .log_div
    {
        width: 100%;
        /*height: 100%;*/
    }

    .login_title_img
    {
        width: 100%;
    }

    .login100-form
    {
        width: 100%;
    }
    .login100-form
    {
        width: 100%;
        min-height: 600px; !important;
        padding: 10px 15px 15px 15px;
    }
}
/*----Mobile Devices (END)----*/

/*----Desktop (START)----*/
@media only screen and (min-width: 992px)
{
    .col1
    {
        float: left;
        /*width: 50%;*/
        /*padding: 10px;*/
        height: 600px;
    }

    /* Clear floats after the columns */
    .row1:after
    {
        /*content: "";*/
        /*display: table;*/
        /*clear: both;*/
    }

    /*--------------------*/

    .company_image
    {
        width: 65%;
        height: 771px;
    }

    .log_col
    {
        width: 35%;
        height: 771px;
        padding: 30px 20px 80px 20px;
        background-color: #f9fafc;
    }

    .log_div
    {
        width: 100%;
        height: 100%;
    }
    .login_title_img
    {
        width: 100%;
    }

}
/*----Desktop (END)----*/







@media only screen and (min-width: 500px) and (max-width:600px)
{
    .col1
    {
        float: left;
        /*width: 50%;*/
        /*padding: 10px;*/
        height: 600px;
    }

    /* Clear floats after the columns */
    .row1:after
    {
        /*content: "";*/
        /*display: table;*/
        /*clear: both;*/
    }

    /*--------------------*/

    .company_image
    {
        width: 100%;
        height: 771px;
        filter: blur(5px);
        -webkit-filter: blur(5px);
    }

    .log_col
    {
        width: 80%;
        position: absolute;
        height: 771px;
        padding: 30px 20px 80px 20px;
        margin-left: 46px;
    }
    .log_div
    {
        width: 100%;
        background-color: rgba(10, 36, 106, 0.4);
        /*height: 100%;*/
    }

    .login_title_img
    {
        width: 100%;
    }

    .login100-form
    {
        width: 100%;
    }
    .login100-form
    {
        width: 100%;
        min-height: 600px; !important;
        padding: 10px 15px 15px 15px;
    }
}