@media screen and (max-width: 1920px) {
  :root {
    /*Setting Space*/
    --little-space: 0.75rem;
    --regular-space: 1rem;
    --medium-space: 1.25rem;
    --big-space: 1.75rem;
  }
  html, body {
    font-size: 16px;
  }
}
@media screen and (max-width: 1450px) {
  html, body {
    font-size: 14px;
  }
}
@media screen and (max-width: 1199px) {
  .hide-lg {
    display: none !important;
  }
  .row {
    flex-wrap: wrap;
  }
  .col-1, .col-2, .col-3 {
    width: 100%;
    margin-bottom: var(--medium-space) !important;
  }
	section {
		
	padding-left: var(--sidebar-width-min);
	}
}
@media screen and (max-width: 991px) {
  .hide-md {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide-sm {
    display: none !important;
  }

    .gridviewtableMedia tr td:nth-child(4), .gridviewtableMedia tr td:nth-child(3) {
        display: none
    }

    .gridviewtableMedia tr {
        display: flex;
    }

        .gridviewtableMedia tr td:nth-child(1) {
            display: flex;
            align-items:center;
            justify-content:center;
        }

}
@media screen and (max-width: 575px) {
  html, body {
    font-size: 14px;
  }
}