@media (min-width: 1366px) and (max-width: 1550px) {
  .gc-observsntitle-wrap .gc-observsntitle-rightlbl.gcspobfilter {
    float: left;
    position: unset;
    margin-top: 25px;
  }
}

@media (min-width: 1366px) and (max-width: 1500px) {
  .progress-tracker--right {
    text-align: left;
  }

  .progress-text {
    padding: 40px 30px;
  }

  .ismdetail-list {
    margin-left: 0px;
  }

  /* .ismdetail-list .progress-tracker--right .progress-marker::after {right: calc(-100% + 45px);}
  .ismdetail-list .progress-marker::after{width:120%;}*/
  .progress-tracker:before {
    width: 82%;
  }


}


@media (min-width: 1300px) and (max-width: 1366px) {
  .progress-tracker--right {
    text-align: left;
  }

  .progress-text {
    padding: 40px 25px;
  }

  .ismdetail-list {
    margin-left: 0px;
  }

  /* .ismdetail-list .progress-tracker--right .progress-marker::after {right: calc(-100% + 45px);}
  .ismdetail-list .progress-marker::after{width:120%;}*/
  .progress-tracker:before {
    width: 82%;
  }

}

@media (min-width: 1200px) and (max-width: 1265px) {

  .progress-tracker--right {
    text-align: left;
  }

  .progress-text {
    padding: 40px 22px;
  }

  .ismdetail-list {
    margin-left: 0px;
  }

  /*.ismdetail-list .progress-tracker--right .progress-marker::after {right: calc(-100% + 45px);}
  .ismdetail-list .progress-marker::after{width:120%;}*/

}

@media only screen and (max-width: 1450px) {
  .gc-observsntitle-wrap .gc-observsntitle-rightlbl {
    float: left;
    position: unset;
    margin-top: 25px;
  }

  .innnerrightpanel {
    width: 300px;
    padding: 35px 20px 70px 20px;
  }

  .innerleftpanel {
    width: calc(100% - 300px);
  }

}


