@media (max-width: 349.98px) {
  #headerAdmin { margin-left: auto; }
    /*body, #header{ border: 2px solid #000; }*/
  }

 
  
  @media (min-width: 350px) and (max-width: 575.98px) {
    /*body, #header{ border: 2px solid #999; }*/
    #headerAdmin { margin-left: auto; }
    /*.header .navbar-toggle{margin-top: 15%; }*/
  
    .qrContChecker{ margin-top: 25%; }
    #hour{ font-size: 50px; letter-spacing: 8px; }
    .qrFooterImg{ width: 30px; }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    /*body, #header{ border: 2px solid #0f0; }*/
  
    #headerAdmin { margin-left: auto; }
    .header .navbar-header img{ width: 70% !important; }
    .qrContChecker{ margin-top: 20%; }
    #dateF{ font-size: 25px; }
    .phraseCont{
      font-size: 30px;
      line-height: 40px;
      margin-top: 50px;
      padding: 0 50px !important;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) {
    /*body, #header{ border: 2px solid #00f; }*/
  
    /*#sidebar, .sidebar-bg{ display: none; }*/
    .header .navbar-nav.navbar-right{ display: flex !important; font-size: 15px; }
    /* .qrContChecker{ margin-top: 15%; } */
    #dateF{ font-size: 25px; }
    .qrFooterImg{ width: 35px; }
    .phraseCont{
      font-size: 30px;
      line-height: 40px;
      margin-top: 50px;
      padding: 0 50px !important;
    }
  }

  @media (max-width: 767px) {
    #usersVacationsCheck{ width: 100%; }
    #scheduleSelect, #jobsSelect{ width: 100%; }
    #scheduleSelectCont label, #jobsSelectCont label{ display: none; }
  }
  
  @media (min-width: 992px) and (max-width: 1199.98px) {
    /*body, #header{ border: 2px solid #ff0; }*/
    .customeRowQrAndLegend{
        margin-top: 9% !important;
    }
    /*#sidebar, .sidebar-bg{ display: none; }*/
    .header .navbar-nav.navbar-right{ display: flex !important; font-size: 15px; }
    /* .qrContChecker{  */
      /* margin-top: 10%;  */
      /* padding: 0 20px 0 60px !important; } */
    #dateF{ font-size: 25px; 
      /* padding: 15px; */
     }
    #hour{ font-size: 50px;letter-spacing: 4px;}
    .qrGetIn{ padding: 20px 50px; }
    .qrFooterImg{ width: 35px; }
    .phraseCont{
      font-size: 45px;
      line-height: 80px;
      /* margin-top: 160px; */
      padding: 0 20px !important;
    }
  }
  
  @media (min-width: 1200px) and (max-width: 1399.98px) {
    /*body, #header{ border: 2px solid #0ff; }*/
  
    /*#sidebar, .sidebar-bg{ display: none; }*/
    .header .navbar-nav.navbar-right{ display: flex !important; font-size: 15px; }
    /* .qrContChecker{ */
       /* margin-top: 10%;  */
       /* padding: 0 20px 0 60px !important; } */
    #dateF{ font-size: 25px;
      /* padding: 15px; */
     }
    #hour{ font-size: 50px;letter-spacing: 4px;}
    .qrGetIn{ padding: 20px 50px; }
    .qrFooterImg{ width: 25px; }
    .phraseCont{
      font-size: 60px;
      line-height: 80px;
      /* margin-top: 200px; */
      padding: 0 35px !important;
    }
  }
  
  @media (min-width: 1400px) and (max-width: 1699.98px) {
    /*body, #header{ border: 2px solid #f0f; }*/
  
    /*#sidebar, .sidebar-bg{ display: none; }*/
    .header .navbar-nav.navbar-right{ display: flex !important; font-size: 18px; }
    /* .qrContChecker{  */
      /* margin-top: 10%; */
       /* padding: 0 20px 0 60px !important; } */
    #dateF{ 
      /* font-size: 25px;  */
      /* padding: 15px;  */
    }
    #hour{ font-size: 44px;letter-spacing: 8px;}
    /* .qrGetIn{ padding: 20px 50px; } */
    .qrFooterImg{ width: 25px; }
    .phraseCont{
      font-size: 65px;
      line-height: 90px;
      /* margin-top: 200px; */
      padding: 0 35px !important;
    }
  }
  
  @media (min-width: 1700px){
    /*body, #header{ border: 3px solid #000; }*/
  
    /*#sidebar, .sidebar-bg{ display: none; }*/
    .header .navbar-nav.navbar-right{ display: flex !important; font-size: 18px; }
    .qrContChecker{ 
        /* margin-top: 10%;  */
        padding: 0px !important; }
    #dateF{ font-size: 25px; 
      /* padding: 15px;  */
    
    }

   
    #hour{ font-size: 50px; letter-spacing: 8px; }
    .qrGetIn{ padding: 20px 50px; }
    .qrFooterImg{ width: 25px; }
    .phraseCont{
      font-size: 65px;
      letter-spacing: 3px;
      line-height: 120px;
      /* margin-top: 200px; */
      padding: 0 35px !important;
    }
  }