@media screen and (max-width: 1024px) and (orientation: portrait) {}

@media screen and (max-width: 768px) and (orientation: landscape) {}

@media screen and (max-width: 1024px) {
  .miriam-fayad-sec.home-articles .articles-list .articles-list-flex .article-blk:nth-child(3) {
    display: none;
  }

  .articles-list .article-blk {
    width: calc(50% - 5px);
  }

  .miriam-fayad-hblk.miriam-fayad-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
  }

  .miriam-fayad-hblk.miriam-fayad-menu .ng-menu-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .mf-menu ul {
    display: block;
  }

  .mf-menu ul li {
    padding: 15px 0;
  }

  .miriam-fayad-logo {
    z-index: 15;
    padding: 16px 0 11px;
  }

  .scrolling .miriam-fayad-logo {
    padding: 10px 0 4px;
  }

  .miriam-fayad-logo a {
    height: 46px;
  }

  .scrolling .miriam-fayad-logo a {
    height: 35px;
  }

  .first-sec .sec-wrap {
    padding-top: 92px;
  }

  .scrolling .first-sec .sec-wrap {
    padding-top: 70px;
  }

  .hide-header .miriam-fayad-logo {
    margin-top: 0;
  }

  header.miriam-fayad-header .mobile_menu_cta {
    display: block;
  }

  .article-title.en h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .article-title.ar h1 {
    font-size: 38px;
    line-height: 40px;
  }

  .mfd-btn {
    font-size: 16px;
    /* height: 40px;
    line-height: 40px; */
  }

  /* .articles-list .article-blk .article-title-wrap .article-title.ar h2 {
    font-size: 34px;
    line-height: 34px;
  } */

  /* .articles-list .article-blk .article-title-wrap .article-title.en h2 {
    font-size: 24px;
    line-height: 24px;
  } */

  .blog-categories .blog-categories-flex .blog-categ .categ-name-ar {
    font-size: 24px;
    line-height: 24px;
  }

  .blog-categories .blog-categories-flex .blog-categ .categ-name {
    font-size: 21px;
    line-height: 21px;
  }
}

@media screen and (max-width: 768px) {
  .article-title.en h1 {
    font-size: 27px;
    line-height: 27px;
  }

  .article-title.ar h1 {
    font-size: 35px;
    line-height: 35px;
  }

  .pad-vertical {
    padding: 35px 0;
  }

  .pad-horiz {
    padding: 0 15px;
  }

  .sarticle-summary {
    padding-top: 20px;
  }

  /* .articles-list .article-blk .article-title-wrap .article-title.en h2 {
    font-size: 21px;
    line-height: 21px;
  } */

  /* .articles-list .article-blk .article-title-wrap .article-title.ar h2 {
    font-size: 30px;
    line-height: 30px;
  } */

  .miriam-fayad-fblk.social-channnels .social-channels-menu .mf-fsm a {
    font-size: 16px;
    line-height: 16px;
  }

  .writer-attributes-list .writer-attribute {
    font-size: 16px;
    line-height: 16px;
  }

  .writer-attributes-list .writer-attribute::after {
    margin: -2px 12px 0;
  }

  .c-intro .cintro-txt,
  .connect-wrapper .connect-text {
    font-size: 18px;
    line-height: 24px;
  }

  .c-intro .cintro-txt,
  .connect-wrapper{
    max-width: 640px;
  }

  .cinf-attrs .cinf-flex .c-inf .cinf-lbl{
    font-size: 22px;
  }

  .cinf-attrs .cinf-flex .c-inf .cinf-val a{
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) {
  .blog-categories .blog-categories-flex{
    flex-direction: column;
  }

  .blog-categories .blog-categories-flex .blog-categ .blog-categ-flex{
    height: auto;
    padding: 25px 0;
  }
}

@media screen and (max-width: 540px) {
  .article-title.en h1 {
    font-size: 24px;
    line-height: 24px;
  }

  .article-title.ar h1 {
    font-size: 31px;
    line-height: 31px;
  }

  .articles-list .article-blk {
    width: 100%;
  }

  body {
    font-size: 15px;
    line-height: 21px;
  }

  .mfd-btn {
    font-size: 15px;
    /* height: 38px;
    line-height: 38px; */
  }

  .miriam-fayad-fblk.social-channnels .social-channels-menu .mf-fsm a {
    font-size: 14px;
    line-height: 14px;
  }

  .writer-attributes-list .writer-attribute {
    font-size: 14px;
    line-height: 14px;
  }

  .writer-attributes-list .writer-attribute::after{
    margin: -2px 10px 0;
    width: 5px;
    height: 5px;
  }

  .blog-categories .blog-categories-flex .blog-categ .categ-name {
    font-size: 20px;
    line-height: 20px;
  }

  .c-intro .cintro-txt, .connect-wrapper .connect-text {
    font-size: 16px;
    line-height: 22px;
  }

  .cinf-attrs .cinf-flex{
    flex-direction: column;
  }

  .cinf-attrs .cinf-flex .c-inf .cinf-wrap{
    padding: 0;
  }

  .cinf-attrs .cinf-flex{
    gap: 40px;
  }

  .cinf-attrs .cinf-flex .c-inf .cinf-lbl {
    font-size: 20px;
  }

  .article-footer-flex {
    gap: 14px;
    flex-direction: column;
    align-items: flex-start;
  }
}