@media (min-width: 1200px) and (max-width: 1299px) {

  .innerleftpanel {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gc-tabcal .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gc-tabcal .col-md-4.gcspfilterreset {
    padding-top: 30px;
  }

  .gc-picker {
    width: 100%;
  }

  .table thead th {
    white-space: nowrap;
  }

  .gcspaddedaction .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .spstatus {
    width: 84px;
  }

}


@media only screen and (max-width: 1199px) {
  .innerrightuniversal .observationscreatehide {
    visibility: hidden;
  }

  .gcobseritem .gcspaction {
    opacity: 1;
    top: 10px;
  }

  .gcspmaintable .fa-edit,
  .gcspmaintable .fa-trash {
    opacity: 1;
  }

  .gcspcategorywapper .fa-edit,
  .gcspcategorywapper .fa-trash {
    opacity: 1;
  }

  .gcspcategorywapper .listarrowicon a {
    display: table-cell;
    padding-right: 20px;
  }

  .gcsprootcausewapper .fa-edit,
  .gcsprootcausewapper .fa-trash,
  .gcsprootcausewapper .fa-cog {
    opacity: 1;
  }

  .clendervider {
    font-size: 14px;
  }

  .innerleftpanel {
    width: 100%;
    float: none;
  }

  .innnerrightpanel {
    float: none;
    min-height: inherit;
    /*height: calc(100% - 70px);*/
    height: 100%;
    top: 0px;
    position: fixed;
    right: 0;
    overflow: scroll;
  }

  .innerleftsidebarsec {
    float: none;
    min-height: inherit;
    /*height: calc(100% - 70px);*/
    height: 100%;
    top: 0px;
    position: relative;
    left: 0;
    /*overflow: scroll;*/
  }

  .innerleftsidebarsec.innerleftnavwidht {
    position: fixed;
  }

  .innerleftpanel {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gc-tabcal .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gc-tabcal .col-md-4.gcspfilterreset {
    padding-top: 30px;
  }

  .gc-picker {
    width: 100%;
  }

  .gcspfullpagewapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .leftbevbaricon {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 99999;
    color: #fff;
    font-size: 22px;
    display: block;
    cursor: pointer;
  }

  .sidenav {
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    margin-left: -166px !important;
  }

  .sidenav .closebtn {
    position: absolute;
    top: -6px;
    left: 140px;
    font-size: 30px;
    margin-left: 00px;
    color: #000;
    z-index: 99;
    line-height: normal;
    display: block;
    cursor: pointer;
  }

  .leftnavwidht {
    margin-left: 0px !important;
    transition: 0.5s;
  }

  .sidebarmenuheight {
    height: 100vh;
    width: auto;
    overflow-y: auto;
  }

  .navbar-expand-lg h5 {
    padding-left: 32px;
  }

  .innerrightsidebarsec {
    position: relative;
    z-index: 9999;
  }

  .innerrightsidebarsec .innnerrightpanel {
    margin-right: -300px;
    transition: 0.5s;
  }

  .innerrightsidebarsec.rightnavwidht .innnerrightpanel {
    margin-right: 0px;
    transition: 0.5s;
  }

  .rightnavicon {
    font-size: 30px;
    cursor: pointer;
    color: #000;
    position: absolute;
    right: 15px;
    z-index: 999;
    display: block;
    line-height: 30px;
    top: 4px;
  }

  .closerightbtn {
    position: absolute;
    top: -3px;
    left: 16px;
    font-size: 30px;
    margin-left: 00px;
    color: #000;
    z-index: 99;
    line-height: normal;
    display: block;
    cursor: pointer;
  }

  .rightnavwidht .rightnavicon {
    opacity: 0;
  }

  .innerleftsidebarsec .rightnavicon {
    line-height: normal;
    right: inherit;
    left: 15px;
    font-size: 23px;
    top: 0px;
  }

  .innerleftsidebarsec.innerleftnavwidht .rightnavicon {
    opacity: 0;
  }

  .innerleftsidebarsec .closerightbtn {
    right: 15px;
    left: inherit;
  }

  .innerleftsidebarsec .templateleftpanelinner {
    padding-top: 25px;
  }

  .innerleftsidebarsec .newauditmenu ul li a {
    padding-left: 20px;
  }

  .innerleftsidebarsec .newauditmenu ul.gcspsubulaudit {
    padding-left: 30px;
  }

  .innerleftsidebarsec .templateleftpanel {
    margin-left: -220px;
    transition: 0.5s;
  }

  .innerleftsidebarsec.innerleftnavwidht .templateleftpanel {
    margin-left: 0px;
    transition: 0.5s;
    height: 95%;
    overflow: scroll;
  }

  .templaterightpanel {
    width: 100%;
    padding: 40px 30px 20px 30px;
  }

  .Footerwaaper {
    position: fixed;
    padding-left: 0px;
    z-index: 1;
  }

  .PTtable {
    margin-top: 25px;
  }

  #innerrightsibar .rightnavicon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #innerrightsibar .rightnavicon span {
    font-size: 14px;
    line-height: 1;
    width: 80px;
    display: block;
    padding-top: 8px;
  }

  .innerrightsidebarsec {
    z-index: 0;
  }

  .innerrightsidebarsec.rightnavwidht {
    z-index: 9999;
  }


}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gc-testdate input {
    font-size: 14px;
  }

  .gc-tabcal .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gc-picker {
    width: 100%;
  }

  .table thead th {
    white-space: nowrap;
  }

  .gcspaddedaction .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .spstatus {
    width: 84px;
  }

  .actioncloseclick,
  .rightnaviconaction {
    visibility: hidden;
  }
}

