.template-page-zepto-new{
   background: #f3ece9;
  .collection-sidebar__group{
    display:none;
  }
  .zepto-wrap {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    display:flex;
    flex-wrap:wrap;
    width: 100%;
    max-width: 1400px;
    padding: 0 15px;
    .top-wrap {
      padding: 48px 0;
      width:100%;
      .heading h2 {
        font-family: var(--secondary-font-family);
        font-style: italic;
        font-weight: 400;
        line-height: 1.2;
        font-size: 60px;
        color: #333333;
        margin:0;
      }
      .sub-heading h3 {
        font-family: var(--secondary-font-family);
        font-style: italic;
        font-weight: 400;
        font-size: 40px;
        line-height: 1.2;
        color: #000000;
        margin:0;
      }
    }
    .details-table {
      max-width: 1080px;
      width: 100%;
      margin: 0 auto;
      flex:0 0 70%;
      padding: 0 15px;
      table,td, th {
        border: 1px solid #000000;
        border-collapse: collapse;
      }
      table {
        table-layout: fixed;
        width: 100%;
        background: #ffffff;
        td, th {
          padding: 15px 0;
          font-size: 21px;
          color: #000000;
        }
        th {
          text-transform: uppercase;
          font-weight: 700;
        }
        td {
          text-transform: capitalize;
          font-family:var(--theme-default-theme);
          font-weight:400;
        }
      }
    }
  }
  select#city-filter {
    position: absolute;
    left: 5%;
    bottom: 0;
    background: #f3ece9;
    width: 200px;
    margin: 0;
    padding: 5px;
    outline-color: #f3ece9;
    height: auto;
    border:none;
    option {
      background: #f3ece9;
      color: #000000;
    }
  }
} 
@media (max-width: 1024px) {
  .template-page-zepto-new {
    .zepto-wrap .details-table {
      max-width: 100%;
      padding: 0 35px;
      flex:unset;
    }
  }
}

@media (max-width: 480px) {
  .template-page-zepto-new {
    .zepto-wrap {
      padding-bottom: 39px;
      .top-wrap {
        padding: 25px 0 51px;
        .heading h2 {
          font-size: 36px;
        }
        .sub-heading h3 {
          font-size: 21px;
        }
      }
      .details-table {
        max-width: 100%;
        width: auto;
        padding: 0;
        table td,table th {
          font-size: 12px;
          line-height:1;
        }
      }
    }
  }
}