.gallery .previews, .gallery .full, .gallery .desc {
float: right;
margin-right: 10px;
}
.gallery .desc, .gallery .full {
max-width: 400px;
font-size: 12px;
}
.gallery .desc h2 {
margin-top: 0;
}
.gallery .previews a {
display: block;
margin-bottom: 10px;
}
.gallery .full, .gallery .full img {
max-height: 600px;
}
.gallery .previews a, .gallery .full {
border: 1px solid #fff;
}
.gallery .previews a:hover, .gallery .previews a.selected {
border: 1px solid #777;
}
.gallery .full img:hover {
cursor: pointer;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

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

  .gallery .previews, .gallery .full, .gallery .desc {
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 10px;
  }
}