/* ----------------------------- BASE ARCHIVE --------------------------------------------------- */

.mngallery-archive .post_image {width:210px; height:150px; margin:0 20px 0 0}
.mngallery-archive .post_image.vertical img {max-width:49%; max-height:100%; float:left}

.mngallery-archive .post_image.vertical .before {margin:0 2% 0 -2px} 
.mngallery-archive .post_image.horizontal img {max-width:100%; max-height:49%; float:left}
.mngallery-archive .post_image.horizontal .before {margin:0 0 1.5% 0}


.mngallery-archive .post_image.ba-slider img {
    float: none !important;
    max-height: none !important;
    max-width: none !important;
}


.mngallery-archive .post_image.single img {max-width:100%; max-height:100%; float:left}

.mngallery-archive .post_image.single .after {display:none}

/*.mngallery-archive .post_image {
    height: 150px;
    margin: 0 20px 0 0;
    width: 210px;
}*/


/* -- Hide the date and by author data ---*/
.mngallery-archive .post_header .date {display:none}
.mngallery-archive .post_header .author {display:none}


/* --- TILED FORMAT --- */
.mngallery-archive.tiled article {position:relative}
.mngallery-archive.tiled article .post_excerpt, .mngallery-archive.tiled  hr, 
.mngallery-archive.tiled .post_header .date, .mngallery-archive.tiled .post_header .author  {display:none}
.mngallery-archive.tiled .post_header h2 {position:relative;font-size:16px;line-height:16px;padding:0;margin:0;
overflow:hidden;text-overflow:ellipsis;height:26px;white-space:nowrap;}


.mngallery-archive.tiled article {
	display:block;float:left;width:47%;clear:none; padding:1%;
	background:#F7F7F7;margin:0 1% 10px 0;}
.mngallery-archive.tiled .pagination {clear:both}
.mngallery-archive.tiled .post_image {width:96%;padding:2%;margin:0; background:#fff; height:100%; float:none; max-height: 195px;}
.mngallery-archive.tiled .post_image a {display:block}



.mngallery-archive.baslider  article {position:relative}
.mngallery-archive.baslider  article .post_excerpt, .mngallery-archive.tiled  hr, 
.mngallery-archive.baslider  .post_header .date, .mngallery-archive.tiled .post_header .author  {display:none}

.mngallery-archive.baslider article .post_header  h2 {
    font-size: 16px; height: auto; margin: 0; overflow: hidden;  padding: 0;
    position: relative; text-overflow: ellipsis; white-space: nowrap;
}
.mngallery-archive.baslider article .post_header h2 {
    margin: 0 0 20px !important;  text-align: center; display: block!important;
}

.mngallery-archive.baslider  article {
	display:block;float:left;width:47%;clear:none; padding:1%;
	background:#F7F7F7;margin:0 1% 10px 0;}
.mngallery-archive.baslider  .pagination {clear:both}
.mngallery-archive.baslider  .post_image {width:100%;padding:0;margin:0; background:#fff; height:100%; float:none;}
.mngallery-archive.baslider  .post_image a {display:block}


.mngallery-archive .lightbox_class{width: 25%; float: left;}
.mngallery-archive .imageset-title{display: block; text-align: center;}
.mngallery-archive .lightbox_post_header{clear: both; margin-top: 10px;}
.mngallery-archive .imageset-holder{max-width: 400px; margin: 0 auto;}
.mngallery-archive .img-block{float: left; margin-bottom: 10px;}
.mngallery-archive img.imageset-inline{width: 50%; float: left;}

 @media (max-width: 992px) {
    .mngallery-archive .lightbox_class {width: 50%;} 
  }
   @media (max-width: 576px) {
    .mngallery-archive .lightbox_class {width: 100%;} 
  }


/*------------------------------ BASE SINGLE ---------------------------------------------------- */

.mngallery-single #imagesetcontainer {
position:relative;
float:left; width:100%; clear:both; margin-bottom:20px; padding:20px 0; background:#f0f0f0; border:1px solid #ccc;}

.mngallery-single #imagesets {position:relative;float:left;width:90%; margin:0 5%}
.mngallery-single .prev, .mngallery-single .next { 
display:block; padding:10px; background:#e5e5e5;color:#FFF; font-weight:bold; margin:-50px 0 0; cursor:pointer;}

.mngallery-single .prev {position:absolute;top:50%;left:-30px;display:none; font-size:12px}
.mngallery-single .next {position:absolute;top:50%;right:-30px;font-size:12px}

.mngallery-single #imagesetcontainer.slider .imageset {text-align:center;position:relative;top:0;left:0; overflow:hidden}
.mngallery-single #imagesetcontainer.slider .imageset + .imageset {display:none;}
.mngallery-single .imageset img {max-width:49%}
.mngallery-single .imageset .before{margin:0 1% 0 0}

.mngallery-single .imageset.horizontal img {max-width:99%; clear:both}
.mngallery-single .imageset.horizontal .before{margin:0 0 5px}

.mngallery-single .imageset.single img {max-width:99%; clear:both}
.mngallery-single .imageset.single .after{display:none}



.mngallery-single #imagesets .imageset p { display:block; clear:both; padding:0; margin:10px 0 0}

.mngallery-single #imagesetcontainer.simple #imagesets {float: left;margin:0 0 0 -20px;width: 100%;}
.mngallery-single #imagesetcontainer.simple #imagesets .imageset {margin: 0 20% 0;width: 60%;}
.mngallery-single #imagesetcontainer.simple #imagesets .imageset + .imageset {margin-top:25px}

/* mobile reset */
.ismobile .mngallery-single #imagesetcontainer { background:0; border:0}
.ismobile .mngallery-single .imageset {display:block; border:1px solid #aaa;
position:relative;padding:20px; margin-bottom:20px; overflow:hidden; clear:both; background:#eee}
.ismobile .mngallery-single #imagesets {position:relative;float:left;width:100%; margin:0}
.ismobile .mngallery-single a.prev {display:none}
.ismobile .mngallery-single a.next {display:none}

.ismobile .mngallery-archive .post {width:99%}


.ismobile #mngallerymenu.mobile, .ismobile #mngallerymenu.mobile ul {float:left;width:100%;display:block; list-style:outside none; padding:0; margin:0}
.ismobile #mngallerymenu.mobile {margin:0 0 20px;border:1px solid #ccc}
.ismobile #mngallerymenu.mobile li {float:left; display:block; clear:both; width:100%; }
.ismobile #mngallerymenu.mobile li a {display:block;padding:1px 5px; line-height:24px; font-weight:normal}
.ismobile #mngallerymenu.mobile li li a {display:block;padding:1px 5px 1px 10px}
.ismobile #mngallerymenu.mobile li li li a {display:block;padding:1px 5px 1px 15px}
.ismobile #mngallerymenu.mobile li li li li a {display:block;padding:1px 5px 1px 20px}
.ismobile #mngallerymenu.mobile>li {background:0;}
.ismobile #mngallerymenu.mobile li.current-cat a {font-weight:bold; text-decoration:underline}