@media screen and (max-width:979px){

   .tabale_stub{width:100%;}

   .pay_stub{width:100%;margin-left:0%;margin-top:10px;}

   .banner-section{margin-top:80px;}

   #main-area{margin-top:80px;}

   .home #main-area{margin-top:0;}

}

@media screen and (max-width:991px){

   .general-fields table td{width:90% !important;float:none;text-align:left;display:block;margin:0 0 10px 15px;}

   .general-fields table td > span{display:none;}

   .general-fields table td #do_cal, .general-fields table td #hour-rate, .general-fields table td #workinghour{width:100% !important;}

   span.custom-combobox, span.custom-combobox input{width:90% !important;}

   .main-fields .employee-details{width:385px;top:15px;}

   .stubcreator_maker1{min-height:1325px;width:385px;margin:0 auto;}

   .stubcreator_maker, .stubcreator_maker1{background-size:385px auto;}

   input#companyName{top:0px;padding:5px;width:90%;height:25px;left:20px;}

   input#company_add{top:30px;padding:5px;width:90%;height:25px;left:20px;}

   input#company_add_2{top:62px;padding:5px;width:90%;height:25px;left:20px;}

   input#empl-name{top:107px;padding:5px;height:25px;}

   input#employee_add{top:145px;padding:5px;height:25px;}

   input#employee_add_2{top:183px;padding:5px;height:25px;}

   input#ssn-num{top:230px;width:160px;left:5%;}

   input#currentdate{top:230px;width:160px;right:5%;}

   input#days-diff{top:308px;}

   input#empid{left:5%;top:386px;width:160px;}

   input#controlID{right:5%;top:386px;width:160px;}

   input#reg-pay-rate{width:65px;top:542px;left:8%;}

   input#reg-pay-hour{width:65px;top:542px;left:36%;}

   input#pricetotal{width:65px;top:542px;right:10%;left: unset;}

   input#medicare-total{bottom:auto;top:645px;font-size:13px;}

   input#medicare-payYTD-total{right:0px;bottom:auto;top:645px;font-size:13px;}

   input#social-total{bottom:auto;top:698px;font-size:13px;}

   input#social-payYTD-total{right:0px;bottom:auto;top:698px;font-size:13px;}

   input#federal-total{bottom:auto;top:752px;font-size:13px;}

   input#federal-payYTD-total{right:0px;bottom:auto;top:752px;font-size:13px;}

   input#state-total{bottom:auto;top:805px;font-size:13px;}

   input#state-payYTD-total{right:0px;bottom:auto;top:805px;font-size:13px;}

   input#grossamt{bottom:auto;font-size:13px;top:885px;right:0;left: unset;}

   input#amtdeduction{bottom:auto;font-size:13px;top:936px;right:0;left: unset;}

   input#netpay-total{bottom:auto;font-size:13px;top:990px;right:0;left: unset;}

   input#finalamt{bottom:auto;font-size:13px;top:1042px;right:0;left: unset;}

   input#totaldeduct{bottom:auto;font-size:13px;top:1095px;right:0;left: unset;}

   input#final-netamt{bottom:auto;font-size:13px;top:1146px;right:30px;left: unset;}

   img.ui-datepicker-trigger, .stubcreator_maker .glyphicon-calendar, .stubcreator_maker1 .glyphicon-calendar{top:230px;right:5%;}

   .stub_template6.stubcreator_maker1{min-height:1325px!important;}

   .stub_template6 input#employee_add{top:145px!important;}

   .stub_template6 input#ssn-num{top:calc(230px + 35px);}

   .stub_template6 input#days-diff{top:calc(308px + 35px);}

   .stub_template6 input#currentdate{top:calc(230px + 35px);}

   .stub_template6 input#empid{top:calc(386px + 35px);}

   .stub_template6 input#controlID{top:calc(386px + 35px);}

   .stub_template6 input#reg-pay-rate, .stub_template6 input#reg-pay-hour, .stub_template6 #pricetotal{top:calc(542px + 35px);}

   .stub_template6 input#medicare-total, .stub_template6 input#medicare-payYTD-total{top:calc(644px + 35px);}

   .stub_template6 input#social-total, .stub_template6 input#social-payYTD-total{top:calc(698px + 35px);}

   .stub_template6 input#federal-total, .stub_template6 input#federal-payYTD-total{top:calc(752px + 35px);}

   .stub_template6 input#state-total, .stub_template6 input#state-payYTD-total{top:calc(805px + 35px);}

   .stub_template6 input#grossamt{top:calc(885px + 35px);}

   .stub_template6 input#amtdeduction{top:calc(936px + 35px);}

   .stub_template6 input#netpay-total{top:calc(990px + 35px);}

   .stub_template6 input#finalamt{top:calc(1042px + 35px);}

   .stub_template6 input#totaldeduct{top:calc(1095px + 35px);}

   .stub_template6 input#final-netamt{top:calc(1146px + 35px);}
   .stub_template6 input#days-diff {right: unset;}
   .second_div{flex-direction: column;align-items: center; width: 100%;margin-top: 10px;}
   /* .stubcreator_maker1{background-repeat:no-repeat;min-height:2000px;width:574px;position:relative;} */

   .default_stub{background-image:url(../../images/simple_stub_new/mobile_0.jpg);}

   .stub_template1{background-image:url(../../images/simple_stub_new/mobile_1.jpg);}

   .stub_template2{background-image:url(../../images/simple_stub_new/mobile_2.jpg);}

   .stub_template3{background-image:url(../../images/simple_stub_new/mobile_3.jpg);}

   .stub_template4{background-image:url(../../images/simple_stub_new/mobile_4.jpg);}

   .stub_template5{background-image:url(../../images/simple_stub_new/mobile_5.jpg);}

   .stub_template6{background-image:url(../../images/simple_stub_new/mobile_6.png);}

   .stub_template7 {background-image: url(../../images/simple_stub_new/mobile_7.jpg);}
   .main-fields{width:100%;}

   .content-area{margin-top:40px;}

   .stub-intro{margin-bottom:40px;line-height:20px;color:#000;text-align:center;font-weight:normal;font-size:14px;}

   .general-fields table{width:100%;border:none;}

   .general-fields table td{width:25%;float:left;height:50px;padding:0;margin:0 0 10px 35px;border:none;}

   .general-fields table td.salarytype{clear:both;}

   .general-fields table td select, .general-fields table td .select2-container{width:100%;}

   .general-fields{border:2px solid #ccc;padding:5px 0px 10px;}

   .general-fields input, .general-fields select, .new-stubs input{border:1px solid #ccc;border-radius:2px;}

   .general-fields table td input[type=text], select{width:100%;}

   .general-fields table td label.payBase{float:left;padding-top:20px;}

   .employee-details{margin:50px auto 5px;text-align:left;position:relative;width:574px;}

   .employee-details > h2{font-size:28px;text-align:center;padding:20px 0;background:#e8e8e8;width:35%;margin:0 auto 30px;font-weight:bold;text-transform:uppercase;}

   input#empl-name{position:absolute;left:5%;top:100px;background:none;width:90%;height:25px;padding:5px;border-style:solid;border-width:1px;border-color:rgb(214, 214, 214);border-radius:2px;background-color:rgb(246, 246, 246);box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.059);}

   input#employee_add{position:absolute;left:5%;top:130px;background:none;height:25px;width:90%;padding:5px;border-style:solid;border-width:1px;border-color:rgb(214, 214, 214);border-radius:2px;background-color:rgb(246, 246, 246);box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.059);}

   input#employee_add_2{position:absolute;left:5%;top:160px;background:none;height:25px;width:90%;padding:5px;border-style:solid;border-width:1px;border-color:rgb(214, 214, 214);border-radius:2px;background-color:rgb(246, 246, 246);box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.059);}

   input#ssn-num{position:absolute;right:auto;background:none;padding:5px;text-align:center;border-style:solid;border-width:1px;border-color:rgb(214, 214, 214);border-radius:2px;background-color:rgb(246, 246, 246);box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.059);}

   input#days-diff{position:absolute;right:5%;width:90%;background:none;padding:5px;border-style:solid;border-width:1px;border-color:rgb(214, 214, 214);border-radius:2px;background-color:rgb(246, 246, 246);box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.059);text-align:center;}

   input#currentdate{position:absolute;text-align:left;background:none;padding:5px;border-style:solid;border-width:1px;border-color:rgb(214, 214, 214);border-radius:2px;background-color:rgb(246, 246, 246);box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.059);}

   label.empfieldlabel{position:absolute;right:65px;top:61px;background:none;width:110px;padding:5px;font-size:14px;display:none;}

   .ge_edit_label {top: 37%;left: 135px;}
   .sd_edit_label {top: 46%;left: 120px;}
   .fm_edit_label {top: 49% !important;left: 20px;}
   .fss_edit_label {top: 53% !important;left: 20px;}
   .ft_edit_label {top: 57% !important;left: 20px;}
   .st_edit_label {top: 61% !important;left: 20px;}

   .col-right > input{font-size:14px;font-weight:bold;color:#000000;}

   input#hour-rate{width:100%;height:25px;}

   input#workinghour{width:100%;height:25px;}
   .es_label {top: 40px;}

   /* .stubcreator_maker,.stubcreator_maker1{background-size:574px auto;margin:0 auto;} */

   .et_pb_text h1,.et_pb_text .sec3_text1{text-align:center;}

   #cus_reviews .sec3_text1{padding-bottom:30px;}

   .col1{width:20%;float:left;height:60px;padding:0 25px;}

   select#stubs{width:90px;background:#fff;margin-left:10px;border:1px solid #ccc;}

   .content-area{margin-bottom:40px;}

   div#s2id_state{width:100%;}

   .col1.payment-type{line-height:68px;text-align:center;}

   .col1.contract{line-height:68px;text-align:center;}

   img.ui-datepicker-trigger, .stubcreator_maker .glyphicon-calendar, .stubcreator_maker1 .glyphicon-calendar{position:absolute;right:10%;background:none;padding:5px;}

   .main-fields .preview-btn #stubpreview{margin:0 0 0 10px;display:block;text-align:center;box-shadow:none;border-top-left-radius:0;border-top-right-radius:0;text-transform:uppercase;border-radius:5px;}

   .ajax_btn{text-align:center;margin-top:20px;}

   input#stubpreview, input#edit_btn, input#submit_btn{font-size:22px;border:none;color:white;background:#CC2626;padding:10px 25px;cursor:pointer;border-radius:5px;}

   input#stubpreview:hover, input#edit_btn:hover, input#submit_btn:hover{background:#CC2626;}

   input#edit_btn, input#submit_btn{margin-left:10px;}

   label.selectedno{line-height:30px;font-weight:300;font-size:20px;display:inline-block;}

   input[type=checkbox]:not(old), input[type=radio]:not(old){margin:4px;padding:0;opacity:0;}

   .main-fields input[type=checkbox]:not(old), .main-fields input[type=radio]:not(old){opacity:1;}

   input#payment_method_twocheckout {

      -webkit-appearance: none;

   }

   input#payment_method_ppec_paypal {

      -webkit-appearance: none;

   }

   input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label {

      display: inline;

      margin-left: -30px;

      padding-left: 28px;

      padding-bottom: 2px;

      background: url('images/checks.png') no-repeat 0 0;

      line-height: 24px; 

   }

   input[type=checkbox]:not(old):checked + label{background-position:0 -24px;}

   input[type=radio]:not(old):checked + label{background-position:0 -48px;}

   input#annual{width:100%;height:30px;}

   .et_pb_section #divForm{margin:5% 0 0;min-height:550px;}

   .new-stubs label{display:inline-block;}.new-stubs input{padding:5px;}

   .redirect-notice{background:url(../images/redirect-loader.png) 20px center no-repeat;border:3px solid cadetblue;padding:15px 15px 15px 120px;text-align:center;display:none;}

   img#paypal, img#stripe{padding:10px;vertical-align:middle;cursor:pointer;}

   img#paypal.active, img#stripe.active{border:2px solid cadetblue;}

   #stubdiv{height:100%;opacity:1;position:absolute;width:100%;z-index:999999;}

   #stubdiv #waitingimg{position:absolute;left:50%;top:35%;margin-left:-32px;margin-top:-32px;}

   form#stubForm{overflow:hidden;}#stubForm select#stub-cnt{width:50px !important;}
   .select_post {display: flex;flex-direction: column;align-items: center;}
   .select_post .second_div .right_side{float:none;margin-bottom: 10px;}
   .select_post .stub_no{width: unset !important;}
   .emp_email{width: 100%;}
}

@media screen and (max-width:639px){

   .emp_email input#email{display:block;margin:0 auto;max-width:300px;width:100%;}

   form#stubForm .main-fields label.stub_no{margin-top:10px;text-align:center;width:100%;}

   .right_img{max-width:200px;position:relative;right:auto;top:auto;margin:0 auto;display:block;}

   #paystub .et_pb_column_8{margin-bottom:0 !important;}

   .main-fields .preview-btn{display:block;float:none;text-align:center;}

   .emp_email p{text-align:center;}

   #stubpreview{margin:0 auto !important;margin-bottom:10px !important;}

   label.emp_email{width:100%;}

   .select_post .second_div .right_side{float:none;}

   .footerpayment > img{max-width:100% !important;}

   .select_post {display: flex;flex-direction: column;}

   .stub_extras{display: block;}

}

@media screen and (max-width:530px){

   .price_table td{padding:6px 5px;}

   .tabale_stub{overflow-y:scroll;}

}

@media screen and (max-width:480px){

   .general-fields table td{width:90% !important;float:none;text-align:left;display:block;margin:0 0 10px 15px;}

   .general-fields table td > span{display:none;}

   .general-fields table td #do_cal, .general-fields table td #hour-rate, .general-fields table td #workinghour{width:100% !important;}

   span.custom-combobox, span.custom-combobox input{width:85% !important;}

   .main-fields .employee-details{width:256px;}

   .stubcreator_maker1{min-height:920px !important;width:290px;margin:0 auto;}

   .stubcreator_maker, .stubcreator_maker1{background-size:290px auto !important;}

   input#companyName{top:-15px;padding:5px;width:100%;left:0;}

   input#company_add{top:13px;padding:5px;width:100%;left:0;}

   input#company_add_2{top:41px;padding:5px;width:100%;left:0;}

   input#empl-name{top:76px;padding:5px;height: 18px;font-size: 12px;}

   input#employee_add{top:98px;padding:5px;height: 18px;font-size: 12px;}

   input#employee_add_2{top:120px;padding:5px;height: 18px;font-size: 12px;}

   input#ssn-num{top:170px;width:120px;left:5%;}

   input#currentdate{top:170px;width:120px;right:5%;}

   input#days-diff{top:230px;}

   input#empid{left:5%;top:288px;width:120px;}

   input#controlID{right:5%;top:288px;width:120px;}

   input#reg-pay-rate{width:65px;top:406px;left:8%;}

   input#reg-pay-hour{width:65px;top:406px;left:36%;}

   input#pricetotal{width:65px;top:406px;right:5%;}

   input#medicare-total{right: 25px;bottom:auto;top: 465px;font-size:13px;}

   input#medicare-payYTD-total{right: -20px;bottom:auto;top: 465px;font-size:13px;}

   input#social-total{right: 25px;bottom:auto;top: 497px;font-size:13px;}

   input#social-payYTD-total{right: -20px;bottom:auto;top: 497px;font-size:13px;}

   input#federal-total{right:25px;bottom:auto;top:532px;font-size:13px;}

   input#federal-payYTD-total{right:-20px;bottom:auto;top:532px;font-size:13px;}

   input#state-total{right:25px;bottom:auto;top:563px;font-size:13px;}

   input#state-payYTD-total{right:-20px;bottom:auto;top:563px;font-size:13px;}

   input#grossamt{bottom:auto;font-size:13px;top:661px;right:0;}

   input#amtdeduction{bottom:auto;font-size:13px;top:700px;right:0;}

   input#netpay-total{bottom:auto;font-size:13px;top:739px;right:0;}

   input#finalamt{bottom:auto;font-size:13px;top:780px;right:0;}

   input#totaldeduct{bottom:auto;font-size:13px;top:819px;right:0;}

   input#final-netamt{bottom:auto;font-size:13px;top:858px;right:30px;}

   .stub_template6.stubcreator_maker1{min-height:calc(920px + 35px)!important;}

   .stub_template6 input#employee_add{top:108px!important;}

   .stub_template6 input#employee_add_2{top:140px!important;}

   .stub_template6 input#ssn-num, .stub_template6 input#currentdate{top:calc(170px + 27px);}

   .stub_template6 input#days-diff{top:calc(230px + 27px);}

   .stub_template6 input#empid, .stub_template6 input#controlID{top:calc(288px + 27px);}

   .stub_template6 input#reg-pay-rate, .stub_template6 input#reg-pay-hour, .stub_template6 input#pricetotal{top:calc(406px + 27px);}

   .stub_template6 input#medicare-total, .stub_template6 input#medicare-payYTD-total{top:calc(480px + 27px);}

   .stub_template6 input#social-total, .stub_template6 input#social-payYTD-total{top:calc(521px + 27px);}

   .stub_template6 input#federal-total, .stub_template6 input#federal-payYTD-total{top:calc(560px + 27px);}

   .stub_template6 input#state-total, .stub_template6 input#state-payYTD-total{top:calc(601px + 27px);}

   .stub_template6 input#grossamt{top:calc(661px + 27px);}

   .stub_template6 input#amtdeduction{top:calc(700px + 27px);}

   .stub_template6 input#netpay-total{top:calc(739px + 27px);}

   .stub_template6 input#finalamt{top:calc(780px + 27px);}

   .stub_template6 input#totaldeduct{top:calc(819px + 27px);}

   .stub_template6 input#final-netamt{top:calc(858px + 27px);}

   img.ui-datepicker-trigger, .stubcreator_maker .glyphicon-calendar, .stubcreator_maker1 .glyphicon-calendar{top:168px;right:5%;}
   .es_label {top: 26px !important;}
   .ge_edit_label{top: 38% !important;left: 85px;}

   .sd_edit_label{top: 48% !important;left: 60px;}

   .fm_edit_label{top: 51% !important;left: 10px;}

   .fss_edit_label{top: 54.5% !important;left: 10px;}

   .ft_edit_label{top:58% !important;left: 10px;}

   .st_edit_label{top: 61.5% !important;left: 10px;}

   .ca_sdi_label{top: 65% !important;left: 10px;}

}

@media screen and (max-width:330px){

   .stube_new{padding:10px 0px;}

}

/* input#medicare-total{right:70px;width:60px}

input#medicare-payYTD-total{right:10px;width:67px}

input#social-total{right:70px;width:60px}

input#social-payYTD-total{right:10px;width:67px}

input#federal-total{right:70px;width:60px}

input#federal-payYTD-total{right:10px;width:67px}

input#state-total{right:70px;width:60px}

input#state-payYTD-total{right:10px;width:67px}

input#grossamt{right:20px;width:100px}

input#amtdeduction{right:20px;width:100px}

input#netpay-total{right:20px;width:100px}

input#finalamt{right:20px;width:100px}

input#totaldeduct{right:20px;width:100px}

input#final-netamt{right:20px;width:100px} */