@media (min-width: 959px){
.sub {
  margin:40px 0 0 0;
}
}

@media (max-width: 958px){
.sub {
  margin:40px 0 0 0;
}
}

.album li > a,
.album li > a img{
display: block;
width:175px;
height:175px;
}

.album li > a {
width:175px;
height:175px;
position: relative;
margin:0 0 5px 5px;
float:left;
box-shadow:3px 3px 5px -1px rgba(0,0,0,0.4);
}

/*fix sub menu*/
  ul#nav li > ul.active_sub {
/*  border: 1px solid green;*/
  position: absolute;
  display: block;
  height: 20px;
  padding:20px 0 0 0;
  background-color:white;
  clear:left;
}

@media (min-width: 800px) and (max-width: 958px){
  ul#nav li > ul.active_sub {
  top:25px;
  left: -240px;
}
}

@media (min-width: 571px) and (max-width: 799px){
  ul#nav li > ul.active_sub {
  top:25px;
  left: 0px;
}
}

@media (max-width: 570px){
  ul#nav li > ul.active_sub {
  top:50px;
  left: 0px;
}
}

@media (min-width: 959px){
  ul#nav li > ul.active_sub {
  margin:21px 0 0 0;
  left: -240px;
  width:650px;
}

ul#nav li:hover > ul.passive_sub #hide_submenu {
  position: absolute;
  display: block;
  width:650px;
  height: 40px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  background-color:white;
  z-index:50;
}
}

ul#nav li > ul.active_sub > li a {
  /*border:1px solid red;*/
  float: left;
  font: bold 1.1em;
  line-height: 20px;
  color: rgb(180,180,180);
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(120,120,120,0.3);
  position:relative;
  margin: 0px 0px 0 0px;
  padding: 0 30px 0 0px;
  background-color:white;
  position:relative;
  z-index:1;
}