/*---------------------------------------------------------
                 Device specific design here  
 -------------------------------------------------------------*/

/* mobile responsive */
@media only screen and (max-width: 640px) {
    .sideBar {
      width: 100%;
      height: 100%;
      position: sticky;
      top: 0;
      display: block;
      z-index: 10;
    }
  
    .navigation {
      display: flex;
      flex-direction: row;
      width: 100%;
    }
  
    .navHome{
      border-top: 0;
    }
  
    .mainContain {
      margin-left: 0px;
    }
  
    .mainBody{
      height: inherit;
    }
  
    .homeContainer {
      height: 100%;
      display: flex;
      flex-direction: column;
    }
  
    .home1Body2{
      display: block;
    }
  
    .home2{
      display: none;
    }
  
    .reactIcon {
      right: 1rem;
      bottom: 4rem;
    }
  
    .nodejsIcon {
      left: -3rem;
      top: -0rem;
    }
    
    .jsIcon {
      left: 15rem;
      top: -2rem;
    }
    .dbIcon {
      left: -3rem;
      top: -4rem;
    }
  
    .simple-bar-chart{
      font-size: 10px;
    }
  }
  
  /* tab responsive  */
  @media only screen and (max-width: 768px) {
  }