#gallery{padding:0 0 50px 0}.img-wrapper{position:relative;margin-top:30px}.img-wrapper img{width:100%}.img-overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0}.img-overlay i{color:#fff;font-size:3em}#overlay{background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#overlay img{margin:0;width:80%;height:auto;-o-object-fit:contain;object-fit:contain;padding:5%}@media screen and (min-width:768px){#overlay img{width:60%}}@media screen and (min-width:1200px){#overlay img{width:50%}}#nextButton{color:#fff;font-size:2em;transition:opacity .8s}#nextButton:hover{opacity:.7}@media screen and (min-width:768px){#nextButton{font-size:3em}}#prevButton{color:#fff;font-size:2em;transition:opacity .8s}#prevButton:hover{opacity:.7}@media screen and (min-width:768px){#prevButton{font-size:3em}}#exitButton{color:#fff;font-size:2em;transition:opacity .8s;position:absolute;top:15px;right:15px}#exitButton:hover{opacity:.7}@media screen and (min-width:768px){#exitButton{font-size:3em}}.mybtnStyle{display:flex;justify-content:center;margin-top:80px;flex-wrap:wrap}


/*--filter tab--*/
.filterDiv {
  float: left;
 
  color: #ffffff;
  
  line-height: 100px;
  text-align: center;
  
  display: none;
}

.show {
  display: block;
}

.container {
  margin-top: 20px;
  overflow: hidden;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 8px 16px;
  background-color: #dee2e6;
  cursor: pointer;
  margin:0 5px 10px 5px;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #e75c57;
  color: white;
}