.mediagalpreview {height: 35px;padding: 2px; cursor: pointer; display: none;}
#mediagalleryprev{display: block; text-align: center; width: 700px; max-width: 100%; margin:0 auto;}
#navtop{margin:0px auto; text-align: center; padding: 5px;}
#gallerydisplaycover{margin:0px auto; width: 700px;  max-width: 100%;}
#gallerydisplay{width: 700px;  max-width: 100%;  border: 1px solid white; position: relative;border-radius: 20px;}
#gallerydisplay img {width: 700px;  max-width: 100%;  display: block;/*position: absolute;*/top:0px;left: 0px; border-radius: 20px;}
#gallerydisplay #show{position: absolute;}

#fotoopiswrap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
     max-width: 100%; 
    background-color: #555555;
    opacity: 0.5;
    text-align: center;
    font-size: 17px;
    border: 1px solid white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#fotoopis {
    color: white;
    font-style: italic;
    opacity: 1;
    font-family: candara, arial,tahoma;
    font-size: 17px;
}

.gallarytoright {position: absolute; top:  0; right:  0; width:  20%; display: none; cursor: pointer;z-index:  100;}
/*.gallarytoright .point{position: absolute; top:  0; right:  0;  color:  white; text-align: center; /* opacity: 0;*/}*/
.gallarytoright .bg {background-color: black; opacity: 0;position: absolute; top:  0; right:  0; width:  100%;}

.gallarytoleft {position: absolute; top:  0; left:  0; width:  20%; display: none; cursor: pointer;z-index:  100;}

.gallarytoright .point, .gallarytoleft .point{position: absolute; top:  50%; left: 50%; width: 60px; height: 60px; color:  white; text-align: center;  transform: translate(-30px, -30px);/*opacity: 0;*/}


.gallarytoleft .bg {background-color: black; opacity: 0;position: absolute; top:  0; right:  0; width:  100%;}

.gallarytoright .point i ,.gallarytoleft .point i {
    font-size: 35px;
}
@media (max-width: 767px)   {

    .gallarytoright .point i ,.gallarytoleft .point i {
        font-size: 40px;
    }
}