@media only screen and (max-width: 320px)  {
    iframe{ width: 215px; height: 150px;}
    .address {margin-left: 0px; }
    .about-p { font-size: 16px; margin-left: 20px;}
    .page-header { font-size: 25px; text-align: center; }
    .msg {margin-left: 0px;}
    .navbar-header { background-color: #bd1e24; position: absolute; width: 60% !important;}
    .dropdown{ float: right; }
    .img-header {margin-top: 0px; height: 61px; width: 80px; margin-left: 0px; float: right; }
    .sidebar {  position: relative;  margin-top: 0px !important;}
    .title { text-align: center; }
    .navbar-top-links li:last-child { margin-right: 0px; }
    .sidebar .sidebar-nav.navbar-collapse { background-color: #fff; }
    .navbar-default .navbar-toggle{ float: left; margin-left: 30px; margin-top: 22px; }
    .navbar-toggle .icon-bar {width: 30px; height: 1px; }
    .navbar-toggle{background-color: #ffffff;}
    .about-icon{position: inherit; left: 0px;}
    .about{text-align: center;margin-top: 0px !important;}
    #page-wrapper{min-height: 600px !important; width: 100%}
    label{margin-left: 0px}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{  display: inline-block; width: 82px;}
    .space-label{ margin-left: 0px !important;}
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{ padding-bottom: 16px; }
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{ padding-bottom: 16px; }
    #pager_center{ width: 215px !important;}
    .ui-jqgrid  .ui-paging-pager td{ padding: 0px !important;}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{height: auto !important; white-space: pre-line !important; width: 100%;}
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{white-space: pre-wrap !important;}
    .ms-options-wrap > button:focus, .ms-options-wrap > button{ margin-bottom: 10px;}
    #chartdiv{ height: 300px;}
    .form-control{margin-bottom: 10px;}
    .modal-btn{margin-right: 18px;margin-bottom: 10px;}
    .login-title {margin-left: 30%;}
    .footer{width: 76%;  margin-top: 60px;  text-align: center;  margin-left: 15% !important;}
    .footer-label{margin-left: 0px;}

}
@media only screen and (min-width: 375px) and (max-width:425px)  {
    iframe{ width: 100%; height: 150px;}
    .address {margin-left: 0px; }
    .about-p { font-size: 16px; margin-left: 20px;}
    .page-header { font-size: 25px; text-align: center; }
    .msg {margin-left: 0px;}
    .navbar-header { background-color: #bd1e24; position: absolute; width: 59% !important;}
    .dropdown{ float: right; }
    .img-header {margin-top: 0px; height: 60px; margin-left: 0px; float: right; }
    .sidebar {  position: relative;  margin-top: 0px !important;}
    .title { text-align: center; }
    .navbar-top-links li:last-child { margin-right: 0px; }
    .sidebar .sidebar-nav.navbar-collapse { background-color: #fff; }
    .navbar-default .navbar-toggle{ float: left; margin-left: 40px; margin-top: 20px; }
    .navbar-toggle .icon-bar {width: 30px; height: 1px; }
    .navbar-toggle{background-color: #ffffff;}
    .about-icon{position: inherit; left: 0px;}
    .about-icon{position: inherit; left: 0px;}
    .about{text-align: center;margin-top: 0px !important;}
    #page-wrapper{min-height: 600px !important; width: 100%}
    label{margin-left: 0px}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{  display: inline-block; width: 82px;}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{height: auto !important; white-space: pre-line !important; width: 100%;}
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{white-space: pre-wrap !important;}
    .ms-options-wrap > button:focus, .ms-options-wrap > button{ margin-bottom: 10px;}
    .form-control{margin-bottom: 10px;}
    #chartdiv{ height: 330px;}
    .ui-jqgrid  .ui-paging-pager td{padding: 0px !important;}
    .login-title { margin-left: 35%;}
    .footer{width: 61%;  margin-top: 60px;  text-align: center;  margin-left: 21% !important;}
    .footer-label{margin-left: 0px;}

}

@media only screen and (min-width: 768px ) and (max-width:1000px)
{
    #page-wrapper{width: 66% !important;}
    label { margin-left: 0px;}
    iframe{ width: 100%;}
    .about-icon {position: inherit; left: 0px;}
    .about{text-align: center;}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{  display: inline-block; width: 82px;}
    .ms-options-wrap > button:focus, .ms-options-wrap > button{margin-bottom: 10px;}
    .form-control{margin-bottom: 10px;}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{height: auto !important; white-space: pre-line !important; width: 100%;}
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{white-space: pre-wrap !important;}
    .login-title {  margin-left: 44%;}
    .btn-log{width: 97% !important;}

}

@media only screen and (min-width: 1024px) and (max-width:1050px )
{
    #page-wrapper{width: 75% !important;}
    label { margin-left: 0px;}
    iframe{ width: 100%;}
    .about{text-align: center;}
    .table>thead:first-child>tr:first-child>th {text-align: center;}
    .form-control{margin-bottom: 10px;}
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{white-space: pre-wrap !important;}
    .ms-options-wrap{margin-bottom: 10px;}
    input[type=file] { margin-bottom: 15px;}
    .ui-jqgrid .ui-jqgrid-htable .ui-th-div{ height: auto !important; white-space: pre-wrap; }
    .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{white-space: pre-wrap !important;}
    .login-title {  margin-left: 30%;}
}

@media only screen and (min-width: 1280px)
{
    #page-wrapper{width: 80%;}
    .form-control{margin-bottom: 10px;}
}