@media only screen and (max-width: 991px) {
  .safety-columns {
    flex-direction: column;
    gap: 0;
  }

  body .consider-cls {
    border-right: none;
    padding-right: 0;
  }

  .card-wrap-cls .col-md-4,
  .card-wrap-cls .col-md-6 {
    flex: 100%;
    max-width: 100%;
  }

  .actioncloseclick,
  .rightnaviconaction {
    visibility: hidden;
  }

  #sidebar-wrapper .sidebar-heading {
    padding: 10px 0px;
  }

  .navbar-light .navbar-toggler {
    /*background-color: #fff;*/
    border: none;
    border-radius: 0px;
    opacity: 1;
    color: #fff;
    font-size: 22px;
    line-height: normal;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-light .navbar-toggler:focus {
    outline: none;
    border-radius: 0;
    box-shadow: none;
  }

  /* .gcspdashbordbody .navbar-nav {display: block; text-align: right;}
  .gcspdashbordbody .gcsplanguaswit {display: block;}
  .gcspdashbordbody .btn-group {display: block;}
  .gcspdashbordbody ul.navbar-nav li {display: inline-block; vertical-align:top;}*/

  .prodate .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .prodate .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .navbar ul.navbar-nav {
    align-items: flex-end;
    text-align: right;
  }

  .dashboardgcsplanguaswit a {
    background: transparent;
    border: none;
  }

  ul.navbar-nav li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #8C95A2;
    display: block;
    width: 100%;
  }

  .navbar-nav .gcsplanguaswit {
    margin-bottom: 10px;
    border-bottom: 1px solid #8C95A2;
    display: block;
    width: 100%;
    margin-right: 0px;
    padding-bottom: 5px;
  }

  .navbar-nav .gc-newtop-btn {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #8C95A2;
    display: block;
    width: 100%;
    margin-right: 0px;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
    border-radius: 0px;
  }

  .gc-dropdowntop li {
    padding: 0px !important;
    margin-bottom: 0px !important;
    border-color: #383838;
  }

  .gc-dropdowntop li:last-child {
    border-bottom: none;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu li:hover {
    background-color: transparent !important;
  }

  .gc-dropdowntop a {
    display: block;
    padding: 8px 10px !important;
    background-color: #444444 !important;
  }

  .gc-dropdowntop a:hover {
    background-color: #333333 !important;
  }

  .gc-new-list {
    width: 100%;
  }

  .navbar-light .navbar-nav .gc-userlogin-top-click {
    padding: 0px !important;
  }

  .dropdown-menu.dropdown-menu-right.gc-userlogin-top-click-show {
    margin-left: 0px !important;
  }

  .dropdown-menu.dropdown-menu-right.gc-userlogin-top-click-show a {
    border-bottom: 1px solid #8C95A2;
  }

  .dropdown-menu.dropdown-menu-right.gc-userlogin-top-click-show a:last-child {
    border-bottom: none;
  }

  .dashboardgcsplanguaswit a {
    display: inline-block;
  }

  .dashboardgcsplanguaswit a.active {
    background: transparent !important;
    color: #fff !important;
    padding: 5px;
    border: none;
    font-weight: 700;
  }

  .dashboardgcsplanguaswit a:hover {
    color: #D22730;
  }

  .table td,
  .table th {
    white-space: nowrap;
  }

  .leftbevbaricon {
    top: 11px;
  }

  .navbar-expand-lg.bg-light {
    min-height: 55px;
  }


  .hierarchy-report-table {
    width: 100%;
    overflow-x: auto;
  }



}

