@media screen and (max-width: 991px) {
    input#amtdeduction, input#federal-total, input#final-netamt, input#finalamt, input#grossamt, input#medicare-total, input#netpay-total, input#social-total, input#state-total, input#totaldeduct, input#ca-sdi-total{
        right: 25px !important;
        width: 100px !important;
        border: 1px solid #d6d6d6 !important;
    }
    form#globalStub .main-fields label.stub_no {
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }
    .select_post .second_div {
        width: 100%;
        margin-top: 10px;
    }
    .select_post .second_div .right_side {
        float: none;
    }
    input#companyName {
        top: -55px !important;
    }
    input#company_add {
        top: -25px !important;
    }
    input#company_add_2 {
        top: 5px !important;
    }
    input#empl-name {
        top: 110px !important;
    }
    input#employee_add {
        top: 140px !important;
    }
    input#employee_add_2 {
        top: 170px !important;
    }
    input#ssn-num {
        top: 245px;
        width: 160px;
        left: 5%;
    }
    input#days-diff {
        top: 320px;
    }
    input#empid {
        left: 5%;
        top: 400px;
        width: 160px;
    }
    input#controlID {
        right: 5%;
        top: 400px;
        width: 160px;
    }
    input#currentdate {
        top: 245px;
        width: 160px;
        right: 5%;
    }
    input#employee_add {
        top: 140px !important;
    }
    .stubcreator_maker .glyphicon-calendar, .stubcreator_maker1 .glyphicon-calendar, img.ui-datepicker-trigger {
        top: 207px;
        right: 5%;
    }
    .es_label {
        top: 22px !important;
        width: 95% !important;
    }
    .employee-details {
        bottom: 30px !important;
    }

    #emp-name-title {
        height: 20px !important;
        top: 40px;
        width: 250px;
        left: 62px;
    }
    #ssn-title {
       left: 20px;
        top: 143px;
        height: 20px !important;
        width: 160px;
    }
    #paydate-title{
        left: 43px;
        top: 142px;
        height: 20px !important;
        width: 160px;
    }
    .glyphicon-calendar .fa-calendar::before{
        font-size: 12px !important;
    }
    .addi_dedu_form_image .sd_edit_label {
        top: 46% !important;
        left: 25%;
    }
    #input-title{
        left: 8px;
        width: 85px;
        top: 274px;
        height: 19px !important;
    }
    #rate-title {
        width: 50px;
        left: 15px;
        top: 274px;
        height: 19px !important;
    }
    #hours-title {
        width: 50px;
        left: 25px;
        top: 274px;
        height: 19px !important;
    }
    #cpay-title {
       width: 123px;
        left: 35px;
        top: 274px;
        height: 19px !important;
    }
    #deduction-title {
        width: 120px;
        left: 10px;
        top: 515px;
    }
    #total-title {
        left: 10px;
        width: 100px;
        top: 515px;
    }
    #ytdtotal-title {
        left: 10px;
        width: 100px;
        top: 515px;
    }
    #reporting-period-title {
        width: 230px;
        left: 70px;
        top: 195px;
        height: 20px !important;
    }
    #ytdgross-title {
        left: 10px;
        width: 125px;
        bottom: 133px;
    }
    #ytddedu-title {
        left: -150px;
        width: 155px;
        bottom: 175px;
    }
    #ytdnet-title {
        left: 10px;
        width: 155px;
        bottom: 150px;
    }
    #ytdgross-title {
        left: 10px;
        width: 155px;
        bottom: 230px;
    }
    #btotal-title {
        left: -149px;
        width: 155px;
        bottom: 100px;
    }
    #dedu-title {
        left: 10px;
        width: 155px;
        bottom: 75px;
    }
    #netpay-title {
        left: -149px;
        width: 155px;
        bottom: 25px;
    }
}
@media screen and (max-width: 480px) {
    .stubcreator_maker1 input, .stubcreator_maker1 select{
        height: 20px !important;
    }
    input#amtdeduction, input#federal-total, input#final-netamt, input#finalamt, input#grossamt, input#medicare-total, input#netpay-total, input#social-total, input#state-total, input#totaldeduct, input#ca-sdi-total{
        right: 15px !important;
        width: 80px !important;
        border: 1px solid #d6d6d6 !important;
    }
    input#ssn-num {
        top: 172px;
        width: 110px;
        left: 5%;
    }
    input#currentdate {
        top: 172px;
        width: 110px;
        right: 5%;
    }
    input#days-diff {
        top: 232px;
    }
    input#empid {
        left: 5%;
        top: 290px;
        width: 110px;
    }
    input#controlID {
        right: 5%;
        top: 290px;
        width: 110px;
    }
    .es_label {
        top: 10px !important;
        width: 99% !important;
    }
    .employee-details {
        bottom: 30px !important;
    }
    .row_addi .gross_earnings{
        left: 5px !important;
        width: 80px !important;
    }
    .row_addi .rate{
        left: 88px !important;
        width: 50px !important;
    }
    .row_addi .hour{
        left: 142px !important;
        width: 50px !important;
    }
    .row_addi .current_pay{
        left: 198px !important; 
        width: 60px !important;
    }
    .addi_plus_div,.addi_minus_div{
        left: 268px !important;
    }
    .dedu_row .title{
        left: 5px !important;
        width: 100px !important;
    }
    .dedu_row .total{
        right: 115px !important;
        width: 65px !important;
    }
    .dedu_row .ytdtotal{
        right: 45px !important;
        width: 65px !important;
    }
    #emp-name-title{
        height: 15px !important;
        top: 3px;
        width: 260px;
        left: 15px;
    }
    #ssn-title{
        left: 15px;
        top: 76px;
        height: 15px !important;
        width: 110px;
    }
    #paydate-title{
        left: 50px;
        top: 76px;
        height: 15px !important;
        width: 110px;
    }
    .stubcreator_maker .glyphicon-calendar, .stubcreator_maker1 .glyphicon-calendar, img.ui-datepicker-trigger {
        top: 140px;
        right: 5%;
    }
    .glyphicon-calendar .fa-calendar::before{
        font-size: 12px !important;
    }
    #input-title{
        left: 8px;
        width: 63px;
        top: 153px;
        height: 15px !important;
    }
    #rate-title {
        width: 40px;
        left: 10px;
        top: 153px;
        height: 15px !important;
    }
    #hours-title {
        width: 50px;
        left: 12px;
        top: 153px;
        height: 15px !important;
    }
    #cpay-title {
        width: 106px;
        left: 11px;
        top: 153px;
        height: 15px !important;
    }
    #deduction-title {
        width: 100px;
        left: 5px;
        top: 333px;
    }
    #total-title {
        left: 5px;
        width: 67px;
        top: 333px;
    }
    #ytdtotal-title {
        left: 5px;
        width: 67px;
        top: 333px;
    }
    #reporting-period-title {
        width: 195px;
        left: 45px;
        top: 110px;
        height: 15px !important;
    }
    #ytdgross-title {
        left: 10px;
        width: 125px;
        bottom: 133px;
    }
    #ytddedu-title {
        left: -117px;
        width: 125px;
        bottom: 96px;
    }
    #ytdnet-title {
        left: 10px;
        width: 125px;
        bottom: 77px;
    }
    #ytdgross-title {
        left: 10px;
        width: 125px;
        bottom: 133px;
    }
    #btotal-title {
        left: -117px;
        width: 125px;
        bottom: 39px;
    }
    #dedu-title {
        left: 10px;
        width: 125px;
        bottom: 24px;
    }
    #netpay-title {
        left: -117px;
        width: 125px;
        bottom: -15px;
    }
}