@media only screen and (max-width: 767px) and (min-width: 320px) {
    .main-super-dashboard-content {
      margin-left: 0;
      padding: 10px 20px 20px;
    }
    .super-admin-sidebar {
      transform: translateX(-250px);
    }

    .super-logo h2 {
      margin-top: 10px;
    }

    button#closeSidebar {
      top: -15px;
    }

    section.main-area .product-add-menu-area.row .col-xxl-3.col-xl-4 {
      width: 50%;
      padding: 6px;
    }

    .modal-dialog {
      width: 370px;
      top: 100px;
    }

    .super-admin-sidebar.active {
      transform: translateX(-0px);
    }

    .sidebar-tables-calculation {
      display: none;
    }

    .banner-logo {
      width: 100%;
    }
    ul.banner-details li {
      font-size: 13px;
    }
  }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
  }
  @media only screen and (max-width: 1124px) and (min-width: 1025px) {
  }
  @media only screen and (max-width: 1224px) and (min-width: 1125px) {
  }
  @media only screen and (max-width: 1325px) and (min-width: 1225px) {
  }
  @media only screen and (max-width: 1425px) and (min-width: 1326px) {
  }
  @media only screen and (max-width: 1525px) and (min-width: 1426px) {
  }
  @media only screen and (max-width: 1625px) and (min-width: 1526px) {
    .sidebar-tables-calculation {
      height: 680px;
    }

    .inner-area-calculation {
      height: 610px;
    }

  }

  @media only screen and (max-width: 1825px) and (min-width: 1726px) {
    .sidebar-tables-calculation {
      height: 780px;
    }

    .inner-area-calculation {
      height: 720px;
    }

    .btn-area-place-order {
      margin-top: 0px;
  }

  }
  @media only screen and (max-width: 1925px) and (min-width: 1826px) {
    .sidebar-tables-calculation {
      height: 860px;
    }

    .inner-area-calculation {
      height: 800px;
    }

    .btn-area-place-order {
      margin-top: 0px;
  }

  }