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

  .CR-form h3, .FF-webAppLibrary-data h3 {
    font-size: 18px;
  }

  .CR-form p, .FF-webAppLibrary-data p {
    font-size: 16px;
  }

  .bottom-footer, .login-Rpassword-footer {
    width: 660px;
  }

  .leftIcon, .InProgressForm .leftIcon, .submittedForm .leftIcon {
    width: 15%;
  }

  .rightContent {
    width: 85%;
    padding: 14.5px 0px;
  }

    .rightContent h2 {
      font-size: 20px;
    }

  .InProgressForm .rightContent {
    width: 80%;
    padding: 3px 0px;
  }

  .pillar-libraries .rightContent, .main-menu .rightContent {
    padding: 3px 0px;
  }

  .submittedForm .rightContent {
    width: 75%;
  }

  .submittedForm .rightIcon {
    width: 10%;
  }
  .cr-checkBox, .FF-web-checkBox {
    font-size: 18px;
  }
  .checkmark{top:0px;}
  .yes_no_btn {
    font-size: 18px;
    padding: 2px 15px;
    height: auto;
  }
}

@media(min-width:576px) and (max-width: 767px) {
  .cr-checkBox, .FF-web-checkBox {
    font-size: 18px;
    padding-left: 40px;
  }

  .checkmark {
    top: -2px;
  }

  .CR-form h3, .FF-webAppLibrary-data h3 {
    font-size: 18px;
  }

  .CR-form p, .FF-webAppLibrary-data p {
    font-size: 16px;
  }

  .concernedReportHeader h1 {
    font-size: 21px;
  }

  .CR-left-panel {
    width: 80%;
  }

  .CR-right-panel {
    width: 20%;
  }

  .bottom-footer, .login-Rpassword-footer {
    width: 480px;
  }

  .leftIcon, .InProgressForm .leftIcon {
    width: 20%;
  }

  .rightContent {
    width: 80%;
    padding: 16px 0px;
  }

    .rightContent h2 {
      font-size: 18px;
    }

  .InProgressForm .rightContent {
    width: 75%;
    padding: 3px 0px;
  }

  .submittedForm .leftIcon {
    width: 15%;
  }

  .submittedForm .rightContent {
    width: 75%;
    padding: 3px 10px;
  }

  .submittedForm .rightIcon {
    width: 10%;
  }
  .yes_no_btn {
    font-size: 18px;
    padding: 2px 15px;
    height: auto;
  }
}

@media(max-width:575px) {
  .cr-checkBox, .FF-web-checkBox {
    font-size: 18px;
    padding-left: 40px;
  }

  .checkmark {
    top: -2px;
  }

  .CR-form h3, .FF-webAppLibrary-data h3 {
    font-size: 16px;
  }

  .CR-form p, .FF-webAppLibrary-data p {
    font-size: 14px;
  }

  .CR-left-panel {
    width: 80%;
  }

  .CR-right-panel {
    width: 20%;
  }

  .concernedReportHeader img {
    width: 100px;
    height: 59px;
    right: 0px;
  }

  .concernedReportHeader h1 {
    font-size: 20px;
    padding:0px 15px;
  }

  .concernedReportHeader {
    height: 75px;
    padding: 0px;
  }

  .CR-form, .FF-webAppLibrary-data {
    padding: 0px 15px;
  }

  .notifiedPopop .modal-content {
    width: 100%;
  }

  .notifiedPopop .modal-title, .notifiedPopop h3.redTxtPopop, .notifiedPopop h3.blueTxtPopop {
    font-size: 20px;
  }

  .notifiedPopop .modal-body p {
    font-size: 18px;
  }

  .CR-submit-btn {
    font-size: 18px;
    padding: 5px 15px;
  }

  .yes_no_btn {
    font-size: 18px;
    padding: 2px 15px;
    height: auto;
  }

  .bottom-footer {
    left: 50%;
    transform: translate(-50%);
    background-color: transparent;
    border-top: 0px;
  }

  .leftIcon, .InProgressForm .leftIcon {
    width: 20%;
  }

  .rightContent {
    width: 80%;
    padding: 17px 10px;
  }

    .rightContent h2 {
      font-size: 16px;
    }

  .main-box {
    padding: 15px;
  }

  .pointerBoderPadding {
    padding: 15px 5px;
  }

  h1.heading-txt {
    padding-top: 10px;
  }
  .InProgressForm .rightContent {
    width: 70%;
    padding: 5.5px 10px;
  }

  .InProgressForm .rightIcon {
    width: 10%;
  }

  .login-area {
    width: 100%;
  }

  .pillar-libraries .rightContent, .main-menu .rightContent {
    padding: 2px 10px;
  }

  .submittedForm .leftIcon {
    width: 20%;
  }

  .submittedForm .rightContent {
    width: 70%;
    padding: 2px 5px;
  }

  .submittedForm .rightIcon {
    width: 10%;
  }
  .password-reset-section form, .PR-note-section {
    width: 100%;
  }

  .password-reset-section p, .PR-note-box {
    font-size: 16px !important;
  }
  .login-Rpassword-footer{
    background-color:transparent;
  }
  .login-area form, .col-Probability-Severtiy {
    width: 100%;
  }
  .CR-backtxt{padding:0px 15px;}
}

