.wrapper22 { 
  border:0px dashed #ccc;
  width:100%;
  overflow:hidden;

}

.wrapper22 div {
   min-height: 100px;
   padding: 10px;
}
#one {
  background-color: white;
  float:left; 
  width:33%;
}
#two {
  background-color: white;
  float:left; 
  width:34%;
}
#three {
  background-color: white;
  float:left; 
  width:33%;
}
#four {
  background-color: white;
  float:left; 
  width:20%;
}
#five {
  background-color: white;
  float:left; 
  width:20%;
}

@media screen and (max-width: 400px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;

  }
   #three { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;

  }
   #two { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;

  }
   #four { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;

  }

   #five { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;

  }

}/* CSS Document */