@media (max-width: 790px) {
  
  .mani-btn{
    display: block;
    margin-bottom: 3px;
  }
  
}
  

#portfolio-new img{
    width: 100%;
  
  }

.mani-btn{
    background-color:#dfdfdf;
    padding: 5px 14px;
    border-radius: 4px;
    color:#333;
    }
     

  #portfolio-new .architecture img{
    padding: 0px 34px
  }

  #portfolio-new .fashion img{
    height: 100px;
  object-fit: cover;
   
    border: 1px solid #d6d6d6;
  }



  .hide{
    visibility: hidden;
  }

  #portfolio-new .categories a.active {
    font-weight: 500;
      background-color: #e84949;
  color:#fff;
  }
@media (max-width: 500px) {

    #portfolio-new .architecture img{
    padding: 0px 3px
  }
    #portfolio-new .architecture {
min-height:200px!important;
  }
}