@media (max-width:1366px) {
  .contnet {
    position: absolute;
    top: 100px;
    }

}
@media (max-width:1024px) {
    .contnet {
        top: 50px
    }
    .outer-sheet {
        height: 400px;
    }
}

@media (max-width:768px) {
    .main2,
    .main3 {
        text-align: left
    }
    .admin-login::after,
    .images-part img,
    before {
        display: none
    }
    .admin-login,
    .employee-login {
        padding-top: 50px
    }
    .contnet {
        top: 29px
    }
    .employee-attend {
    padding: 1px;
    margin: 10px auto;
    }
    .allowance_report {
    padding: 1px;
    }
    .Route_report {
    padding: 1px;
    }
    .Leave_report {
    padding: 1px;
    }
    .border-vertical {
        height: 16px;
        width: 100%
    }
    .outer-sheet {
        height: auto
    }
    .admin-login {
        position: relative
    }
    .admin-login,
    .employee-login {
        text-align: center
    }
    .time-location {
       background: #fff !important;
       width: 78% !important;
       top: 215px !important;
  }
    .social-icons {
        padding-top: 30px
    }
    .copyright {
        padding-top: 15px
    }
     .welcome {
    float:none; 
    text-align: center;
}
    .add-trans, .upper-info {
     float:none; 
    text-align: center;
      }
      body {
    padding-right: 0px !important;
    padding-left: 0px !important;
     }
}

@media (max-width:425px) {
    .social-icons li {
        padding: 0 27px;
        margin: 24px auto
    }
    .slide {
        display: none
    }
    .admin-login, .employee-login {
        margin: 20px auto;
    }
    .border-vertical {
        height: 16px;
        width: 100%
    }
    .outer-sheet {
    height: auto;
}
    .main2,
    .main3 {
        text-align: left
    }
    .logo {
        height: auto;
        padding: 7px 8px
    }
    .navbar-toggle {
        margin: 40px 15px auto
    }
    .welcome {
       float: none;
       color: #fff;
       text-align: center;
    }
    .add-trans, .upper-info {
     float:none; 
    text-align: center;
    }
    .sign-up {
    display: none;
    }
    .email .send, footer {
      text-align: center;
    }
    .logo-footer p {
      text-align: center;
    }
    .logo-footer {
      padding-bottom: 0px;
    }
    .contact-info li {
      display: block;
      color: #fff;
      padding: 10px 0px 1px 0px;
    }
     .contact-info {
      margin: 9px auto;
    }
    .time-location {
      background: #fff !important;
      width: 78% !important;
     top: 275px !important;
    }
    .notice-board a {
    background-color:transparent !important;
    padding: 0px !important; 
    color: #000 !important;
    border-radius: 5px;
   }
}

@media (max-width:375px) {
    .social-icons li {
        padding: 0 14px;
        margin: 23px auto
    }
    .date-time {
      width: 180px !important;
    }
    .outer-sheet {
      height: auto;
    }
    .border-vertical {
        height: 16px;
        width: 100%
    }
    .main2,
    .main3 {
        text-align: left
    }
    .navbar-toggle {
        margin: 40px 15px auto
    }
    .sign-up {
    display: none;
    }
     .email .send, footer {
      text-align: center;
    }
    .logo-footer p {
      text-align: center;
    }
    .logo-footer {
      padding-bottom: 0px;
    }
     .contact-info li {
      display: block;
      color: #fff;
      padding: 10px 0px 1px 0px;
    }
     .contact-info {
      margin: 9px auto;
    }
    .notice-board a {
    background-color:transparent !important;
    padding: 0px !important; 
    color: #000;
    border-radius: 5px;
   }
}

@media (max-width:320px) {
    .social-icons li {
      padding: 0 1px;
      margin: 19px auto;
    }
    .date-time {
      width: 171px !important;
    }
    .welcome {
       float: none;
       color: #fff;
       text-align: center;
    }
     .sign-up{
      display: none;
    }
     .email .send, footer {
      text-align: center;
    }
    .logo-footer p {
      text-align: center;
    }
    .logo-footer {
      padding-bottom: 0px;
    }
     .contact-info li {
      display: block;
      color: #fff;
      padding: 10px 0px 1px 0px;
    }
    .contact-info {
      margin: 9px auto;
    }
     .notice-board a {
    background-color:transparent !important;
    padding: 0px !important; 
    color: #000;
    border-radius: 5px;
   }
}