.pictures { margin:0; }
ul.pics { background-color:transparent; font-size:0; text-align:center; position:relative; margin:0; padding:10px 0 0 0; display:inline-block; vertical-align:top; }
.pics li { background-color:transparent; position:relative; max-width:32.449088%; height:auto; margin:0 4px 16px 4px; display:inline-block; vertical-align:top; border:0; }
.pics li.last { display:none; }
.pics li h2 { text-align:left; }
.pics li a { color:#fff; border:0; float:left; }
.pics li a img { max-width:100%; border:0; }
.pics li a:hover img, .pic li a:focus { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }
.pics li span { text-align:left; margin:0 0 0 20px; padding:0; display:block; }
.pics li a span.which-country { color:#fff; font-size:13px; line-height:16px; text-transform:uppercase; }
.pics li a:hover span.which-country, 
.pics li a:focus span.which-country { color:#a29061; }
.pics li a:hover h2, .pic li a:focus h2 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }

@media screen and (min-width: 1280px) { 
.pics li:nth-child(3n+1) { clear:both; }
}
@media screen and (min-width: 1152px) and (max-width: 1279px) {
.pics li { max-width:32.378472%; }
.pics li:nth-child(3n+1) { clear:both; }
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
.pics li { max-width:32.259114%; }
.pics li:nth-child(3n+1) { clear:both; }
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
.pics li { max-width:32.105654%; }
.pics li:nth-child(3n+1) { clear:both; }
}
@media screen and (min-width: 768px) and (max-width: 895px) {
.pics li { max-width:31.901041%; }
.pics li:nth-child(3n+1) { clear:both; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.pics li { max-width:48.28125%; }
.pics li.last { display:inline-block; }
.pics li:nth-child(2n+1) { clear:both; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
.pics li { max-width:47.708333%; }
.pics li.last { display:inline-block; }
.pics li:nth-child(2n+1) { clear:both; }
}
@media screen and (min-width: 350px) and (max-width: 480px) {
.pics li { max-width:100%; }
.pics li.sentence { margin:0 20px 2px 20px; padding-bottom:50px; }
.pics li.last { display:inline-block; }
.pics li:nth-child(1n+1) { clear:both; }
.pics li a { float:none; }
.pics li a:hover span { visibility:hidden; }
}
@media screen and (max-width: 349px) {
.pics li { max-width:100%; }
.pics li.sentence { margin:0 20px 2px 20px; padding-bottom:50px; }
.pics li.last { display:inline-block; }
.pics li:nth-child(1n+1) { clear:both; }
.pics li a { float:none; }
.pics li a:hover span { visibility:hidden; }
}