@media screen and (min-width:320px) and (max-width:388px) {
.logn-inpts-2 { padding: 22px; width: 100%; position: static; margin: 18% auto; }
.lgn-pt_2 p { margin: 5px auto; }
.rgt-bg-mmg { display: none; }
.left-mmg-academic { display:none; }
.ib-logo_ini { position: static; margin: 18px auto 0; text-align: center; }
.iblogo-im { position: static; width: 246px; margin: 0px auto; text-align: center; }
.ib-logo { text-align: center; }
}
@media screen and (min-width:389px) and (max-width:476px) {
.logn-inpts-2 { padding: 22px; width: 100%; position: static; margin: 18% auto; }
.lgn-pt_2 p { margin: 5px auto; }
.rgt-bg-mmg { display: none; }
.left-mmg-academic { display:none; }
.ib-logo_ini { position: static; margin: 18px auto 0; text-align: center; }
.iblogo-im { position: static; width: 246px; margin: 0px auto; text-align: center; }
.ib-logo { text-align: center; }
}
@media screen and (min-width:477px) and (max-width:575px) {
.logn-inpts-2 { padding: 22px; width: 80%; position: static; margin: 10% auto; }
.lgn-pt_2 p { margin: 5px auto; }
.rgt-bg-mmg { display: none; }
.left-mmg-academic { display:none; }
.ib-logo_ini { position: static; margin: 18px auto 0; text-align: center; }
.iblogo-im { position: static; width: 246px; margin: 0px auto; text-align: center; }
.ib-logo { text-align: center; }
}
@media screen and (min-width:576px) and (max-width:767px) {
.logn-inpts-2 { padding: 22px; width: 67%; position: static; margin: 10% auto; }
.rgt-bg-mmg { display: none; }
.left-mmg-academic { display:none; }
.ib-logo_ini { position: static; margin: 18px auto 0; text-align: center; }
.iblogo-im { position: static; width: 246px; margin: 0px auto; text-align: center; }
.ib-logo { text-align: center; }
}
@media screen and (min-width:768px) and (max-width:991px) {
.logn-inpts-2 { padding: 22px; width: 57%; position: static; margin: 10% auto; }
.rgt-bg-mmg { display: none; }
.left-mmg-academic { display:none; }
.ib-logo_ini { position: static; margin: 18px auto 0; text-align: center; }
.iblogo-im { position: absolute; width: 246px; margin: 0px auto; text-align: center; left: 0; right: 0; }
.ib-logo { text-align: center; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
.logn-inpts-2 { padding: 22px; width: 60%; position: absolute; margin: 0 auto; top: 16%; right: -242px; }
.rgt-bg-mmg img { height:100%; }
.rgt-bg-mmg { height: 100vh; }
.left-mmg-academic { margin: 24% 17% 0 0; } 
}
@media screen and (min-width:1150px) and (max-width:1240px) {
.logn-inpts-2 { padding: 6% 6%; top: 104px; width: 62%; position: absolute; right: -309px; }
#logn-page-wwr { background: none; }
.rgt-bg-mmg img { height:100%; }
.rgt-bg-mmg { height: 100vh; }
.left-mmg-academic { margin: 18% 17% 0 0; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
.logn-inpts-2 { padding: 6% 6%; top: 87px; width: 62%; position: absolute; right: -309px; }
#logn-page-wwr { background: none; }
.rgt-bg-mmg img { height:100%; }
.rgt-bg-mmg { height: 100vh; }
.left-mmg-academic { margin: 14% 17% 0 0; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
.logn-inpts-2 { padding: 6% 6%; top: 106px; width: 54%; position: absolute; right: -309px; }
#logn-page-wwr { background: none; }
.rgt-bg-mmg img { height:100%; }
.rgt-bg-mmg { height: 100vh; }
.left-mmg-academic { margin: 13% 17% 0 0; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
.logn-inpts-2 { padding: 6% 6%; top: 106px; width: 54%; position: absolute; right: -309px; }
#logn-page-wwr { background: none; }
.rgt-bg-mmg img { height:100%; }
.rgt-bg-mmg { height: 100vh; }
.left-mmg-academic { margin: 14% 17% 0 0; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
.logn-inpts-2 { padding: 6% 6%; top: 85px; width: 54%; position: absolute; right: -309px; }
#logn-page-wwr { background: none; }
.rgt-bg-mmg img { height:100%; }
.rgt-bg-mmg { height: 100vh; }
.left-mmg-academic { margin: 13% 17% 0 0; }
}


/*Table Responsive*/

/*@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*/

