.container-box2
{
	display:none; 
	padding:10px; 
	background: rgba(255, 255, 255, .8);
	border: 1px solid #fff;	
	position: fixed;
  	top: 55%;
  	left: 0;
	margin-left:330px;
}
.container-box1
{
	display:inline-block; 
	padding:10px; 
	background: rgba(255, 255, 255, .8);
	border: 1px solid #fff;	
	position: fixed;
  	top: 67%;
  	left: 0;
	margin-left:1280px;
}
@media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .container-box2 {display: inline;}
  }
.modal-content
{
	background: rgba(255, 255, 255, .7);	

}


.rotated
{
	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform-origin: top left;  
}