#sliderOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background: #000;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: left 0.5s ease-in-out;
	-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
 .swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
	display: flex !important;
	justify-content: center !important;
	align-items: center;
}

.swiper-slide img {
    max-width: 100%; 
	max-height: 100%;
	width: auto;
	height: auto;
    object-fit: contain;
}

#closeslider {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 17px;
    z-index: 2;
    background: url(../images/cancel-image.png) center center no-repeat #c52a2a;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    padding-top: 7px;
    box-sizing: border-box;
    height: 32px;
    width: 35px;
}
.swiper-pagination {
    color: #fff !important;
    text-align: left !important;
    position: relative !important;
}

.gallery-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: row; 
}

.info-panel {
    box-sizing: border-box;
    color: #fff;
	font-size: 14px;
}
.photo-credit {
	color: #999;
}
#photo-top a, #photo-bottom a {
	color: #999;
	transition: opacity 0.2s;
}

.birdname-top {
	    margin-bottom: 6px;
    float: left;
    padding-top: 50px;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
}  
.birdnamelatin-top {
	margin-bottom: 14px;
    float: left;
    padding-top: 5px;
    font-style: italic;
    font-size: 12px;
}
#female-top {
	float: left;
    width: 100%;
    margin-bottom: 8px;
}
.birdname-bottom {
    font-weight: bold;
}  
.birdnamelatin-bottom {
    font-style: italic;
}  

.swiper-button-prev2 {
	display: inline-block;
    float: left;
    margin-right: 16px;
    background: url(../images/arrow-left-white.png) 6px center no-repeat #7c7070;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
  
.swiper-button-next2 {
	display: inline-block;
    float: left;
    margin-left: 16px;
    background: url(../images/arrow-right-white.png) 9px center no-repeat #7c7070;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
  
.swiper-pagination {
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    float: left;
    padding-top: 6px;
    font-size: 18px;
}

.swiper {
	order: 1;
	width: 74%; 
	height: 100%; 
}
.panel-top {
	order: 2;
	width: 20%;
	padding-top: 18px;
}
.panel-bottom {
	order: 3; 
	display: none; 
	padding: 0px 15px 0px 15px;
	line-height: 23px;
}

.photo-top {
	float: left;
    width: 100%;
    margin-top: 5px;
}
#photo-caption-top {
    width: 100%;
    float: left;
    margin-top: 20px;
}
#photo-caption-bottom {
    width: 100%;
    float: left;
    margin-top: 8px;
}

@media (max-width: 1024px) {

.gallery-wrapper {
  flex-direction: column; 
}
.info-panel {
	display: inline-block; 
}
.panel-top {
	order: 1;
	padding: 18px 13px 0px 13px;
    width: 100%;
    height: 10%;
}
.swiper {
	order: 2;
	width: 100%;
	height: 70%;
}
.panel-bottom {
	order: 3;
	width: 100%;
	height: 20%;
	display: block;
	padding-top: 15px;
}
.top-info {
	display: none;
}
  
}