@media (min-width: 240px) and (max-width: 479px) {
  /* Header begin */
  .main_header {
    padding: 20px 0px 30px;
    background-image: none; }
    .main_header > div {
      padding: 0 16px; }
    .main_header .first::before {
      display: none; }
    .main_header .inner {
      max-width: 480px;
      margin: 0 auto;
      padding: 50px 0px 0px; }
    .main_header h1 {
      font-size: 20px; }
    .main_header p {
      font-size: 13px; }
  .logo span {
    width: 120px;
    height: 46px;
    background-size: contain; }
  .lang_selector a {
    font-size: 13px; }
  /* Header end */
  /* Content begin */
  .content_wrapper {
    padding: 24px 0px; }
    .content_wrapper > div {
      padding: 0 16px; }
  .content_header {
    padding: 0 0 12px; }
    .content_header h2 {
      padding: 0 0 4px;
      font-size: 20px; }
    .content_header p {
      font-size: 13px; }
  .courses_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
    .courses_grid article {
      display: block; }
    .courses_grid .image {
      width: 100%;
      height: auto; }
    .courses_grid img {
      height: auto; }
    .courses_grid .inner {
      width: 100%;
      min-height: 1px;
      padding: 16px; }
    .courses_grid h3 {
      font-size: 16px; }
    .courses_grid .link a {
      font-size: 13px; }
  /* Content end */
  /* Footer begin */
  .main_footer {
    padding: 24px 0; }
    .main_footer > div {
      padding: 0 16px; }
  .copyright {
    font-size: 13px; }
  /* Footer end */ }

@media (min-width: 480px) and (max-width: 767px) {
  /* Header begin */
  .main_header {
    padding: 20px 0px 40px;
    background-image: none; }
    .main_header > div {
      padding: 0 24px; }
    .main_header .first::before {
      display: none; }
    .main_header .inner {
      max-width: 480px;
      margin: 0 auto;
      padding: 60px 0px 0px; }
    .main_header h1 {
      font-size: 24px; }
    .main_header p {
      font-size: 14px; }
  .logo span {
    width: 120px;
    height: 46px;
    background-size: contain; }
  .lang_selector a {
    font-size: 13px; }
  /* Header end */
  /* Content begin */
  .content_wrapper {
    padding: 24px 0px; }
    .content_wrapper > div {
      padding: 0 24px; }
  .content_header {
    padding: 0 0 12px; }
    .content_header h2 {
      padding: 0 0 4px;
      font-size: 24px; }
    .content_header p {
      font-size: 13px; }
  .courses_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
    .courses_grid article {
      display: block; }
    .courses_grid .image {
      width: 100%;
      height: auto; }
    .courses_grid img {
      height: auto; }
    .courses_grid .inner {
      width: 100%;
      min-height: 1px;
      padding: 16px; }
    .courses_grid .link a {
      font-size: 13px; }
  /* Content end */
  /* Footer begin */
  .main_footer {
    padding: 24px 0; }
    .main_footer > div {
      padding: 0 24px; }
  .copyright {
    font-size: 13px; }
  /* Footer end */ }

@media (min-width: 768px) and (max-width: 1023px) {
  /* Header begin */
  .main_header {
    padding: 30px 0px 60px; }
    .main_header > div {
      padding: 0 24px; }
    .main_header .inner {
      max-width: 480px;
      margin: 0 auto;
      padding: 80px 0px 0px; }
    .main_header h1 {
      font-size: 27px; }
    .main_header p {
      font-size: 14px; }
  .lang_selector a {
    font-size: 14px; }
  /* Header end */
  /* Content begin */
  .content_wrapper {
    padding: 32px 0px; }
    .content_wrapper > div {
      padding: 0 24px; }
  .content_header {
    padding: 0 0 20px; }
    .content_header h2 {
      padding: 0 0 8px;
      font-size: 27px; }
    .content_header p {
      font-size: 14px; }
  .courses_grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr; }
    .courses_grid article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .courses_grid .image {
      width: 300px; }
    .courses_grid .inner {
      width: calc(100% - 300px); }
    .courses_grid .link a {
      font-size: 13px; }
  /* Content end */
  /* Footer begin */
  .main_footer > div {
    padding: 0 24px; }
  .copyright {
    font-size: 14px; }
  /* Footer end */ }

@media (min-width: 1024px) and (max-width: 1440px) {
  /* Header begin */
  .main_header > div {
    padding: 0 24px; }
  .main_header .inner {
    max-width: 540px;
    margin: 0 auto; }
  /* Header end */
  /* Content begin */
  .content_wrapper > div {
    padding: 0 24px; }
  /* Content end */
  /* Footer begin */
  .main_footer > div {
    padding: 0 24px; }
  /* Footer end */ }