@media (max-width: 600px) {
.form_wrapper label {margin:10px 0;}
}
@media only screen and (min-width: 768px) {
.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
.table { width: 100%; }
.table, .table thead, .table tbody, .table th, .table td, .table tr { display: block; }
.table thead tr { position: absolute;top: -9999px;left: -9999px;}
.table tr { border: 1px solid #ccc; margin-bottom:10px; }
.table td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; }
.table td:before {position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;content: attr(data-column);color: #000;font-weight: bold;}
}
@media (max-width: 768px) {
.mlogo,.logo{ width:100% !important; background-image:url(../images/logo.png) !important;background-position:left+14px center!important;}
.nav-head { width:80%;}
#nav-buttons{ padding:0}
.nav-buttons {background-color: #18272F; height:50px; width:20%;}
.nav-buttons label {width: 25px;height: 35px;}
.nav-buttons label span {background-color: #fff;width: 25px;}
.nav-buttons#mview{ display:none} 
#header .nav-links{ padding:0 5px}
.nav-links {display: none;float: none;height: 0px;background-color: #fff;position: absolute;top: 0; width: 100%;}
.nav-links a {width: 50%; float:right;display: block;}
.nav-links .profile{top:50px;}
.profile ul li a { width: 100%; float:right;display: block;}
.header .nav-links {display: block;height: auto;}
.sidebar{position:fixed;top:0; left:0; display:none; z-index:9999; width:100%;}
.flexbox{display:inline-block;}
.element {background-color:#f4f4f4;}
.nav-buttons#mview{ display:block} 
.nav-buttons#dview{ display:none} 
.pagecontent{ width:100%;margin-top:0; padding:20px;}
[class*="col-"] {float:none; width:100% !important; padding-left:0!important;padding-right: 0; margin:10px 0;}
.pl-0{ padding-left:0 !important;}
.table_container > .pl-0{ padding-left:0 !important;}
.search{ width:100%; padding-left:0; margin:10px 0;}
.innerBox{ width:90%; padding:15px; background-color:transparent;}
.fca.sidebarfixed { display:none;}
.fca,.fcb_full { display: block!important; left:0; top:50px!important;}
.fca{ width: 99%!important;}
.fcb_full { width: 100%!important;}
.fcb{ background:#fff; left:0;}
#sidebar { margin-top:50px; width:99%; overflow:scroll;}
#sidebar a { font-size:16px;}
ul.pagination li { margin-bottom:5px}
ul.pagination li.details{ width:100%; display:block;}
.tcounter{ text-align:left; padding-left:0;}
.ui-datepicker{ width:85%!important}
.ui-datepicker .ui-datepicker-title select {font-size:18px!important;}
.ui-datepicker th,.ui-datepicker td span, .ui-datepicker td a{ font-size:14px!important;}
.ui-datepicker td {padding:4px!important;}
.zoom-fab,.zoom-btn-large {width: 40px;height: 40px;line-height: 40px;}
.zoom-fab i,a.zoom-fab i{margin-top: 0.7rem !important;}
.subject-info-box-1,.subject-info-box-2 {width:110px!important; float:left;font-size:12px;}
.subject-info-arrows {float: left;width: 40px; margin:0 10px;}
.subject-info-arrows input{font-size:11px!important;}
.subject-info-box-1 select,.subject-info-box-2 select {font-size:14px!important;}
.table_container{ padding:0}
.exportbt{ position:absolute; right:0; top:0; padding:0; }
[class*="col-"] .chosen-container { width:98%!important;}
[class*="col-"] .chosen-container .chosen-search input[type="text"] {padding:2px 4%!important;width:90%!important;margin:5px 2%;}
[class*="col-"] .chosen-container .chosen-drop {width: 100%!important;}
.columns .chosen-container, .column .chosen-container {width: 100% !important;margin-bottom: 1rem;}
}
/* CSS GRID GALLERY */
.img-grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 5px; }
/* Bigger than Phones(tablet) */
@media only screen and (min-width: 750px) {
  .img-grid {grid-template-columns: repeat(2, 1fr);}
}
/* Bigger than Phones(laptop / desktop) */
@media only screen and (min-width: 970px) {
  .img-grid {grid-template-columns: repeat(5, 1fr);}
}