.display-mobile,
.single-content-inner .author-box,
hr.divider {
  display: none;
}

@media screen and (max-width: 1550px) {
  .single-article-wrapper.author-page-wrapper .category-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .single-article-wrapper ul + h2,
  .single-article-wrapper p + h2 {
    margin-top: 24px;
  }
  main.single-article-wrapper .single-container-wrap {
    width: 740px;
  }
  main.single-article-wrapper .single-content-inner {
    padding-top: 92px;
  }
  main.single-article-wrapper .article-header-bg {
    width: 355px;
    height: 200px;
  }
  main.single-article-wrapper img.alignleft,
  main.single-article-wrapper img.alignright,
  main.single-article-wrapper img.aligncenter {
    margin-right: 56px;
    float: left;
    width: 300px;
    height: 145px;
  }
  main.single-article-wrapper :is(h2, h3, h4, h5, h6) {
    clear: both;
  }
}

/* @media screen and (max-width: 1499px) {
  main.single-article-wrapper .single-container-wrap {
    width: 424px;
  }
  main.single-article-wrapper .article-header-bg {
    width: 355px;
    height: 200px;
    position: relative;
    margin-top: -60px;
  }
} */

@media screen and (max-width: 1499px) {
  main.single-article-wrapper img.alignleft,
  main.single-article-wrapper img.alignright,
  main.single-article-wrapper img.aligncenter {
    width: 300px;
    height: 145px;
    margin: 40px 0 0;
    clear: both;
    float: none;
  }
}
@media screen and (max-width: 1300px) {
  main.single-article-wrapper h2 {
    margin-bottom: 0;
  }
  .single-container-wrap p:has(img.aligncenter),
  .single-container-wrap p:has(img.alignright),
  .single-container-wrap p:has(img.alignleft) {
    flex-direction: column-reverse;
    gap: 0;
  }
  .single-container-wrap p.float-content,
  .single-container-wrap p.float-image {
    width: 100%;
    clear: both;
    margin-bottom: 24px;
  }
  .single-container-wrap p.float-image img {
    margin-bottom: 0 !important;
  }

  main.single-article-wrapper.single-article #main-content {
    padding-top: 40px !important;
  }
  main.single-article-wrapper.single-article .article-title {
    display: flex;
    flex-direction: column;
  }
  main.single-article-wrapper.single-article img.article-header-bg {
    order: 1;
    position: relative;
  }
  main.single-article-wrapper.single-article .article-date {
    order: 2;
    width: 100%;
  }
  main.single-article-wrapper.single-article h1 {
    order: 3;
    width: 100%;
  }
  .article-slider-wrapper img {
    height: 240px;
  }
}
@media screen and (max-width: 1024px) {
  main.single-article-wrapper .article-header-bg {
    float: none;
    margin-top: -60px;
    transform: unset;
  }
  main.single-article-wrapper .single-container-wrap {
    width: 424px;
  }
  main.single-article-wrapper .single-article-wrap:before {
    top: 68px;
  }
  main.single-article-wrapper .article-date {
    clear: both;
  }
  main.single-article-wrapper h1 {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .single-container-wrap p:has(img.aligncenter),
  .single-container-wrap p:has(img.alignright),
  .single-container-wrap p:has(img.alignleft) {
    flex-direction: unset;
    gap: 56px;
  }
  .single-container-wrap p:has(img.aligncenter) img.aligncenter,
  .single-container-wrap p:has(img.alignright) img.alignright,
  .single-container-wrap p:has(img.alignleft) img.alignleft {
    margin: 0 0 16px;
    width: 299px;
  }
  .single-container-wrap p.float-content,
  .single-container-wrap p.float-image {
    width: 100%;
    clear: both;
    margin-top: 0;
  }
  main.single-article-wrapper .single-container-wrap {
    width: 260px;
  }
  main.single-article-wrapper .article-header-bg {
    max-width: 100%;
    height: auto;
  }
  /* display handler */

  .__css_desktop {
    display: none !important;
  }
  .__css_mobile {
    display: block !important;
  }
  .single-article-wrapper .builder-toc-wrapper a.active:after {
    display: none;
  }
  main.single-article-wrapper .author-box {
    display: block;
    margin: 24px 0;
    padding: 24px 0;
  }
  .single-article-wrapper .faq:before {
    margin-top: 24px;
  }
  .single-article-wrapper .faq h2 {
    padding-top: 24px;
  }
  main.single-article-wrapper .article-header-bg {
    margin: 0 0 24px;
    width: 100%;
  }
  main.single-article-wrapper .article-date {
    order: -1;
    margin: 24px 0;
  }
  main.single-article-wrapper .single-content-inner {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    max-width: 568px;
    margin: 0 auto;
  }
  .builder-breadcrumbs-wrapper span {
    color: var(--dark);
  }
  main.single-article-wrapper .single-sidebar-wrap {
    position: fixed;
    top: 68px;
    width: 100%;
    left: 0;
    z-index: 100;
    background: var(--white);
  }
  main.single-article-wrapper .single-sidebar-inner {
    padding-top: 0;
    top: 68px;
    padding: 0;
    background: var(--white);
  }
  .builder-breadcrumbs-wrapper {
    padding: 24px 16px;
  }
  #placeholder-mobile-h1 {
    background: #1f1f21
      url(/wp-content/themes/sahifa-child/builder/assets/img/bgpattern.png);
    padding: 16px;
    position: relative;
  }
  .single-article-wrapper .builder-toc-wrapper {
    display: none;
  }
  #placeholder-mobile-h1 h1.header-h1 {
  }

  #placeholder-mobile-h1:before {
    background: url(/wp-content/themes/sahifa-child/builder/assets/img/gold-arrow-left.webp)
      no-repeat center left;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 20px;
    top: 50%;
    transform: rotate(-90deg) translate(50%, 0%);
  }

  .single-sidebar-inner:has(.builder-toc-wrapper.opened)
    #placeholder-mobile-h1:before {
    transform: rotate(90deg) translate(-10px, 0px);
    z-index: 10;
  }
  main.single-article-wrapper #placeholder-mobile-h1 .header-h1 {
    margin: 0 !important;
    padding: 0;
    width: 90%;
    display: flex;
    line-height: 1;
    align-items: start;
    flex-direction: row-reverse;
    align-content: start;
    /* flex-wrap: wrap; */
    gap: 0 8px;
    justify-content: flex-end;
  }
  main.single-article-wrapper #placeholder-mobile-h1 h1:after {
    top: unset;
    position: relative;
    transform: rotate(5deg) translateY(6px);
  }
  main.single-article-wrapper .single-article-wrap:before {
    display: none;
  }
  main.single-article-wrapper .single-sidebar-wrap,
  main.single-article-wrapper .single-container-wrap {
    width: 100%;
  }
  main.single-article-wrapper .single-container-wrap {
    margin-top: 126px;
  }
}

