.gallery {padding: 130px 0 230px;background-image: url('../../../assets/images/background-wave-desktop.svg');background-size: 100%;background-position: center bottom;background-repeat: no-repeat;}
.gallery .nav-pills .nav-item {margin: 0 20px;}
.gallery .nav-pills button.nav-link {background: transparent;color: var(--primary-color);border-radius: 0;border: 1px solid var(--primary-color);outline: none;box-shadow: none;box-shadow: 0px 3px 10px #00000033;font-family: 'ITC Avant Garde Gothic Pro Md';transition: all .2s linear;width: 300px;padding: 11.3px;letter-spacing: 2px;}
.gallery .nav-pills button.nav-link.active,
.gallery .nav-pills button.nav-link:hover,
.gallery .nav-pills button.nav-link:focus {background: var(--primary-color);color: var(--secondary-color);}
.gallery .gallery-images .image-box img, .gallery .gallery-videos .video-box img{width: 100%;height: 100%;}
.gallery .gallery-images {display: grid;grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));grid-gap: 1rem;grid-auto-flow: dense;}
.gallery .gallery-images .image-box.horizontal {grid-column: auto/span 2;}
.gallery .gallery-images .image-box.vertical {grid-row: auto/span 2;}
.vbox-container {overflow: hidden;}
.video-box{position: relative;}
.video-box .play-btn{position: absolute;top: 50%;left: 50%;height: 130px;width: 130px;transform: translate(-50%, -50%);background: rgb(255 255 255 / 40%);text-align: center;font-size: 40px;line-height: 130px;color: #fff;border-radius: 50%;padding: 0px 0px 0px 7px;}
.vbox-content .vbox-child {max-width: 100% !important;background-color: transparent !important;box-shadow: none !important;}
.vbox-content .vbox-child img {width: 100%;max-width: 100%;height: 100vh !important;-o-object-fit: contain;object-fit: contain;}
.vbox-prev.vbox-hidden,.vbox-next.vbox-hidden{display: block; opacity: .5; pointer-events: none;}
.vbox-next, .vbox-prev{ top: auto !important;bottom: 50px !important;background-color: var(--primary-color) !important;}
.vbox-prev{left: auto !important;right: 110px;}
.vbox-next{left: auto !important;right: 50px !important;}
.virtual-image figcaption.figure-caption {
    font-family: 'Arial';
    font-weight: 900;
    color: var(--primary-color);
    font-size: 16px;
    line-height: 30px;
}

.vbox-next span{border: none !important;border-left: 15px solid var(--secondary-color) !important;border-top: 10px solid transparent !important;border-bottom: 10px solid transparent !important;transform: none !important;top: 12px;}
.vbox-prev span{border: none !important;border-right: 15px solid var(--secondary-color) !important;border-top: 10px solid transparent !important;border-bottom: 10px solid transparent !important;transform: none !important;top: 12px;}
/* Extra small devices (phones) */
@media screen and (max-width: 767px) {
    .virtual-image figcaption.figure-caption {

        font-size: 14px;
        line-height: 20px;
    }
    .gallery{padding: 50px 0px 160px;background-image: url('../../../assets/images/background-wave-mobile.svg');background-position: bottom right;background-size: contain ;}
    .gallery .nav-pills button.nav-link {width: auto;font-size: 12px;line-height: 24px;min-width: 200px;margin: 0 auto; padding: 5px;}
    .gallery .gallery-images{grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));grid-gap: 0.5rem;}
    .mobile_img{grid-row-start: 2;}
    .video-box .play-btn{height: 60px;width: 60px;font-size: 25px;line-height: 60px;}
    .mobile_ordering1{grid-row-start: 7;}
    .mobile_ordering2{grid-row-start: 9;grid-column-start: 2;}
    .gallery .nav-pills .nav-item {margin: 0 7px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .gallery{padding: 90px 0px 115px;}
    .gallery .nav-pills .nav-item {margin: 0 10px;}
    .gallery .nav-pills button.nav-link{width: 200px;}
    .video-box .play-btn{height: 60px;width: 60px;font-size: 25px;line-height: 60px;}
}
@media screen and (min-width: 992px) and (max-width: 1440px) {
    .video-box .play-btn {
        height: 100px;
        width: 100px;
        font-size: 33px;
    line-height: 100px;
    }
    .gallery{padding: 120px 0px 160px;}
    .gallery .nav-pills .nav-item {margin: 0 10px;}
    .gallery .nav-pills button.nav-link{width: 280px;}
}
@media only screen and (max-width: 991px) and (orientation: landscape){
    .gallery{padding: 50px 0px 160px;}
}
.venoratio{height: 100vh !important;}