@media(min-width:992px) and (max-width: 1199px) {
  .bottom-footer, .login-Rpassword-footer {
    width: 900px;
  }
}
@media(min-width:320px) and (max-width: 399px) {
  .concernedReportHeader h1{
    width:60%;
  }
}
@media(min-width:1600px) {
  .plant-carousel-box .plant-name h2 {
    font-size: 14px;
  }

  .plant-carousel-box .plant-name .country-plant {
    padding: 0 25px !important;
  }
}
@media(min-width:1440px) and (max-width:1599px) {
  .web-menu{width:85%;}
}
@media(min-width:1366px) and (max-width:1439px) {
  .web-menu {
    width: 90%;
  }
  .cr-checkBox {
    font-size: 16px;
  }
  .web-main-area .checkmark, .web-notified-popop .checkmark {
    top: -3px;
  }
}
@media(min-width:1366px) and (max-width:1599px) {
  .col-web-menu p {
    font-size: 33px;
  }
  .col-web-menu span {
    font-size: 23px;
  }
  .web-menu .menubg9 p {
    font-size: 28px;
  }
    .web-menu .menubg9 p span {
      font-size: 20px;
    }
}
@media(min-width:1200px) and (max-width:1365px) {
  .web-menu {
    width: 90%;
  }
  .col-web-menu p{font-size:28px;}
  .col-web-menu span{font-size:18px;}
  .web-menu .menubg9 p {
    font-size: 26px;
  }
  .web-menu .menubg9 p span{font-size:16px;}
}
@media (max-width:1199px) {
  .web-menu {
    width: 100%;
    padding:15px 30px 0px;
  }
  
    .web-menu .menubg3.webmenu-margin{margin-right:9px;}
  .menubg2, .menubg4, .menubg8, .menubg9 {
    margin-right: 0px;
  }
  .col-web-right-panel{width:100%; left:0;}
  .col-web-left-panel {
    height: 90px;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 72px;
    top:unset;
  }
    .col-web-left-panel ul li {
      display: inline-block;
      margin-bottom:0;
      padding:0 30px;
    }
  .col-web-right-content {
    height: calc(100vh - 250px);
  }
  .col-leftmain-box, .col-rightmain-box{display:none;}
  .col-centermain-box{width:100%;}
  .web-main-area{
    height: calc(100vh - 295px);
    width:100%;
    border-radius:0;
  }
  .main-box, .CR-main-box {
    height: calc(100vh - 295px);
    width: 100%;
    border-radius: 15px;
  }
  .CR-webAppLibrary_data, .FF-webAppLibrary-data {
    height: calc(100vh - 364px); /* do not delete*/
    overflow-y: auto;
  }
  .webAppLibrary_data{
    height: calc(100vh - 385px); /* do not delete*/
    overflow-y: auto;
  }

  .mobile-webAppLibrary_data{
    height: calc(100vh - 273px);
    overflow-y: auto;
  }

  .mobile-plantselection-webAppLibrary_data{
    height: calc(100vh - 368px);
    overflow-y: auto;
  }
  .graybg-webapp-body{background-color:#000000;}
  .web-logo-section-phone {
    display: block;
  }
  .web-logo-section-pc{display:none;}


}
@media (min-width:1200px) {
  .web-logo-section-phone {
    display: none;
  }
}
@media(min-width:1440px) and (max-width:1599px){
  .cr-checkBox {
    font-size: 16px;
  }
}
@media(min-width:1200px) and (max-width:1365px) {
  .cr-checkBox {
    font-size: 12px;
  }
  .web-main-area .CR-form p, .FF-webAppLibrary-data p, .new-cr-input, .new-shearo-input, .CR-left-panel textarea{
    font-size: 12px;
  }
  .CR-form h3,
  .FF-webAppLibrary-data h3,
  .FF-webAppLibrary-data h4,
  .CR-webAppLibrary_data h4 {
    font-size: 20px;
  }

  .web-main-area .checkmark, .web-notified-popop .checkmark {
    height: 20px;
    width: 20px;
    top: 0px;
  }

    .cr-checkBox .checkmark:after, .web-notified-popop .checkmark:after {
      left: 4px;
      top: 0px;
      width: 8px;
      height: 12px;
    }
}





/*=========================media query===========================*/

@media (max-width: 1600px) {
  .inputtxtareafxwidth {
    width: 80%;
  }
}

@media (max-width: 1440px) {
  .inputtxtareafxwidth {
    width: 76.9%;
  }
}

@media (max-width: 1366px) {
  .inputtxtareafxwidth {
    width: 75.2%;
  }
}
@media (max-width: 1200px) {
  .inputtxtareafxwidth {
    width: 69.3%;
  }
}
@media (max-width: 1080px) {
  .inputtxtareafxwidth{/*do not change*/
    width: 82.7%
  }
}