@media screen and (max-width: 991px) {
  .article-wrapper {
    max-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  .article-wrapper {
    max-width: 100%;
    margin: 0;
  }
  .post-acticle  {
    padding: 30px 16px;
  }
  .ingredients-section {
    padding-top: 26px;
  }
  .ingredients-section h2 {
    padding-bottom: 18px;
  }
  .ingredients-dressing {
    padding-bottom: 24px;
  }
  .web_editor {
    padding: 16px;
  }
  .ingredients-section table tr td, .ingredients-section table tr th{
    padding: 8px;
  }
  .tabel-scroll{
    overflow-x: auto;
  }
  .tabel-scroll table{
    width: 786px;
  }
  .video-frame {
    height: 481px;
  }
}
@media screen and (max-width: 575px) {
  .video-frame {
    height: 320px;
  }
}
@media screen and (max-width:390px) {
  .video-frame {
    height: 220px;
  }
}