div#gallery {
    background: #AB9CDC;
    position: relative;
}

.galleryOuterWrapper {
    width: 90%;
    margin: 0 auto;
    padding: 5vw 0;
}

div#gallerySectionstart {
    background: #fff;
    border-radius: 1vw;
}

.gal-title {
    background: #CCBDEE;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    padding: 0.5vw 0vw;
}

.gal-btn .btn {
    width: 0.9vw;
    height: 0.9vw;
    display: inline-block;
    background-color: #fff;
    border-radius: 0.5vw;
    margin-left: 0.3vw;
}

.gal-btn {
    display: inline-block;
    vertical-align: middle;
    width: 93%;
    padding-left: 2%;
}

.lg {
    display: inline-block;
    width: 3%;
    vertical-align: middle;
    /* text-align: right; */
}

.gal-btn .red {
    background-color: #F89BD2;
}

.gal-btn .orange {
    background-color: #FBDEBD;
}

.gal-btn .green {
    background-color: #D0EED2;
}

div#photos {
    padding: 2vw 3vw;
}

.galRight,
.galLeft {
    display: inline-block;
    vertical-align: middle;
}

.galLeft {
    width: 65%;
}

.galRight {
    width: 32%;
}

.galLeft .photosImage {
    width: 47%;
    display: inline-block;
    padding: 0.6vw;
}

.galRight .photosImage {
    width: 100%;
}

.photosImage img {
    width: 100%;
}

.gal-lb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
}

.gal-lb img {
    width: 100%;
}

.gal-lb img.get-img {
    height: 100%;
}

.photoslb {
    position: relative;
}

a.close-galb {
    position: absolute;
    width: 6%;
    z-index: 3;
    right: 1vw;
    top: 1vw;
}

@media only screen and (max-width: 1023px) {
    .galleryOuterWrapper {
        width: 88%;
        margin: 0 auto;
        padding: 5vw 0;
    }
    div#photos {
        padding: 2vw 2vw;
    }
    .gal-lb img.get-img {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .galleryOuterWrapper {
        padding: 12vh 0;
        width: 90%;
    }
    div#photos {
        padding: 37px 15px;
    }
    .gal-lb {
        width: 95%;
    }
    .galRight,
    .galLeft {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    .galLeft .photosImage {
        width: 100%;
        display: block;
        padding: 0;
        padding-bottom: 15px;
    }
    .gal-btn .btn {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 10px;
        margin-left: 5px;
    }
    .gal-btn {
        display: inline-block;
        vertical-align: middle;
        width: 75%;
        padding-left: 3%;
    }
    .lg {
        display: inline-block;
        width: 15%;
        vertical-align: middle;
    }
    .gal-title {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        padding: 9px 0;
    }
    div#gallerySectionstart {
        background: #fff;
        border-radius: 20px;
    }
}