@media screen and (orientation:portrait) {
    .intellicraftGalleryImageStyle {
        width:100%;
    }
    #intellicraftGalleryViewport {
        display: table-cell;
        width:80%;
    }
    .intellicraftGalleryLayer {
        height: auto !important;
    }
}
@media screen and (orientation:landscape) {
    .intellicraftGalleryImageStyle {
        height:99%;
    }
    #intellicraftGalleryViewport {
        padding: 0 !important;
        display: block;
    }
}

#intellicraftGalleryContainer {
    display: none;
    width:100%;
    height:100%;
    position:fixed;
    z-index:1000;
    background-color: rgba(0,0,0,0.8);
    padding-bottom:5em;
}
#intellicraftGalleryViewport {
    vertical-align: middle;
    margin-top: 15px;
    margin-left:auto;
    margin-right:auto;
}
.intellicraftGalleryImageStyle {
    margin-left:auto;
    margin-right:auto;
    display: none;
}
.intellicratGalleryButton {
    cursor: pointer;
    margin-left:15px;
}
#intellicraftGalleryClose {
    background-color:transparent;
    z-index:2;
    height:60px;
    right:0;
    top:0;
}
#intellicraftGalleryCloseImage {
    position:absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    top: 22%;
    left: 22%;
}
.intellicraftGalleryNavigation {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top:0;
    cursor:pointer;
    width:56px;
}
.intellicraftGalleryNavigation:hover {
    background-color: rgba(0,0,0,0.4);
}
.intellicraftGalleryImage {
    position:absolute;
    top: calc(50% - 13px);
    left: calc(50% - 12px);
    top: 48%;
    left: 22%;
}
#intellicraftGalleryLeft {
    left:0;
}
#intellicraftGalleryRight {
    right:0;
}
.intellicraftGalleryLayer {
    height: inherit;
    width: inherit;
}
.thumbnailContainer {
    position:relative;
    display:inline-block;
}
.thumbnailHeaderContainer {
    cursor: pointer;
    color:white;
    margin-top: 20%;
    font-size: 2em;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 0.1em;
}
.thumbnailText {
    display:table-cell;
    margin:auto;
    vertical-align: middle;
}
.thumbnailContainer:hover .thumbnailHeaderContainer {
    display:block;
}