#ContentPhotoswipe{ 
display:none;
/*background: #000000;*/
padding-bottom: 30px;

}

.gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.gallery:after { 
clear: both; 
content: "."; 
display: block; 
height: 0; 
visibility: hidden; 
}

.gallery li { 
float: left; 
/*width: 33.33333333%;*/
width: 22.22222222%; 
width: 19.55555555%; 
}

.gallery li a { 
display: block; 
margin: 5px; 
border: 2px solid #999999; 
}

.gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}

@media screen and (max-width: 768px) {

#ContentPhotoswipe{ 
display:block;
}

.gallery li { 
float: left; 
/*width: 33.33333333%;*/
width: 22.22222222%; 
width: 33.33333333%; 
}	

}