.grid-maso {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
  grid-auto-rows: 20px;
  padding-top: 7px;
  height:auto;
}
/* Non-grid specific CSS */  
.grid-maso-item {
  background: #ffffff;
  box-shadow: 3px 4px 5px rgb(0 0 0 / 10%);
  display: inline-table;
  /*border: 1px solid #d9dfe6;*/
}
.grid-maso-item-content
{
    height:0 auto;
}

/*Media query*/
/* Media Query for Mobile Devices */
@media (max-width: 480px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(33%,1fr));
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    }
}

/* Media Query for Large screens */
@media (min-width: 1281px) and (min-width: 1600px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    }
}
@media (min-width: 1601px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(332px,1fr));
    }
}
/*End Media Query*/

/*@media (min-width: 1920px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(332px,1fr));
    }
}
@media (min-width: 1680px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(332px,1fr));
    }
}

@media (min-width: 1366px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
    }
}

@media (max-width: 768px) {
    .grid-maso {
        grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
    }*/
}