@media screen and (min-width: 474px) and (max-width: 631px) 
	{
.box1b {width: 75px; height: 75px; background-color: red; display: block; position: absolute; top: 10px; left: 10px; }
.box2b {width: 75px; height: 75px; background-color: orange; display: block; position: absolute; top: 95px; left: 10px; }
.box3b {width: 75px; height: 75px; background-color: green; display: block; position: absolute; top: 180px; left: 10px; }
.box4b {width: 75px; height: 75px; background-color: yellow; display: block; position: absolute; top: 265px; left: 10px; }
.box5 {width: 315px; height: 330px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 10px; left: 90px; box-shadow:0 15px 10px -15px; }
	
	
div.box1b:hover ~ .box1 {width: 285px; height: 330px; position: absolute; top: 10px; left: 90px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box1b:hover ~ .box5 {width:25px; height: 330px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 10px; left: 380px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}
	
div.box2b:hover ~ .box2 {width: 285px; height: 330px; position: absolute; top: 10px; left: 90px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box2b:hover ~ .box5 {width:25px; height: 330px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 10px; left: 380px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}
	
div.box3b:hover ~ .box3 {width: 285px; height: 330px; position: absolute; top: 10px; left: 90px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box3b:hover ~ .box5 {width:25px; height: 330px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 10px; left: 380px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}

div.box4b:hover ~ .box4 {width: 285px; height: 330px; position: absolute; top: 10px; left: 90px; cursor: pointer; 
-webkit-transition:all 0.5s ;  
-moz-transition:all 0.5s ;  
-o-transition:all 0.5s ;  
-ms-transition:all 0.5s ;  
transition:all 0.5s ; }

div.box4b:hover ~ .box5 {width:25px; height: 330px; border-radius: 10px; background-color: blue; display: block; position: absolute; top: 10px; left: 380px; box-shadow:0 15px 10px -15px;
 -webkit-transition:0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;}

	}