@media only all and (min-width: 768px){
                .gallery-image {
                    cursor: pointer;
                }
                .lightbox {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0.8);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 9999;
                }
                .lightbox img {
                    max-width: 90%;
                    max-height: 90%;
                }
                .lightbox .nav {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    padding: 0 20px;
                    box-sizing: border-box;
                    color: #fff;
                    font-size: 30px;
                }
                .lightbox .nav button {
                    background: none;
                    border: none;
                    color: #999;
                    font-size: 40px;
                    cursor: pointer;
                    box-shadow: none;
                }

                .lightbox .close-button {
                    position: absolute;
                    top: 30px;
                    right: 30px;
                    cursor: pointer;
                    font-size: 50px;
                    color: #999;
                }

                body.lock-scroll {
                    overflow: hidden;
                }

                #lightbox_img_counter{
                    position: absolute;
                    right: 30px;
                    bottom: 30px;
                    color: white;
                    font-size: 1.5rem;
                }
            }

            @media only all and (max-width: 767px){
                .gallery-image{
                    width: 100%;
                }
            }