@media only screen and (max-width: 768px) {
  .cont01.sec .p-media-layout-02,
  .cont02.sec .p-media-layout-02,
  .cont03.sec .p-media-layout-02,
  .cont04.sec .p-media-layout-02,
  .cont05.sec .p-media-layout-02 {
    background-image: none !important;
    height: unset !important;
  }
  .cont01.sec .c-heading-3,
  .cont02.sec .c-heading-3,
  .cont03.sec .c-heading-3,
  .cont04.sec .c-heading-3,
  .cont05.sec .c-heading-3 {
    margin-bottom: 0;
  }
  .cont01.sec .c-heading-3__heading,
  .cont02.sec .c-heading-3__heading,
  .cont03.sec .c-heading-3__heading,
  .cont04.sec .c-heading-3__heading,
  .cont05.sec .c-heading-3__heading {
    text-align: center;
    background: rgba(51, 51, 51, 0.6);
    padding: 10px;
    border: 2px solid #fff;
    max-width: 300px;
    margin: auto;
    color: #fff;
  }
}
@media only screen and (min-width: 769px) {
  .cont01.sec .p-media-layout__inner,
  .cont02.sec .p-media-layout__inner,
  .cont03.sec .p-media-layout__inner,
  .cont04.sec .p-media-layout__inner,
  .cont05.sec .p-media-layout__inner {
    height: 100%;
    justify-content: center;
  }
  .cont01.sec .c-heading-3,
  .cont02.sec .c-heading-3,
  .cont03.sec .c-heading-3,
  .cont04.sec .c-heading-3,
  .cont05.sec .c-heading-3 {
    margin-bottom: 0;
  }
  .cont01.sec .c-heading-3__heading,
  .cont02.sec .c-heading-3__heading,
  .cont03.sec .c-heading-3__heading,
  .cont04.sec .c-heading-3__heading,
  .cont05.sec .c-heading-3__heading {
    text-align: center;
    background: rgba(51, 51, 51, 0.6);
    padding: 20px;
    border: 2px solid #fff;
    max-width: 800px;
    margin: auto;
    color: #fff;
  }
}