.thumbnail {margin-bottom:6px;}

.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbnail.vistap {
  width: 100%;
  height: 280px;
  object-fit: cover;
}

@media (max-width: 1024px){
  .thumbnail.vistap {
  width: 100%;
  height: 250px;
  object-fit: cover;
}}

@media (max-width: 768px) {
  .thumbnail.vistap {
    height: 200px;
  }
}

@media (max-width: 600px){

.thumbnail.vistap {
  width: 100%;
  height: 300px;
  object-fit: cover;
}}

@media (max-width: 400px){

.thumbnail.vistap {
  width: 100%;
  height: 280px;
  object-fit: cover;
}}




#modal-gallery {
z-index:9999;
}

#img-repo {
  display: none;
}

.modal-dialog {
 top:10%;

}

.modal-title {
  display: none;
}
.modal-header .close {
  color: #000;
  font-size: 25px;
}

.modal-open .modal::-webkit-scrollbar {
  width: 7px;
  background-color: transparent;
}

.modal-open .modal::-webkit-scrollbar-thumb  {
  background-color: #000;
  border-radius: 5px;
}
.modal-open .modal::-webkit-scrollbar-thumb:hover  {
  background-color: #fff;    
}
@media (max-width: 500px) {
.modal-open .modal::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

.modal-open .modal::-webkit-scrollbar-thumb  {
  background-color: #fff;
  border-radius: 5px;
}

}

.btn {
  color: #fff;
  background-color: #000;
  border-radius: 15px;
  font-size: 17px;
  border: solid 2px #000; 
  cursor: pointer; 

}
.btn:hover { 
  color: #000;
  background-color: transparent;
  border: solid 2px #000;
}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
  background: #000;
}
.modal-dialog {
  max-width: 50%;
}