@media only screen and (max-width:1769px){
  .inneremployees {

    width: 23.5%;
    
}
}

@media only screen and (max-width:1500px){
  .inneremployees {
  
    width: 23.3%;
   
}
.dashbotleft {
  width: 100%;
}
.dashboardtopbox {
  width: 49.3%;
}
}



@media only screen and (max-width:1269px){
  .inneremployees {
  
    width: 31.3%;
   
}
.attenwhitebox {
  width: 49%;

}



}

@media only screen and (max-width:1100px){
  .inneremployees {
  
    width: 30.9%;
  }

}


@media only screen and (max-width:991px){
  .inneremployees { 
    width: 46.8%;
  }
  .attenwhitebox{
    width: 100%;
  }
  .teambox {
    margin: 5px 0;
}
.inboxouter {
  height: auto;
  display: block !important;
}
.inboxleft {
  width: 100%;
  background-color: #fff;
  margin-right:0 ;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}
.inboxleft ul li {
  padding: 0 25px 0 0;
}
.inboxleft ul {
  display: flex;
}
.inboxrightleft {
  height: calc(100vh - 0px);
  width: 340px;

}
.inboxemplayeeouter {
  height: calc(100vh - 0px);
}


}


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

  
}

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

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

 
}