@media only screen and (max-width: 1380px) and (min-width: 999px) {
    .vlogin_container {
        max-width: 80%;
        width: 100%;
        margin: 0 auto;
        padding: 60px 0;
    }
    ul.login_section li.login_graphic {
        background: url(../img/secure.jpg) no-repeat center center #fff;
        background-size: 60%;
        height: 444px;
        border-radius: 40px 0 0 40px;
        vertical-align: top;
    }


    .call_panel_box #him-body .form-control {
        height: 24px;
        padding: 0px 8px;
        font-size: 12px; 
    }

    #customer_campaign_details.customer_campaign_box table.table tr td {
        padding: 2px 7px !important;
        font-size: 10px !important;
    }

    .customer_campaign_box table.table {
       
        margin-bottom: 5px !important; 
    }
    
}   
    @media only screen and (max-width: 999px) {
    .vlogin_container {
        
        width: 90%;
        margin: 0 auto;
        padding:15px 0;
    }

    ul.login_section{
        display:block;
        width:100%;
    }
    ul.login_section li{
        width:90%;
        margin:0 auto;
        display:block;
    }

        ul.login_section li.login_graphic { 
                background: url(../img/secure.jpg) no-repeat center bottom #fff;
                background-size: 60%;
                height: 280px;
                border-radius: 40px 40px 0 0;
                vertical-align: top;
        }

         

        ul.login_section li.login_form_section {
            background: url(../img/login_form_bg.png) no-repeat top center;
            background-size: cover;
            border-radius: 0 0 40px 40px;
            padding:30px 0;
            width: 100%;
        }

}