@media only screen and (min-width: 768px) and (max-width: 991px) {


  .gc-chartbox .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .gcsploginpage .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .gc-testdate .col-md-4 {
    display: none;
  }

  .gc-testdate .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .gc-testdate input {
    font-size: 14px;
  }

  .select2-container .select2-search--inline .select2-search__field {
    font-size: 14px;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
  }

  .s2-to-tree.select2-container li.select2-results__option[aria-selected="true"]>span.item-label {
    font-size: 14px;
  }

  .gc-chartbox .col-md-4:last-child {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .gcspfullpagewapper {
    padding-bottom: 60px;
  }

  ul.navbar-nav.gc-login li {
    padding: 5px;
    border: none !important;
    margin-bottom: 0px !important;
  }

  .navbar-nav.gc-login .gcsplanguaswit {
    border-bottom: none !important;
  }

  .gcspaddedaction .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .stapsformsec .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .stapsformsec .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .stapdetbia .col-sm-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .stapdetbia .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ismdetail-list {
    margin-left: 0px;
  }

  .ismdetail-list .progress-text {
    padding: 10px;
  }

  .progress-tracker::before {
    left: 0;
    right: 0;
    margin: auto;
  }

  .stap50w .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .stap50w .col-md-8 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .stap4wid .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 767px) {

  .navbar ul.navbar-nav {
    align-items: flex-end;
    margin-top: 8px;
    text-align: right;
    display: block;
  }

  .gcsplanguaswit.loginpage {
    margin-right: 0px;
    display: block;
    margin-bottom: 5px;
  }

  .gc-login li {
    padding: 0px;
    padding-top: 10px;
    display: inline-block;
  }

  .Footerwaaper {
    padding-left: 0px;
  }

  .gcspfullpagewapper {
    padding: 35px 15px 60px 15px;
  }

  .clendervider {
    width: 100%;
    margin-bottom: 30px;
  }

  .dashboard-card-eqlhgt {
    min-height: inherit;
  }

  .navbar-light .navbar-nav.gc-login .nav-link {
    text-align: center;
  }

  .gc-login .gcsplanguaswit.loginpage {
    margin-bottom: 0px;
    padding-bottom: 15px;
  }

  .gc-picker {
    width: 100%;
  }

  .gc-tabcal .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .gc-tabcal .col-md-4.gcspfilterreset {
    padding-top: 0px;
  }

  .gc-picker {
    width: 100%;
  }

  .gcspaddnewquetionwpr .col-sm-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .gcspaddnewquetionwpr .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .audsumscores {
    padding: 0px 15px 0px 0px;
  }

  .audheadtop {
    padding: 20px;
  }

  .stapdetbia .col-sm-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .stapdetbia .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .stapdetbia .col-sm-8 .gcobseritem .col-sm-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .stapdetbia .col-sm-8 .gcobseritem .col-sm-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ismdetail-list {
    margin-left: 0px;
  }

  .ismdetail-list .progress-text {
    padding: 10px;
  }

  .progress-tracker::before {
    left: 0;
    right: 0;
    margin: auto;
  }

  .gcsprcitem {
    padding-left: 0px;
    padding-right: 0px;
  }

  .mobilemtnone {
    margin-top: 10px !important;
  }

  .addupdatequstion {
    display: block;
  }

  .gcspquetionwpr .col-sm-8,
  .gcspquetionwpr .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .gcspquetionwpr {
    padding-bottom: 30px;
  }

  .navbar-expand-lg h5 {
    text-align: right;
    margin-bottom: 5px;
  }

  .navbar-expand-lg.bg-light {
    display: block;
  }

  #sidebar-wrapper .list-group {
    padding-bottom: 50px;
  }


  .appcode-page {
    display: inherit;
  }

  .app-code-itm {
    max-width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .app-code-itm:after {
    top: inherit;
    bottom: 0;
    right: inherit;
    left: 0;
    height: 1px;
    width: 100%;
  }

  .app-code-itm:last-child {
    padding-bottom: 15px;
    margin-bottom: 0px;
  }

  .all-code-used {
    height: auto;
  }



  /*-------*/
  .incidentratingpopup .modal-body,
  .modal.show .modal-dialog {
    z-index: 999999
  }

  .modal-open .modal {
    overflow-x: visible;
    z-index: 999999
  }

  .modal-content,
  .modal {
    z-index: 999999
  }

  /*-------*/




}

@media only screen and (max-width: 575px) {

  .audsumscores .scorehead {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d9dada;
  }

  .audsumscores .scorehead {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d9dada;
  }

  .audsumscores .scorestatus {
    float: none;
    width: 100%;
    padding: 20px;
  }

  .audsumscores .auditstatus {
    margin-top: 0px;
  }

  .ismdetail-list .progress-text {
    padding: 0px;
  }

  .progress-step .progress-text {
    font-size: 10px;
  }

}

@media only screen and (max-width: 479px) {

  .progress-step .progress-text {
    font-size: 8px;
  }

  .observation-excel-export .gc-testdate {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .observation-excel-export form {
    flex-wrap: wrap;
  }

  .observation-excel-export .btn-primary {
    margin-left: 0 !important;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 399px) {
  .gc-observsntitle-rightlbl li {
    padding: 0px 2px;
  }
}

@media only screen and (max-width: 359px) {
  .links>a {
    font-size: 11px;
  }

  .loginbtnsec li a {
    padding: 5px 6px;
  }

  .gcsphomepage .loginbtnsec li a {
    padding: 7px 15px;
  }

  .comML {
    margin-left: 10px;
  }

  .gcspnavbarbrand img {
    height: 40px;
  }

  .hedsearchMRnone {
    max-width: 140px;
  }

}





img {
  max-width: 100%;
  height: auto;
}