.wrapper { 
  border : 2px solid #000; 
  overflow:hidden;
}

.wrapper div {
   min-height: 20px;
   padding: 10px;
}
#one {
  /*background-color: gray;*/
  float:left; 
  margin-right:20px;
  width:140px;
  border-right:2px solid #000;
}
#one1 {
  /*background-color: gray;*/
  float:left; 
  margin-right:20px;
  width:140px;
  border-right:2px solid #000;
}
#two { 
  background-color: white;
  overflow:hidden;
  margin:10px;
  border:2px dashed #ccc;
  min-height:170px;
}
#two2 { 
  background-color: white;
  overflow:hidden;
  margin:10px;
  border:2px dashed #ccc;
  min-height:170px;
}

@media screen and (max-width: 400px) {
   #one { 
   background-color: gray;
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000;    
  }
}
@media screen and (max-width: 445px) {
   #one { 
   background-color: yellow;
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000;    
  }
}
.vistbl table {
	width:90%;
	
}