@media only screen and (min-width: 1023px) and (max-width: 1600px) {
  .pop-out-menu-area.pop-out-menu-open {
    height: 100vh;
    max-height: 100%;
    overflow-y: scroll;
    z-index: 9999;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* featured-contents */
  .featured-contents-row {
    overflow: hidden;
    border-top: 0.25px solid #18181861;
    padding-top: 27px;
    max-width: 364px;
    margin: auto;
  }

  .featured-contents-row .column-left {
    width: 48%;
  }

  .featured-contents-row .column-right {
    width: 48%;
    margin-right: 0px;
  }

  .featured-contents-row .column-left .featured-contents-3b.featured-contents {
    display: none;
  }

  .featured-contents-row
    .column-right.featured-contents
    .featured-image.without-image,
  .featured-contents-row .featured-contents .featured-image.without-image {
    height: 159px;
    background: #000;
    width: 100%;
  }

  .featured-contents-row .column-right.featured-contents .featured-image img {
    height: 159px;
  }

  .featured-contents-row .column-right.featured-contents h3.tag-name {
    font-size: 17px;
    line-height: 20.4px;
    font-weight: 700;
    padding: 6px 12px;
  }

  .featured-contents-row .featured-contents h3.tag-name {
    padding: 6px 12px;
  }

  .featured-contents-row .column-right.featured-contents .desc p span,
  .featured-contents-row .column-right.featured-contents .title h2 {
    display: none;
  }

  .featured-contents-row .featured-contents .title p,
  .featured-contents-row .column-right.featured-contents .desc p,
  .featured-content.mobile .title h2,
  .featured-content.mobile .title p {
    position: relative;
    padding: 2px 9px 2px 12px;
    margin-top: 5px;
  }
  .featured-content.mobile h3.tag-name a {
    color: #fff;
    display: block;
  }
  .featured-content.mobile .post-tag-sponsored {
    position: absolute;
  }
  .featured-content.mobile .post-tag-sponsored h3.tag-name {
    position: unset !important;
    margin-bottom: 0;
  }
  .featured-content.mobile .post-tag-sponsored p.sponsored {
    position: unset;
    max-width: fit-content;
    margin-bottom: 0;
  }

  .featured-content.mobile span {
    font-size: 8px;
    line-height: 10.8px;
    font-weight: 700;
    color: #777777;
    display: block;
    padding-left: 12px;
  }

  .featured-contents-row .featured-contents .title p:before,
  .featured-contents-row .column-right.featured-contents .desc p:before,
  .featured-content.mobile .title h2:before,
  .featured-content.mobile .title p::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 20px;
    background-color: #008094;
    left: 0;
    top: 5px;
  }

  .featured-contents-row .column-right .most-viewed {
    min-height: unset;
  }

  .featured-contents-row
    .column-right.featured-contents
    .carousel-control-prev-icon {
    background: url(../images/left.png) no-repeat center;
  }

  .featured-contents-row
    .column-right.featured-contents
    .carousel-control-next-icon {
    background: url(../images/right.png) no-repeat center;
  }

  .featured-contents-row
    .column-right.featured-contents
    .carousel-control-prev {
    right: 13px;
    left: unset;
  }

  .featured-contents-row
    .column-right.featured-contents
    .carousel-control-next-icon,
  .featured-contents-row
    .column-right.featured-contents
    .carousel-control-prev-icon {
    width: 8px;
    height: 12px;
  }

  .carousel-control-next,
  .carousel-control-prev {
    position: absolute;
    top: -18px;
    bottom: unset;
    display: unset;
    opacity: 1;
    width: 8px;
    height: 12px;
  }

  .featured-contents-row
    .column-right.featured-contents
    .carousel-control-prev:before {
    content: "SWIPE FOR MORE";
    position: absolute;
    color: #000;
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
    left: -95px;
    top: 3px;
    font-style: italic;
  }

  /* top-news */
  .top-news-section ul li {
    padding: 17px 7px 8px 13px;
  }

  .top-news-section ul li:before {
    top: 20px;
  }

  /* -------- */

  /* latest-news-section */
  .latest-news-mobile,
  .latest-trends-mobile {
    overflow: hidden;
  }

  .latest .header {
    display: block;
    padding: 24px 0 0 0;
    border-bottom: unset;
  }

  .latest .content.tab-content {
    margin: 25px 0;
  }

  .latest .content.tab-content .tab-pane.show.active {
    display: block !important;
    /* padding-bottom: 8px; */
    border-bottom: 1px solid #130d18;
  }

  .latest .content .content-box .featured-image {
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .latest .content .content-box .featured-image img {
    height: 200px;
    width: auto;
  }

  .latest .content .content-box .description {
    margin: 12px 0 3px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
  }
  .ns-landing-page .right-cs .content-box .without-image .title {
    background-color: unset;
    padding: 6px 0;
  }
  .ns-landing-page .right-cs .content-box a.sponsored-cmpny {
    top: 169px;
  }
  .latest .content .content-box .title-box {
    background: #008094;
  }
  .latest-trends-mobile .content .content-box .title-box {
    background-color: #191818;
  }
  .latest .content .content-box span.publish-date {
    color: #777777;
    padding: 0 8px;
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
  }

  /* .latest .content .content-box a {
    max-width: 354px;
    margin: auto;
    display: block;
  } */
  .top-news-section {
    max-width: 390px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 13px;
  }
  .latest .content a .content-box {
    max-width: 354px;
    margin: auto;
  }
  /* button.latestNews-mobile.loadmore-btn,
  button.latestTrends-mobile.loadmore-btn {
    max-width: 354px;
    margin: auto;
    display: block;
    margin-top: 10px;
  } */
  .loadmore-btn {
    max-width: 354px;
    margin: auto;
    display: block;
    margin-top: 10px;
  }
  .search-result-page .loadmore-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 20px;
  }
  .latest .content .content-box.display {
    max-width: 354px !important;
    margin: auto !important;
    margin-bottom: 24px !important;
    display: block;
    height: 324px;
  }
  .latest
    .content.tab-content
    .tab-pane.show.active
    .content-box
    .sponsored-cmpny {
    top: 178px;
  }

  ul.pagin {
    display: none;
  }

  /* =============== */
  /* .latest .header {
    display: unset;
  } */
  .latest .header div#nav-tab {
    border-bottom: 0;
    min-width: max-content;
    margin-left: 0;
    padding-bottom: 5px;
  }

  .latest .header .slide-menu-mobile,
  .latest .header .slide-menu-trends-mobile {
    overflow-x: scroll;
    margin-top: 10px;
    scrollbar-color: transparent;
  }

  .latest .header .slide-menu-mobile::-webkit-scrollbar,
  .latest .header .slide-menu-trends-mobile::-webkit-scrollbar {
    display: none;
  }

  .latest-news-nav-control,
  .latest-trends-nav-control {
    display: flex;
    justify-content: space-between;
  }

  .latest-news-nav-control .slide-left,
  .latest-trends-nav-control .slide-left {
    background: url(../images/left-arrow.png) no-repeat center;
    width: 7px;
    height: 11px;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
  }

  .latest-news-nav-control .slide-right,
  .latest-trends-nav-control .slide-right {
    background: url(../images/right-arrow.png) no-repeat center;
    width: 7px;
    height: 11px;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
  }

  .nav-scroll-controls {
    display: flex;
    width: 18px;
    justify-content: space-between;
  }

  .latest .header button.nav-link {
    margin: 0 18px;
  }

  .latest .header button.nav-link:last-child {
    margin-right: 0;
  }

  .latest .header button.nav-link:after {
    top: 2px;
    right: -19px;
    height: 75%;
  }

  /* ----------------------------- */

  .featured-content.mobile {
    max-width: 364px;
    margin: auto;
    /* display: inline-block !important; */
  }

  .featured-content.mobile .slick-track {
    display: flex;
    column-gap: 5px;
    justify-content: space-between;
  }

  .featured-content.mobile .content-box {
    position: relative;
    /* max-width: 168px; */
    /* margin-right: 13px; */
  }

  .featured-content.mobile h3.tag-name {
    position: absolute;
    background: #008094;
    color: #fff;
    font-size: 17px;
    line-height: 20.4px;
    font-weight: 700;
    padding: 3px 17px 3px 7px;
    z-index: 999;
    text-transform: capitalize;
  }

  .featured-content.mobile p.sponsored {
    color: #fff;
    background: #2d2d2d;
    position: absolute;
    z-index: 999;
    top: 26px;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    padding: 2px 5px 1px;
  }

  .featured-content.mobile .content-box .featured-image {
    text-align: center;
    background: #191818;
    /* width: 168px; */
    height: 168px;
  }

  .elementor .featured-content.mobile img {
    height: 168px;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: auto;
    object-fit: cover;
    margin: auto;
  }
  .featured-content.mobile {
    position: relative;
  }
  .featured-content.mobile .title p,
  .featured-content.mobile .title h2 {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #191818;
    margin-bottom: 3px;
  }
  .slick-prev:before {
    content: "" !important;
    background: url(../images/left-arrow.png) no-repeat center;
    width: 7px;
    height: 11px;
    position: absolute;
  }
  .slick-next:before {
    content: "" !important;
    background: url(../images/right-arrow.png) no-repeat center;
    width: 7px;
    height: 11px;
    position: absolute;
  }
  button.slick-next.slick-arrow {
    top: -10px;
    right: -2px;
    display: flex;
  }
  button.slick-prev.slick-arrow {
    top: -10px;
    right: 10px;
    left: unset;
    display: flex;
  }
  .slick-initialized.slick-slider:before {
    content: "SWIPE FOR MORE";
    position: absolute;
    top: -20px;
    right: 40px;
    color: #aaa;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    font-style: italic;
  }
  /* news landing page*/
  .ns-landing-page .right-cs .content-box:first-child {
    margin-top: 25px;
  }
  /* .ns-landing-page .right-cs .content-box {
    max-width: 354px !important;
    margin-bottom: 25px;
  } */
  .ns-landing-page .right-cs {
    justify-content: center;
  }
  .ns-landing-page .right-cs .separator {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .ns-landing-page .right-cs .content-box .featured-image img {
    height: 190px !important;
    object-fit: cover;
  }
  .newsletter-acton-form-rightsidebar {
    float: unset !important;
  }
  .latest-trends-mobile .content .content-box h3.title {
    background-color: #191818;
  }
  .page-id-282 .post-content-wrap ul li img {
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
  }
  .Classified-wrapper img {
    max-width: max-content;
    width: 100%;
  }
  .ns-landing-page .right-cs .content-box .title {
    background-color: #008094;
  }
  .ns-landing-page .row {
    flex-direction: column-reverse;
  }
  .ns-landing-page .right-cs .content-box {
    max-width: 100% !important;
    margin-bottom: -4px;
  }
  .ns-landing-page h2.title {
    color: #191818;
    text-decoration: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
  }
  .ns-landing-page h3.title {
    font-weight: 500;
    font-size: 20px;
    line-height: 19px;
  }
  .ns-landing-page .content-section {
    border-top: 0.25px solid #18181861;
    padding-top: 18px;
  }
  .ns-landing-page .col-sm-3.left-cs,
  .ns-landing-page .col-sm-9.right-cs {
    width: 100%;
  }
  /* search  */
  .post-item-left_content h2,
  .pbm-search-form button,
  .search-page-col:nth-child(2),
  page-id-42114 .pbm-search-form__group {
    display: none;
  }
  .search-page-guide-wrapper .container--large,
  .search-result-header .container--large {
    padding: 0;
  }
  .search-result-page .post-item.post-item--river {
    padding: 0;
    padding-bottom: 24px;
  }
  .search-sorting-options {
    max-width: 163px;
    float: right;
    right: 16px;
  }
  .search-header-section #site-header-search-form input {
    max-width: 310px;
    width: 100%;
    margin-right: 0;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 8px;
  }
  .search-header-section #site-header-search-form button {
    max-width: 44px;
    width: 100%;
    height: 34px;
    padding: 0;
    font-size: 0;
    background-position: center;
    background-size: 20px 20px;
  }
  .search-result-page {
    margin-top: 20px;
  }
  .search-result-page .loadmore-btn {
    max-width: 354px;
    margin: auto;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .search-result-header {
    position: absolute;
    right: 18px;
  }
  .search-page-guide-wrapper .section-title {
    border-bottom: 1px solid #eaeae9;
    padding-bottom: 18px;
    margin-bottom: 12px;
  }
  .search-result-page .post-item-left_content {
    width: max-content;
    float: right;
  }
  .search-result-page .post-river .post-item__title a {
    line-height: 20px;
  }
  .search-result-page .post-river .tag-list a.tag--category {
    display: none;
  }
  .search-result-page .post-river .tag-list a {
    margin-right: 5px;
  }
  .search-result-page .post-river .post-item__image {
    max-width: 106px;
    width: 100%;
    height: 106px;
    margin-top: 20px;
  }
  .search-result-page .post-river .post-item__image img {
    width: 106px;
  }
  .page-id-282 .post-282 button.ao-form-submit {
    font-size: 16px !important;
  }
  .advColR {
    margin: unset;
    margin-top: 15px;
  }
  /*about-us page*/
  .aboutus-top-content-left {
    font-size: 24px;
    line-height: 36px;
  }
  .aboutus-top-content-right img {
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .about-us-page p {
    font-size: 18px;
    line-height: 28px;
  }
  .about-us-page h1 {
    font-size: 38px;
    line-height: 36px;
    margin-top: 35px;
    margin-bottom: 15px;
  }
  .content-channels-right {
    margin-top: 40px;
    margin-bottom: 35px;
  }
  .about-us-page .social-media-audience {
    max-width: 100%;
    justify-content: inherit;
    margin-bottom: 15px;
  }
  .about-us-page .social-media-audience h3 {
    font-size: 28px;
    line-height: 46px;
  }
  .social-media-audience .col-sm-2 {
    width: 50%;
    margin-bottom: 25px;
  }
  h2.media-coverage {
    font-size: 28px;
    line-height: 36px;
  }
  .media-coverage .row {
    padding-left: 12px;
    padding-right: 12px;
  }
  .media-coverage .row-2 {
    margin-bottom: 0;
  }
  .media-coverage .col-sm-2 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 364px) {
  .featured-content.mobile {
    max-width: 320px;
  }
  .slick-initialized.slick-slider:before {
    right: 32px;
  }
  button.slick-prev.slick-arrow {
    right: 2px;
  }
  button.slick-next.slick-arrow {
    right: -12px;
  }
}