@charset "UTF-8";

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

#bnrGallery ul li{ margin-bottom:24px; }
#bnrGallery ul li a{ display:block;box-shadow:0px 0px 6px #666;-moz-box-shadow:0px 0px 6px #666;-webkit-box-shadow:0px 0px 6px #666; }
#bnrGallery ul li a:hover{ box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }
#abTwitter{margin:0 10px;}

/* by size */ 
@media screen and ( min-width : 320px ) and (orientation: portrait)  {
#bnrGallery ul li{ margin-bottom:18px; }
#bnrAply{ display:block;width:100%;float:left;margin:24px auto 0 auto;}
}
@media screen and ( min-width : 320px ) and (orientation: landscape)  {
#bnrAply{ margin-top:24px;}
#bnrGallery ul li{ display:block;width:50%;float:left;margin:0 18px 12px -6px;}
#bnrGallery ul li:nth-child(2n){ margin-right:-6px; }
}
@media screen and ( min-width : 480px )  {
#container{ margin:18px 24px; }
#bnrGallery ul li{ display:block;width:50%;float:left;margin:0 36px 24px -12px;}
#bnrGallery ul li:nth-child(2n){ margin-right:-12px; }
}
@media screen and ( min-width : 768px )  {
#container{ margin:18px 48px; }
#bnrAply{ margin-top:0px; display:none;}
#bnrGallery ul li{ display:block;width:33.333333%;float:left;margin:0 48px 24px -24px;}
#bnrGallery ul li:nth-child(2n){ margin-right:48px; }
#bnrGallery ul li:nth-child(3n){ margin-right:-48px; }
#abTwitter{ display:none; }
}
@media screen and ( min-width : 1024px )  {
#container{ margin:18px auto; }
#bnrAply{ display:block;}
}