#container {
    margin: auto;
  }
  
 .mfp-image-holder .mfp-close{ 
  color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
    font-size: 33px;
    color: #fff;
    position: absolute;
    top: -40px;
    
 }
  
  .grid-item {
  display: inline-block;
      height:205px;
      overflow: hidden;
      text-align: center;
      width: 310px;
      margin: 10px;
  }
  #grid-item-media{
      display: inline-block;
      height:350px;
      overflow: hidden;
      text-align: center;
      width: 310px;
      margin: 10px;
  }
  .grid-item img{
      width:100%;
      height:auto;
  
  }
  
  
  .isotope-pager .pager {
    display: inline-block;
  }
  .filters {
      width: 100%;
      text-align: center;
      padding-bottom: 35px;
      padding-top:20px;
      
  }
  
  .filters ul {
      list-style: none;
    margin: 0 40px;
      border-radius:6px;
      
  }
  
  .filters li {
      display: inline-block;
      padding: 12px 30px;
      background-color: #000;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      cursor: pointer;
      margin: 0 20px;
      border-radius:5px;
  }
  .filters li a{
      font-size:18px;
    color: white;
    text-decoration: none;
    
  }
  .filters li:hover {
      background: rgb(196, 13, 117);
    color: #fff;
  }
  
  
  
  /* .filters li:hover {
      border: 1px solid rgb(196, 13, 117);
      color:rgb(196, 13, 117);
      background-color: #fff;
  } */
  
  .filters li.active {
  color: #fff;
      
  background-color: rgb(196, 13, 117);
      
      
  }
  
  
  
  .isotope-pager a{
    margin: 6px 10px;
      display: inline-block;
      width: 50px;
      height: 50px;
      line-height: 50px;
      color: #b6b6b6;
      font-weight: 600;
      transition: 0.3s;
      /* position: relative; */
      /* padding-right: 26px; */
   
      border-radius: 50%;
      background-color: #232323;
      
      text-decoration:none;
  }
  
  .isotope-pager a:hover{
    color: #fff;
    border: .5px solid rgb(196, 13, 117);
    box-shadow: -1px 1px 10px 3px rgba(0,0,0,.1);
  }
  
  .isotope-pager .active{
    color:rgb(246, 50, 83);
      box-shadow: -1px 1px 10px 5px rgba(0,0,0,.1);
      border-radius: 25px;
      background-color: #161616;
      border: 1px solids #e3ca66;
  }
  
  .isotope-pager .prev{
    border-radius: 30px 0 0 30px;
  }
  
  .isotope-pager .next{
    border-radius: 0 30px 30px 0;
  }
  
  .isotope-pager a::before,.isotope-pager a:after{
    content: "";
    position: absolute;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
  }
  .isotope-pager .num::before,.next::before{
    border-right: 20px solid #2c3e50;
    right: 100%;
  }
  
  .isotope-pager .num:after,.prev:after{
    border-right: 20px solid #f1f1f1;
    right: 0;
  }