@media screen and (min-width:320px) and (max-width:388px) {
.hder-bg { top: 0; display:none;}
.top-info-boxs { margin-bottom: 12px; height: calc(100% - 13px); }
.mob-hd_3 { display:none; }
.logn-inpts-2 { padding: 15% 1%; }
.in-brd { padding: 25px; }
.profile-pic-dtls_23 { position: absolute; right: 0; }
.sidebar-header { padding-left:10px; }
}
@media screen and (min-width:389px) and (max-width:476px) {
.logn-inpts-2 { padding: 15% 1%; }
.in-brd { padding: 25px; }
.profile-pic-dtls_23 { position: absolute; right: 0; }
.sidebar-header { padding-left:10px; }
.sidebar-header { position:relative; z-index:2; }
}
@media screen and (min-width:477px) and (max-width:575px) {
.sidebar-header { position:relative; z-index:2; }
}
@media screen and (min-width:576px) and (max-width:767px) {

}
@media screen and (min-width:768px) and (max-width:991px) {
.logn-inpts-2 { padding: 18% 2%; }
}
@media screen and (min-width:992px) and (max-width:1150px) {

}
@media screen and (min-width:1150px) and (max-width:1240px) {

}
@media screen and (min-width:1241px) and (max-width:1340px) {

}
@media screen and (min-width:1341px) and (max-width:1399px) {

}
@media screen and (min-width:1400px) and (max-width:1499px) {

}
@media screen and (min-width:1500px) and (max-width:1599px) {

}


/*Table Responsive*/

@media only screen and (max-width: 800px) {
#coom-tblles table, #coom-tblles thead, #coom-tblles tbody, #coom-tblles th, #coom-tblles td, #coom-tblles tr{display:block;text-align:left;border:none}
#coom-tblles thead tr{position:absolute;top:-9999px;left:-9999px}
#coom-tblles tr{border:1px solid #ccc}
#coom-tblles td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}
#coom-tblles td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;content:attr(data-title)}
#coom-tblles .last-cartt{width:100%}
}

/*@media only screen and (max-width: 800px) {
#coom-tblles table,thead,tbody,th,td,tr{display:block;text-align:left;border:none}
#coom-tblles thead tr{position:absolute;top:-9999px;left:-9999px}
#coom-tblles tr{border:1px solid #ccc}
#coom-tblles td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}
#coom-tblles td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;content:attr(data-title)}
#coom-tblles .last-cartt{width:100%}
}
@media (min-width: 62em) {
.responsive-table{font-size:1em}
}
@media (min-width: 48em) {
.responsive-table thead{position:relative;clip:auto;height:auto;width:auto;overflow:auto}
}
@media (min-width: 768px) {
.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block;padding:0;text-align:left;white-space:normal}
}
@media (min-width: 48em) {
.responsive-table tr{display:table-row}
}
@media (min-width: 30em) {
.responsive-table th,.responsive-table td{padding:.75em .5em}
}
@media (min-width: 48em) {
.responsive-table th,.responsive-table td{display:table-cell;padding:.5em}
}
@media (min-width: 62em) {
.responsive-table th,.responsive-table td{padding:.75em .5em}
}
@media (min-width: 75em) {
.responsive-table th,.responsive-table td{padding:.75em}
}
@media (min-width: 48em) {
.responsive-table caption{font-size:1.5em}
}
@media (min-width: 62em) {
.responsive-table tfoot{font-size:.9em}
}
@media (min-width: 48em) {
.responsive-table tbody{display:table-row-group}
}
@media (min-width: 48em) {
.responsive-table tbody tr{display:table-row;border-width:1px}
}
@media (min-width: 48em) {
.responsive-table tbody tr:nth-of-type(even){background-color:rgba(94,93,82,0.1)}
}
@media (min-width: 48em) {
.responsive-table tbody th[scope="row"]{background-color:transparent;color:#5e5d52;text-align:left}
}
@media (min-width: 30em) {
.responsive-table tbody td{border-bottom:1px solid #1d96b2}
}
@media (min-width: 48em) {
.responsive-table tbody td{text-align:center}
}
@media (min-width: 30em) {
.responsive-table tbody td[data-title]:before{font-size:.9em}
}
@media (min-width: 48em) {
.responsive-table tbody td[data-title]:before{content:none}
}
@media (max-width: 767px) {
.responsive-table > thead{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}
.responsive-table > thead > th{background-color:#1d96b2;border:1px solid #1d96b2;font-weight:normal;text-align:center;color:white}
.responsive-table > thead > th:first-of-type{text-align:left}
.responsive-table > tbody,.responsive-table > tbody > tr,.responsive-table > thead > tr,.responsive-table > tbody > tr > th,.responsive-table > thead > tr > th,.responsive-table > tbody > tr > td,.responsive-table > thead > tr > td{display:block;padding:0;text-align:left;white-space:normal}
.responsive-table > tbody > tr > th,.responsive-table > thead > tr > th,.responsive-table > tbody > tr > td,.responsive-table > thead > tr > td{padding:.5em;vertical-align:middle}
.responsive-table > tfoot{font-size:.8em;font-style:italic}
.responsive-table > tbody tr{margin-bottom:1em;border:2px solid #1d96b2}
.responsive-table > tbody tr:last-of-type{margin-bottom:0}
.responsive-table > tbody th[scope="row"]{background-color:#1d96b2;color:white}
.responsive-table > tbody tr td{text-align:right}
.responsive-table tbody td[data-type=currency]{text-align:right}
body .ui-datepicker-calendar thead{position:relative}
}*/

/*Table Responsive*/