DIV.gm-gallery-thumb {
	width:220px;
	height:250px;
	padding:10px;
	display:inline-block;
	margin-bottom:20px;
}

DIV.gm-gallery-thumb IMG {
    height: 200px;
    width: 200px;
}

.gm-photo-modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: 0px; 
	z-index: 1000;
}

@media (min-width: 768px) {
  .modal-xl {
   width_: 90%;
   height_: 90%;
   max-width_:1200px;
  }
  
.my-nav {
	margin-bottom:5px;
}

.modal .modal-body {
    _max-height: 800px;
    _overflow-y: auto;
}

.modal-dialog {
  width: 95%;
  height: 95%;
  margin: auto;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  max-height: 100%;
  border-radius: 0;
  overflow: scroll;
}

IMG.fit { /* set relative picture size */
	max-width: 99%;
	max-height: 99%;
}

IMG.center {
	display: block;
	margin: auto;
}

DIV#side {
	border-left: 2px solid lightgray;
}

DIV#photo{

}

DIV#toolbar {
	margin-bottom:15px;
	text-align: center;
}

DIV#metadata {
	
}

DIV#gallery-title{
	text-align: center;
	font-weight: bold;
}

DIV#photo-title {
	margin-bottom:10px;
	text-align: justify;
}

DIV#photo-description {
	text-align: justify;
}

div#gallery-side {
    padding-top: 19px;
}

DIV#gallery {
	text-align: center;
}

DIV#gallery IMG {
    margin-bottom: 5px;
}

UL#first {
	list-style: none;
}

UL#first li {
	padding: 5px 0 5px 0;
}

DIV#photoLoading {
	position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
}

.loader {
	position: fixed;
    z-index: 999;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    
    border:5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}