.photoAlbum { padding: 18px 0 18px 18px;}
.photoAlbum h4{ margin:0; padding:18px 18px 18px 0; font-family: 'robotomedium', sans-serif; font-size: 16px; font-weight: normal;}
.photoAlbum ul{ margin: 0; padding: 0; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.photoAlbum li{ padding: 0; margin: 0 18px 18px 0; width: calc(50% - 18px); opacity: 0; transition: opacity 1s;}
.photoAlbum li a{ display: block;}
.photoAlbum li img{ width: 100%; }
.photoAlbumPop .mfp-bottom-bar{ height:150px;}
.photoAlbum .waitForIt{ opacity: 0; display: none;}
.photoAlbum .loaded{ opacity: 1;}
.hideScroll{ overflow: hidden;}
.mfp-gallery .mfp-image-holder .mfp-figure{ cursor: auto;}
.photoAlbumEdit li:last-child {margin-right: 0;}
.photoAlbumEdit li { width: calc(33.85% - 18px); }
@media (min-width: 320px) and (max-width : 991px){
    .mfp-controls .mfp-counter,.mfp-controls .mfp-arrow,.mfp-controls .mfp-play{ display: none;}
    .hideScroll{position: fixed; width: 100%; height: 100%;}
    /* added by Arif for IMF-413*/
    .photoAlbumPop .mfp-figure-wrap .mfp-bottom-bar .mfp-title {width: 90%; padding-top: 10px; float:left;}
}

@media (min-width: 320px) and (max-width : 767px){
    .photoAlbumPop .mfp-figure-wrap .mfp-bottom-bar .mfp-title{ font-size: 14px; padding: 0; line-height: normal;}
    .photoAlbumPop .mfp-controls{ padding: 5px 0 0;}
    .photoAlbumPop .mfp-bottom-bar{ height: 60px; padding: 10px 0;}
    .mfp-gallery.photoAlbumPop .mfp-image-holder .mfp-figure{ margin: 10px auto; padding: 10px 10px 0;}
}

@media (min-width: 320px) and (max-width : 640px){
    .photoAlbum li{ width: calc(100% - 18px); } 
}
@media (min-width: 992px) {
    .hideScroll.fullWidth {position: fixed; width: 100%; height: 100%;}
}