/* fluid 5 columns */
#album_container{position: relative;}
.grid-sizer,
.album-item { width: 50%; height:311px;}
.album-item{float:left;}
.album-item img {  display: block;  max-width: 100%; height:auto;  padding:0px;}
/* 2 columns */
.grid-item--width2 { width: 66.666666%;height:856px; }


#album_container .album-item{position:relative;text-align:center;}
#album_container .album-item .bg{background:#ccc;background-size:cover;position:absolute;background-position:center center;left: 0;top: 0;right: 0;bottom: 0;background-repeat:no-repeat;}
#album_container .album-item .item-hover{
    background:rgba(100,71,20,0.7) 
    ;position:absolute;width:calc(100% - 6px);
    height:calc(100% - 6px);top:3px;left:3px;border:solid 0px #ebebeb;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.page-info.page-about #album_container .album-item .bg {
    border: 2px solid rgba(255,255,255,0.8);
}

#album_container .album-item:hover .item-hover{opacity:1;}
#album_container .album-item p.lib-title{
    position:absolute;
    /* width:calc(100% - 6px); */
    font-family:'Open Sans Bold';
    min-height:61px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 6px;
    padding: 6px;
    text-align:center;
    font-size: 16px;
    color:#fff;
    z-index:2;
}
#album_container .album-item p.lib-title span{
    display: block;
     font-family:'Open Sans Regular';
}
#album_container .album-item p.lib-title img{height: 18px;margin-top: 30px}
ul.bxslider{list-style:none; padding:0px;}



@media screen and (min-width:1680px){
    #album_container .album-item p{font-size: 16px;min-height: 65px;}
    #album_container2 .album-item p{font-size: 26px;    min-height: 65px;}
    
}
@media screen and (min-width:992px) and (max-width:1199px){
    .grid-sizer,
    .album-item{height:315px;}
    .album-item.grid-item--width2 {
    height: 630px;
}
    album-item.grid-item--width2 {height:630px; }
    #album_container .album-item p{font-size: 23px;    min-height: 21px;}
    #album_container2 .album-item p{font-size: 23px;    min-height: 21px;}
}
@media screen and (max-width:991px){
    .grid-sizer,
    .album-item{height:261px;}
    .grid-item--width3 {height:522px; }
    #album_container .album-item p{font-size: 18px;min-height: 40px;}
    #album_container2 .album-item p{font-size: 18px;min-height: 40px;}
}
@media screen and (max-width: 768px){
    .album-item {
   
    height: 240px;
}
 .album-item.grid-item--width2 {height:480px; }
 .list-why span img {
    margin: auto;
}
}
@media screen and (max-width:767px){
    .grid-sizer,
    .album-item{height:calc(100vw * 0.65);  width: 100%;}
    .grid-item--width3 {height:calc(100vw * 0.65 * 2); }

    .grid-item--width2 { width: 100%; }

    #album_container .album-item p{font-size:18px; min-height:30px;}
      #album_container2 .album-item p{font-size:18px; min-height:30px;}
}
@media screen and (max-width:480px){
    #album_container .album-item .bg {
   
left: 30px;
   
padding-bottom: 20px;
   
margin-bottom: 10px;
}
.album-item{height:calc(100vw * 0.65);  width: 100%;}

    .album-item.grid-item--width2 {height:calc(100vw * 0.65);  width: 100%; }
}