@media screen and (max-width: 767px) {
  .author-page-wrapper
    .tmplt-sorting-sticky-container.active
    .tmplt-sticky-rows
    .tmplt-sorting-body-cell.logo-key-4,
  .author-page-wrapper
    .tmplt-sorting-sticky-container.active
    .tmplt-sticky-rows
    .tmplt-sorting-body-cell.logo-key-5 {
    display: none !important;
  }
  .author-page-wrapper .header-wrapper {
    padding: 0;
  }
  .author-page-wrapper .tmplt-sorting-container {
    display: block;
  }

  .author-page-wrapper .header-wrapper {
    padding: 0 24px;
  }
  .author-page-wrapper .header-content .author-details section {
    flex-wrap: nowrap;
    margin: 16px 0;
  }
  .author-page-wrapper .header-content .author-details section h1 {
    font-size: 18px;
    font-weight: 800px;
    width: calc(100% - 75px);
  }
  .author-page-wrapper .header-content .author-details section h1:after {
  }
  .author-page-wrapper .header-content .author-details p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
  }
  .author-page-wrapper .header-content .author-socials {
    flex-direction: row-reverse;
    border-top: 1px solid var(--gold, #ddc03b);
    margin-top: 24px;
    padding-top: 24px;
    justify-content: space-between;
    gap: 0;
    margin-bottom: 0;
  }
  .author-page-wrapper .builder-breadcrumbs-wrapper {
    padding: 0;
  }
  .author-page-wrapper .header-content .author-details {
    width: 100%;
  }
  .author-page-wrapper .header-content {
    flex-direction: column;
  }

  .single-article-wrapper.author-page-wrapper {
    /* padding: 24px; */
  }
  .single-article-wrapper.author-page-wrapper .category-list {
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 24px;
  }
  main.single-article-wrapper #placeholder-mobile-h1 .header-h1 {
    font-size: 26px;
  }
  main.single-article-wrapper h2 {
    padding-top: 24px;
    margin-top: 24px;
  }
  .single-container-wrap p:has(img.aligncenter),
  .single-container-wrap p:has(img.alignright),
  .single-container-wrap p:has(img.alignleft) {
    flex-direction: column-reverse;
    gap: 0;
  }
  .single-container-wrap p:has(img.aligncenter) img.aligncenter,
  .single-container-wrap p:has(img.alignright) img.alignright,
  .single-container-wrap p:has(img.alignleft) img.alignleft {
    margin: 0;
    width: 100%;
  }
  .single-container-wrap p.float-content,
  .single-container-wrap p.float-image {
    width: 100%;
    clear: both;
    margin-bottom: 24px;
  }
  .author-box::after {
    width: calc(100% - 30px);
    left: 16px;
  }
  .article-slider-wrapper .article-slider-list {
    width: 100%;
    max-width: 100vw;
    display: block;
    padding: 0 24px 0 0;
  }
  .footer-sorting-list {
    width: calc(100% - 30px);
  }
  .article-slider-wrapper .article-slider-list .slick-track {
    display: flex;
  }
  .article-slider-wrapper .article-slider-list .article-slider-item {
    /* width: 100%; */
    float: unset;
  }
  .footer-sorting-list:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: var(--Main-Gold, #9b7f1f);
    margin: 24px 0;
  }
  main.single-article-wrapper .author-box {
    display: block;
    margin: 24px -15px;
    padding: 24px 0;
    width: calc(100% + 30px);
  }
}