.swiper-container {
      width: 70%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .title-image{
      color: white;
      font-size: 12px;
      top: -25%;
      position: absolute;
      display: none;
    }
     .title-image{
      color: white;
      font-size: 10px;
      top: -35%;
      position: absolute;
      display: none;
    }
    .description-image{
      font-family: "Sinking sans Regular Light"!important;
      color: white;
      font-size: 10px;
      top: -20%;
      position: absolute;
      display: none; 
    }
    .gallery-thumbs .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-thumbs .swiper-slide:hover >.opacity{
     background-color: rgba(255,255,255,0.4);
     height: 100%;
     width: 100%;
    }

    .gallery-top .swiper-slide {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;

    }
    .swiper-slide-next{margin-left: 5px;}
    .gallery-top {
      height: 100%;
      width: 70%;
    }

    .gallery-thumbs {
      height: 30%!important;
      box-sizing: border-box;
      padding: 50px 0 50px 0px;
    }

    .gallery-thumbs .swiper-slide {
      height: 100%;
      width:100%;
    }
    .gallery-thumbs .swiper-slide-thumb-active >.title-image{
        display: block; 
    }
     .gallery-thumbs .swiper-slide-thumb-active >.description-image{
        display: block; 
    }
    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
        text-decoration: none;
        position: relative;
        display: inline-block;
        vertical-align: top;
    }
.gallery-thumbs .swiper-slide-thumb-active:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-13px;
    border-bottom:3px solid var(--color-caramelo);

}
#lightbox{
	z-index:1030;
	width:100%;
	height:100%;
	position:fixed;
    overflow-y: scroll;
	top:0;
	left:0;
	background-color:rgba(66,44,31,0.9);
}
#close{
	position:absolute;
	top:90px;
	right:120px;
	width:20px;
}
@media (max-width: 2000px) { .swiper-button-next, .swiper-button-prev {top: 70%!important;}}
@media (max-width: 1550px) {.gallery-thumbs { height: 35%!important;}}
@media (max-width: 1000px) {.gallery-top .swiper-slide{background-size: 100% auto!important;}.swiper-button-next, .swiper-button-prev {top: 95%!important;}}
@media (max-width: 950px)  {#close{right:100px;}}
@media (max-width: 850px)  {#close{right:15%;top:30px;}}
@media (max-width: 800px)  { .title-image{margin-top: -30%;} .description-image{margin-top: -18%;}}
@media (max-width: 750px) {
    .swiper-button-next, .swiper-button-prev {top: 80%!important;}
    #close{right:5%;}
    .gallery-top {
      height: 65%;
      width: 90%;
    }
    .swiper-container {
      width: 90%;
     
    }
    .title-image{top:-45%;}
}
@media (max-width: 450px) {
     .title-image{top:-35%;}
}
@media (max-width: 400px) {
    .swiper-button-next, .swiper-button-prev {top: 70%!important;}
    .gallery-top {
        height: 50%;
    }
}
@media (max-width: 350px) {
     .title-image{
        margin-top: -28%;
     }
}
@media (max-width: 300px) {
    .gallery-top {
        margin-top: -5%;
    }
    .swiper-button-next, .swiper-button-prev {top: 65%!important;}
}
@media (max-width: 250px) {
    .gallery-top {
        margin-top: -17%;
    }
    .swiper-button-next, .swiper-button-prev {top: 60%!important;}
}
@media (max-width: 220px) {
    .description-image {
    margin-top: -9%;
}
}
@media (max-width: 200px) {
    .gallery-top {
        margin-top: -32%;
    }
    .description-image{margin-top: -5%;}
    .swiper-button-next, .swiper-button-prev {top: 57%!important;}
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10%!important;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10%!important;
    right: auto;
}