@media only screen and (max-width: 1024px) {
 .sign_in_form .custom_container_signin, .sign_in_form .custom_container_signin {width:60%}
}

@media only screen and (max-width: 768px) {
    .sign_in_form .logo,.money_request .logo {margin: auto;width: 300px;height: 123px;}
    .custom_table {background-attachment: local, local, scroll, scroll;overflow: auto}
    .error_delaration{max-width: unset}
    .logo_header{margin:30px 0px 20px}
    .sign_in_form .custom_container_signin {width:95%}
    h1.title{max-width: 100%}
    .sign_in_form .form_content h1 {font-size:30px}
    .sign_in_form .form_content {padding:20px 40px}
    section.biographical_affidavit h3.sub_txt {max-width:100%;margin-bottom: 30px;font-size:14px}
    .custom_row{row-gap: 20px}
    .financial_sector h3.sub_title{margin:0px 0px 20px}
    .notice_of_termination h3.italic{padding:10px 0px 30px}
    }
@media only screen and (max-width: 600px) {
    .sign_in_form .form_content .detail_form .txt_field i {font-size: 13px;top:60px}
    .sign_in_form .logo, .money_request .logo {margin: auto;width: 250px;height: 102px;}
    .sign_in_form .custom_container_signin {width:85%}
    }
@media only screen and (max-width: 480px) {
    .custom_table .employee_detail_tbl thead tr th{padding:14px}
    .employee_detail_tbl tbody tr td{font-size: 10px}
    h1.title{padding-bottom: 20px}
    .logo_header {margin:30px 0px 0px}
    .sign_in_form .form_content {padding:20px}
    .sign_in_form .logo, .money_request .logo {width: 220px;height: 87px;}

    .sign_in_form .form_content h1 {font-size:25px}
    }
@media only screen and (max-width: 426px) {
    .sign_in_form:before,.sign_in_form::after {width:320px;height:320px}
    .txt_field input:not([type="checkbox"],[type="radio"]), .txt_field textarea, .txt_field select {padding:14px}
   h1{font-size:25px;line-height:34px}
    .logo_header .site_logo{width:300px;}
    .footer_content  p.input_label{font-size:10px}
    .btn{padding:12px 20px}
    .custom_justify {margin-top:10px ;}
    .certificate_of_actuary .custom_max {max-width:100%;text-align: center;font-size:14px}
    .cover_note h1.title, .long_term_insurance h1{margin: 0}
    .financial_sector h1.title{padding-bottom:30px}
    }