@media (max-width: 576px) {
    .grid-sizer,
    .grid-item {
      width: 100%; /* 1 ستون در موبایل */
    }
  }
@media (min-width: 280px) and (max-width: 767px) {
    .container{
        width: 97%;
    }
    .note-entry .showtit {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .grid-sizer,
    .grid-item {
      width: 49%; /* 2 ستون در تبلت */
    }
  }
@media (min-width: 768px) and (max-width: 1023px) {
    .container{}
}

@media (min-width: 1024px) and (max-width: 1365px) {
    .container{}
}

@media (min-width: 1366px) and (max-width: 1919px) {
    .container{}
    .grid-sizer,
    .grid-item {
      width: 24%; /* 2 ستون در تبلت */
    }
}

@media (min-width: 1920px) {
    .container{}
    .grid-sizer,
    .grid-item {
      width: 19%; /* 2 ستون در تبلت */
    }
}