/* CSS Document */
.gallery {margin-top: 50px;
text-align: center;}

.case_preview1 {
	margin-top: 10px;
	margin-bottom: 10px;
	
} 

.case_preview2 {
	margin-top: 10px;
	margin-bottom: 10px;
	
} 

.case_previewmini1{
	display:none;
}

@media (min-width:320px) and (max-width : 600px){
	
	.case_preview1 {
	display:none;} 

   .case_preview2 {display:none;} 
	
	.case_previewmini1{display:inline-block;
	margin-top:10px;
	margin-bottom: 10px;}
	
	.gallery {
margin-top: -10px;
text-align: center;}
	
}

#container{
	text-align: center;
	
}

.laptop{ 
	padding-top:10px; 
	text-align: center;
	width:100%;}

.laptop{
	-webkit-animation-name: Floatingx;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 60px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 60px);}
    to {-moz-transform: translate(0, -0px);}    
}