@import url(../Media/StyleSheet.css);

/* directory browse map/list view icons */
.maplistlink {color:#fff; font-family:Arial; padding:0 5px 0 10px; font-size:16px; position:relative; bottom:2px;}
.maplisticon {background:#cc0000; padding:3px 5px; color:#fff; width:auto; border-radius:2px; position:relative; top:28px; left:15px; margin-bottom:40px;}
.maplisticon .glyphicon {color:#fff; font-size:16px; padding-top:4px; padding-left:5px;}

.listingdisplaypanel .listingimage img {padding: 0; margin:auto; position: relative; right: 0px;}

@media (min-width: 768px) {
    .mgdisplaylistinghome {min-height: 470px;}
}


@media (max-width: 767px) {
    /* photo gallery display page */
    .gallery-description {padding-top:20px;}
    .photogallerysubmit .btn  {margin:20px 0 20px 0; width:100%;}

    /* Photo Gallery Styles - home and browse pages */
    .mgphotogallery {margin:0 auto; text-align:center; padding:15px 10px; font-weight:bold; background:#fff; border:1px solid #ddd; height:auto; margin:5px;}
    .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:180px;}
    .mgphotogallery a {display:block; color:#222;}
    #PhotoGalleryHeading {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:5px 10px; font-size:22px;}

    /* Photo Gallery - Home Page */
    .gallerypanel .mgpanel-bodyhm {padding:20px 10px; position:relative; bottom:24px;}
    .gallery-wrapper {padding:10px 0 0 0; background:#fff;}
    .gallery-homepage {max-width:1280px; margin:0 auto; float:none;}
    .gallery-homepage .mgphotogallery {margin:0 auto; text-align:center; padding:15px 5px; font-weight:bold; background:#fff; border:1px solid #ddd; height:auto; margin:5px;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:8px 10px; font-size:22px;}
    .gallery-homepage .morelink .btn {background:#cc0000; color:#fff; margin:15px 0 15px 5px; text-decoration:none;}
    .gallery-homepage .morelink a {color:#fff; font-size:18px;}
}

@media (min-width: 768px) and (max-width: 991.98px)  {
    /* photo gallery display page */
    .gallery-description {padding-top:20px;}
    .photogallerysubmit .btn  {float:left; margin-bottom:20px;}

    /* Photo Gallery Styles - home and browse pages */
    .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:15px 5px; font-weight:bold; background:#fff; border:1px solid #ddd; min-height:290px; margin:5px;}
    .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:180px;}
    .mgphotogallery a {display:block; color:#222;}
    #PhotoGalleryHeading {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:5px 10px; font-size:22px;}

    /* Photo Gallery - Home Page */
    .gallerypanel .mgpanel-bodyhm {padding:20px 10px; position:relative; bottom:24px;}
    .gallery-wrapper {padding:0 0 10px 0; background:#fff;}
    .gallery-homepage {max-width:1280px; margin:0 auto; float:none;}
    .gallery-homepage .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:15px 5px; font-weight:bold; background:#fff; border:1px solid #ddd; min-height:290px; margin:5px;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:8px 10px; font-size:22px;}
    .gallery-homepage .morelink .btn {background:none; color:#222; float:right; position:relative; bottom:34px; text-decoration:underline;}
    .gallery-homepage .morelink a {color:#222; font-size:18px;}
}

@media  (min-width: 992px) {
    /* photo gallery display page */
    .gallery-description {padding-top:20px;}
    .photogallerysubmit .btn  {float:right; position:relative; top:22px;}

    /* Photo Gallery Styles - home and browse pages */
    .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:15px 5px; font-weight:bold; background:#fff; border:1px solid #ddd; min-height:290px; margin:5px;}
    .mgphotogallery img {margin:0 auto; margin-bottom:10px; max-height:180px;}
    .mgphotogallery a {display:block; color:#222;}
    #PhotoGalleryHeading {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:5px 10px; font-size:22px;}

    /* Photo Gallery - Home Page */
    .gallerypanel .mgpanel-bodyhm {padding:20px 10px; position:relative; bottom:24px;}
    .gallery-wrapper {padding:0 0 10px 0; background:#fff;}
    .gallery-homepage {max-width:1280px; margin:0 auto; float:none;}
    .gallery-homepage .mgphotogallery {width:32%; margin:0 auto; text-align:center; padding:15px 5px; font-weight:bold; background:#fff; border:1px solid #ddd; min-height:290px; margin:5px;}
    .gallery-homepage #PhotoGalleryHeading {color:#222; background:#e9e9e9; border-color:#e9e9e9; padding:8px 10px; font-size:22px;}
    .gallery-homepage .morelink .btn {background:none; color:#222; float:right; position:relative; bottom:34px; text-decoration:underline;}
    .gallery-homepage .morelink a {color:#222; font-size:18px;}
}