.modal-dialog {margin: 20px auto !important;max-width: 422px !important;}
.ttg {margin-top: -13% !important;}
.row {margin-left: 0;margin-right: 0;}
.table_background {border: 2px #265279 solid;padding: 15px;border-top-left-radius: 20px;border-top-right-radius: 20px;}

.field-1 {width: 48%; float: left; margin: 10px 20px 10px 0px}
.field-1 input, .field-1 select {width:100%; color: #a5a5a5;border: 1px solid #ccc;font-size: 1.1em;padding: 10px;;border-radius: 5px; none;background: #fff;}

.field-1 {position: relative;}
.field-1 .fa {position:absolute; top:11px; right:6px; z-index: 9999; color: #999;}

.field-1 select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

.field-2 input {background: #f27f7a;color: #fff;font-size: 1.5em;text-shadow: none;border: none;padding: 5px 15px;margin-top: 15px;}
.field-2 input:hover {background: #000;color: #fff;}
.imagetable2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;border-width: 2px;border-color: #eef2f2;border-collapse: collapse;clear: both;color: #000;width: 100%;margin: 0% 0 3% 0;font-size: 1.1em;}
.imagetable2 {border-color: #dddddd!important;}
table.imagetable2 tr:nth-child(2n+1) {background: #ddd;}
table.imagetable2 td {border-width: 1px;border-style: solid;border-color: #999;padding: 8px;text-align: left;color: #696969;}
table.imagetable2 th {border-width: 1px;border-style: solid;border-color: #999;padding: 8px;text-align: left;color: #696969;}
.head_rw {margin-top: 3%;}
.header_content h3 {font-size: 30px;font-weight: bold;text-align: center;}
.header_content {margin-top: 6%;text-align: center;}
form#TiE-Employment h3 {text-align: center;padding: 10px 0;}
.field-2 {text-align: center;}
.submit-center p {font-size: 1.1em;}
.table-inner {width: 100%;overflow: auto;}
table.imagetable {margin: 3% 0;}

    .responsive-table {width: 100%; border:1px solid #b3b3b3; margin-bottom: 10px;}
    .responsive-table .responsive-table-top {width: 100%; background: #f7f7f7;}
    .responsive-table ul {margin: 0; padding: 0;}
    .responsive-table ul li {display:inline-block; width: 100%; border-bottom:1px solid #b3b3b3; padding:10px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; list-style-type: none;}
    .responsive-table .responsive-table-bottom ul li:last-child {border-bottom:0;}

    .responsive-table ul li span {width: 20%; float: left;}
    .responsive-table ul li p {width: 80%; float: left;}

@media only screen and (min-width:768px) and (max-width:800px)
{
.field-1 {margin:10px 6px 0px 0px;} 
.field-1 input, .field-1 select {font-size: 0.9em;}	
.header_content h3 {font-size: 23px;}
.header_content {margin-top: 0%;}
td div {
    display: inline-block;
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0;
    width: 100%;
}
td div span {font-weight: normal;width: 25%;float: left;}
td div:nth-child(5) {
    border-bottom: none;
}
table.imagetable2 p {
    width: 75%;
    float: right;
    margin: 0 0 0 0;
}
}


@media only screen and (min-width:569px) and (max-width:767px)
{
.field-1 {margin: 10px 6px 0px 0px;  width: 46% !important;}
.field-1 input, .field-1 select {font-size: 0.9em;}	
.head_rw img {width: 45%;margin: 0px auto;}
td div {
    display: inline-block;
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0;
    width: 100%;
}
td div span {font-weight: normal;width: 25%;float: left;}
td div:nth-child(5) {
    border-bottom: none;
}
table.imagetable2 p {
    width: 75%;
    float: right;
    margin: 0 0 0 0;
}
}



@media only screen and (max-width:568px)
{
	
.field-1 {width: 100%;display:inline-block;margin: 10px 6px 0px 0px!important;}
.field-1 input, .field-1 select {font-size: 0.9em!important;}
.field-2 input {font-size: 1em;margin-top: 10px;}
.submit-center p {font-size: 1.1em;}
.header_content h3 {font-size: 24px;font-weight: bold;text-align: center;}
.head_rw img {padding: 20px;}
.header_content h3 {font-size: 24px!important;}
td div {
    display: inline-block;
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0;
    width: 100%;
}
td div span {font-weight: normal;width: 25%;float: left;}
td div:nth-child(5) {
    border-bottom: none;
}
table.imagetable2 p {
    width: 75%;
    float: right;
    margin: 0 0 0 0;
}

}


