@media only screen and (min-width: 799px) {
    .fancybox-show-thumbs .fancybox-inner {
        right: 30%;
        width: 70%;
    }

    .fancybox-thumbs {
        width: 30%;
    }

    .fancybox-thumbs > ul > li {
        width: 50%;
        height: 0;
        padding-bottom: 30%;
    }

    .fancybox-thumbs > ul > li > img {
        min-height: 0;
    }

    .fancybox-thumbs > ul > li > img {
        min-height: 0;
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    .fancybox-caption {
        width: 50%;
        padding: 30px !important;
        height: auto !important;
        margin: 0 auto;
    }
}

.media-boxes-filter{ padding: 0!important; margin: 0 0 10px 0!important; }

.media-boxes-filter>li a.selected {
    background: #548ec4 !important;
}

/* hide no more entries button */
.media-boxes-no-more-entries{
    display: none;
}

/* make your own style of the filter */
.filters-container{
    margin-bottom: 20px;
}
.custom-filter{
    padding: 0;
    text-align: right;
}
.custom-filter li{
    list-style: none;
    display: inline-block;
    margin-left: 18px;
    font-size: 12px;
}
.custom-filter li a{
    color: #999;
    text-decoration: none;
}
.custom-filter li a:hover{
    color: #333;
}
.custom-filter li a.selected{
    color: #D1474C !important;
}

/* Set the style of the thumbnail overlay items */
.media-box-title{
    color: #fff;
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 28px;
}
.media-box-date{
    color: #F2F2F2;
    font-size: 10px;
}

/* Remove box shadow and border-radius from the media boxes */
/*.media-box-container{*/
    /*-webkit-border-radius: 0px;*/
    /*-moz-border-radius: 0px;*/
    /*border-radius: 0px;*/

    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
    /*-o-box-shadow: none;*/
    /*-ms-box-shadow: none;*/
    /*box-shadow: none;*/
/*}*/

/* thumbnail overlay background */
.thumbnail-overlay{
    background-color: rgba(0,0,0, .40);

    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

/* thumbnail overlay background (in the first grid change the initial background) */
#grid .thumbnail-overlay{
    background-color: rgba(0,0,0, 0);
}

/* hover effect on the thumbnail-overlay */
.thumbnail-overlay:hover{
    background-color: rgba(0,128,224, .65) !important;
}


/* hover effect on the image */
/*.media-box-image img{*/
    /*-webkit-transition: transform 0.6s ease-in-out;*/
    /*-moz-transition: transform 0.6s ease-in-out;*/
    /*-o-transition: transform 0.6s ease-in-out;*/
    /*-ms-transition: transform 0.6s ease-in-out;*/
    /*transition: transform 0.6s ease-in-out;*/

    /*-webkit-transform-origin: bottom left;*/
    /*-moz-transform-origin: bottom left;*/
    /*-o-transform-origin: bottom left;*/
    /*-ms-transform-origin: bottom left;*/
    /*transform-origin: bottom left;*/
/*}*/
/*.media-box-image:hover img{*/
    /*-webkit-transform: scale(1.2) translate(-20px);*/
    /*-moz-transform: scale(1.2) translate(-20px);*/
    /*-o-transform: scale(1.2) translate(-20px);*/
    /*-ms-transform: scale(1.2) translate(-20px);*/
    /*transform: scale(1.2) translate(-20px);*/
/*}*/