﻿body .Catalog {
  margin-top: 10px;
  display: grid;
  gap: 10px;
  direction: ltr; }
  @media only screen and (min-width: 400px) {
    body .Catalog object {
      grid-template-columns: repeat(1, 1fr);
      width: 100%;
      height: 800px; } }
  @media only screen and (min-width: 481px) {
    body .Catalog object {
      grid-template-columns: repeat(1, 1fr);
      width: 100%;
      height: 800px; } }
  @media only screen and (min-width: 768px) {
    body .Catalog object {
      grid-template-columns: repeat(1, 1fr);
      width: 600px;
      height: 800px; } }
  @media only screen and (min-width: 1024px) {
    body .Catalog object {
      grid-template-columns: repeat(2, 1fr);
      width: 600px;
      height: 800px; } }
  @media only screen and (min-width: 1440px) {
    body .Catalog object {
      grid-template-columns: repeat(3, 1fr);
      width: 600px;
      height: 800px; } }
  @media only screen and (min-width: 1921px) {
    body .Catalog object {
      grid-template-columns: repeat(3, 1fr);
      width: 600px;
      height: 800px; } }
  body .Catalog table {
    direction: ltr;
    border: 1px solid #e1dada; }
    body .Catalog table th {
      text-align: left; }
  @media only screen and (min-width: 400px) {
    body .Catalog {
      grid-template-columns: repeat(1, 1fr);
      margin-left: 10px;
      margin-right: 10px; } }
  @media only screen and (min-width: 481px) {
    body .Catalog {
      grid-template-columns: repeat(1, 1fr);
      margin-left: 10px;
      margin-right: 10px; } }
  @media only screen and (min-width: 768px) {
    body .Catalog {
      grid-template-columns: repeat(1, 1fr);
      margin-left: 50px;
      margin-right: 50px; } }
  @media only screen and (min-width: 1024px) {
    body .Catalog {
      grid-template-columns: repeat(2, 1fr);
      margin-left: 50px;
      margin-right: 50px; } }
  @media only screen and (min-width: 1440px) {
    body .Catalog {
      grid-template-columns: repeat(3, 1fr);
      margin-left: 50px;
      margin-right: 50px; } }
  @media only screen and (min-width: 1921px) {
    body .Catalog {
      grid-template-columns: repeat(3, 1fr);
      margin-left: 50px;
      margin-right: 50px; } }
