.p-column{
  padding-bottom: 150px;
}
.p-column__inner{
  margin-top: 45px;
}
.p-column__items{
  max-width: 1200px;
  margin: 100px auto 0;
  box-sizing: content-box;
}


@media(max-width: 1440px){

  .p-column{
    padding-bottom: calc(150 / var(--view-size) * 100vw);
  }
  .p-column__inner{
    margin-top: calc(45/var(--view-size)*100vw);
  }
  .p-column__items{
    margin-top: calc(100/var(--view-size)*100vw);
  }

}

@media(max-width: 780px){

  .p-column{
    padding-bottom: calc(100 / var(--view-size) * 100vw);
  }
  .p-column__inner{
    margin-top: calc(30 / var(--view-size) * 100vw);
  }
  .p-column .c-categories{
    padding-right: 0;
  }
  .p-column__items{
    margin-top: calc(50 / var(--view-size) * 100vw);
  }

}