@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)
{ 
  .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;}