@media only screen and (min-width:0px) and (max-width:480px) {
.logout-drop button {background: transparent; border: 1px solid transparent; color:#fff; padding:5px 15px 5px 0;}
.logout-drop img {display: inline-block;}		
.logout-drop span { display:none;}
.header .navbar-brand { margin:0px; display:block;}
.header .navbar-brand img { width:200px;}
.top-head { margin: 10px 0px 10px 55px;}
.top-head .col-lg-9 { text-align:left;}
.menu .navbar { float:left; width:100%;}
.menu .navbar-light .navbar-toggler { position:absolute; top:-55px;}
.header .logo { display:none;}
.header .col-lg-10.pl-0 { padding:0px;}
.header .col-lg-10.pl-0 .top-head .row { margin:0px;}
.menu .navbar-light .navbar-nav .nav-item { border-right:0px;}
.menu .navbar-light .navbar-nav .nav-link { padding: 10px 15px; color: #fff; font-size: 14px; margin:0px;}
.menu .navbar-light .navbar-nav .nav-link:hover { background:#e41937; color:#fff;}
.menu .navbar-collapse { position: absolute; top: 0px; background: rgb(62, 62, 62); width: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 6px; z-index: 9;}
.top-head .middle-logo { padding:8px 10px 5px;}
.top-head .middle-logo .middle-icon { font-size:25px;}
.top-head .middle-logo .middle-text h4 { font-size:22px;}
.top-head .middle-logo .middle-text span { font-size:9px;}
.datatable-table .position-absolute { position:static !important;}
#observationModal .mt-5 { margin-top:10px !important;}
}
@media only screen and (min-width:480px) and (max-width:768px) {
    .logout-drop button {background: transparent; border: 1px solid transparent; color:#fff; padding:5px 15px 5px 0;}
.logout-drop img {display: inline-block;}
.logout-drop span { display:none;}
.header .navbar-brand { margin:0px; display:block;}
.header .navbar-brand img { width:220px;}
.top-head { margin: 10px 0px 10px 55px;}
.top-head .col-lg-9 { text-align:left;}
.menu .navbar { float:left; width:100%;}
.menu .navbar-light .navbar-toggler { position:absolute; top:-55px;}
.header .logo { display:none;}
.header .col-lg-10.pl-0 { padding:0px;}
.header .col-lg-10.pl-0 .top-head .row { margin:0px;}
.menu .navbar-light .navbar-nav .nav-item { border-right:0px;}
.menu .navbar-light .navbar-nav .nav-link { padding: 10px 15px; color: #fff; font-size: 14px;}
.menu .navbar-collapse { position: absolute; top: 0px; background: rgb(62, 62, 62); width: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 6px; z-index: 9;}
.top-head .middle-logo { padding:8px 10px 5px;}
.top-head .middle-logo .middle-icon { font-size:25px;}
.top-head .middle-logo .middle-text h4 { font-size:22px;}
.top-head .middle-logo .middle-text span { font-size:9px;}
.dataTables_wrapper .dataTables_filter { float:left !important; margin-top:10px; width:100%;}
.datatable-table .position-absolute { position:static !important;}
#observationModal .mt-5 { margin-top:10px !important;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.logout-drop button {background: transparent; border: 1px solid transparent; color:#fff; padding:5px 15px 5px 0;}
.logout-drop img {display: inline-block;}
.logout-drop span { display:none;}
.top-head { margin: 10px 0px 10px 55px;}
.top-head .col-lg-9 { text-align:left;}
.menu .navbar { float:left; width:100%;}
.menu .navbar-light .navbar-toggler { position:absolute; top:-55px;}
.header .logo { display:none;}
.header .col-lg-10.pl-0 { padding:0px;}
.header .col-lg-10.pl-0 .top-head .row { margin:0px;}
.menu .navbar-light .navbar-nav .nav-item { border-right:0px;}
.menu .navbar-light .navbar-nav .nav-link { padding: 10px 15px; color: #fff; font-size: 14px;}
.menu .navbar-collapse { position: absolute; top: 0px; background: rgb(62, 62, 62); width: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 6px; z-index: 9;}
.top-head .middle-logo { padding:8px 10px 5px;}
.top-head .middle-logo .middle-icon { font-size:25px;}
.top-head .middle-logo .middle-text h4 { font-size:22px;}
.top-head .middle-logo .middle-text span { font-size:9px;}
#observationModal .mt-5 { margin-top:10px !important;}
}
@media only screen and (min-width:991px) and (max-width:1200px) {
.menu .navbar-light .navbar-nav .nav-link { font-size:12px; margin: 0px 4px;}	
}
@media only screen and (min-width:1200px) and (max-width:1366px) {
.menu .navbar-light .navbar-nav .nav-link { font-size:14px; margin: 0px 7px;}	
}
@media only screen and (min-width:1366px) and (max-width:1600px) {
.menu .navbar-light .navbar-nav .nav-link { font-size:14px; margin: 0px 7px;}	
}
@media only screen and (min-width:1600px) and (max-width:1900px) {
.menu .navbar-light .navbar-nav .nav-link { font-size:14px; margin: 0px 8px;}	
}