@media screen and (min-width: 1601px) {
  #zox-home-main-wrap {
    right: auto;

    margin: 0 auto;
  }
}

@media screen and (max-width: 1499px) and (min-width: 1400px) {
  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 1399px) and (min-width: 1300px) {


  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
  #zox-bot-head {
    grid-gap: 20px;
  }

  .zox-o3.zox-div1 h2.zox-s-title1-feat,
  .zox-o3.zox-div1t h2.zox-s-title1-feat {
    font-size: 2.75rem;
  }




  .zox-feat-tech1-main .zox-art-img,
  .zox-feat-tech1-sub .zox-art-img {
    height: 460px;
  }

  .zox-feat-tech2-main h2.zox-s-title2 {
    font-size: 1.875rem;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.875rem;
  }

  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }
}

@media screen and (max-width: 1199px) and (min-width: 1100px) {
  #zox-bot-head {
    grid-gap: 20px;
  }

  .zox-nav-menu ul li a {
    padding-right: 10px;

    padding-left: 10px;
  }



  .zox-o3.zox-div1 h2.zox-s-title1-feat,
  .zox-o3.zox-div1t h2.zox-s-title1-feat {
    font-size: 2.75rem;
  }



  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.5rem;
  }

  .zox-o4.zox-div4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 0.75rem;
  }

  .zox-o6 .zox-art-text {
    padding: 60px 20px 20px;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 2.75rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1.25rem;
  }

  .zox-widget-altimg-over .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-over .zox-art-img {
    height: 400px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-feat-tech1-main .zox-art-img,
  .zox-feat-tech1-sub .zox-art-img {
    height: 460px;
  }

  .zox-feat-tech2-main h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  #zox-foot-wrap {
    padding: 40px 30px;
  }

  .zox-foot-grid {
    grid-gap: 30px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }
}

@media screen and (max-width: 1099px) and (min-width: 1024px) {
  #zox-bot-head {
    grid-gap: 20px;
  }

  .zox-nav-menu ul li a {
    padding-right: 7px;

    padding-left: 7px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 2.75rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1.25rem;
  }

  .zox-s6 .zox-div3 .zox-art-text,
  .zox-s6 .zox-div4 .zox-art-text {
    padding: 20px 30px 40px;
  }

  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-div1 h2.zox-s-title1,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat,
  .zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 1.875rem;
  }


  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1 {
    font-size: 1.875rem;
  }


  .zox-feat-tech1-main .zox-art-img,
  .zox-feat-tech1-sub .zox-art-img {
    height: 460px;
  }

  .zox-feat-tech2-main h2.zox-s-title2 {
    font-size: 1.5rem;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.375rem;
  }

  .zox-o4.zox-div4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 0.75rem;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding-top: 115.6%;
  }

  .zox-o6 .zox-art-text {
    padding: 60px 20px 20px;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-widget-altimg-over .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-over .zox-art-img {
    height: 400px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-divr h2.zox-s-title2 {
    font-size: 1.375rem;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: auto;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  #zox-foot-wrap {
    padding: 40px 30px;
  }

  .zox-foot-grid {
    grid-gap: 30px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }
}

@media screen and (max-width: 1023px) and (min-width: 900px) {
  .zox-bot-head-menu,
  #zox-top-head-wrap {
    display: none;
  }

  #zox-bot-head {
    grid-template-columns: 60px auto 60px;
  }

  #zox-bot-head-mid {
    grid-template-columns: 100%;
  }

  .zox-bot-head-logo {
    opacity: 1;

    position: relative;

    right: auto;

    top: auto;

    width: 100%;
  }



  .zox-post-main-wrap,
  #zox-home-body-wrap {
    grid-template-columns: 100%;
  }


  .zox-o6 .zox-art-text {
    padding: 60px 20px 20px;
  }


  .zox-feat-right-wrap {
    margin: 0 auto;
  }

  .zox-s5.zox-div1 .zox-art-wrap {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s5.zox-div1 .zox-art-text {
    padding: 15px 30px 30px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 2.5rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1.25rem;
  }

  .zox-s5 p.zox-s-graph {
    font-size: 1rem;
  }

  .zox-s5 .zox-divr p.zox-s-graph {
    margin: 5px 0 0;
  }

  .zox-o3.zox-widget-feat-main .zox-art-text,
  .zox-o3.zox-widget-featl-main .zox-art-text {
    position: relative;

    right: auto;

    bottom: auto;

    width: 100%;
  }

  .zox-widget-feat-wrap .zox-o3 .zox-art-text-cont,
  .zox-widget-featl-wrap .zox-o3 .zox-art-text-cont {
    max-width: none;
  }


  .zox-s7 .zox-widget-altimg-wrap .zox-art-text {
    background: #fff;

    padding: 20px 20px 0;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text-cont {
    margin: 0;

    max-width: none;
  }

  .zox-s2 .zox-widget-altimg-wrap .zox-art-text {
    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    top: -14px;

    right: 0;

    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap span.zox-s-cat {
    padding: 10px 25px 1px;
  }

  .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-feat-tech1-main .zox-art-img,
  .zox-feat-tech1-sub .zox-art-img {
    height: 460px;
  }

  .zox-feat-tech1-main .zox-art-text p.zox-s-graph {
    font-size: 1rem;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    padding: 15px 15px 20px;
  }

  .zox-feat-tech2-main.zox-div2 h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-feat-tech2-sub.zox-div4 h2.zox-s-title2 {
    font-size: 0.875rem;
  }

  .zox-feat-tech3-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech3-main .zox-art-grid {
    max-height: 400px;
  }

  .zox-o4.zox-div2 .zox-art-text,
  .zox-o4.zox-div4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding-top: 115.6%;
  }

  .zox-s6 .zox-art-text {
    padding: 20px 20px 30px;
  }

  .zox-o3 .zox-art-text {
    padding: 0 30px 30px;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-s6 .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-widget-flex1-col.zox-div3.zox-widget-flex1-ad {
    grid-template-columns: 100%;
  }

  .zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .zox-widget-flex1-col.zox-div3 {
    padding: 0;
  }

  .zox-feat-right-wrap,
  .zox-home-right-wrap {
    width: 100%;

    max-width: 600px;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.5rem;
  }

  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-divr h2.zox-s-title2 {
    font-size: 1.675rem;
  }

  .zox-s8 .zox-div3 .zox-art-text {
    padding: 0 20px;
  }

  .zox-s8 .zox-div3 h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 0;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text {
    margin-bottom: -40px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-text-cont,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text-cont {
    margin: 0 auto;

    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    max-width: 670px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-title,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-title {
    width: 90%;
  }

  .zox-s3 span.zox-s-cat,
  .zox-o1 span.zox-s-cat {
    font-size: 0.75rem;

    padding: 6px 12px 5px;
  }

  .zox-o4 span.zox-s-cat {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 30px;
  }

  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-grid,
  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(even)
    .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-widget-altimg-wrap .zox-art-img {
    padding-top: 0;

    height: auto;

    min-height: 0;

    max-height: 400px;
  }

  .zox-widget-altimg-wrap .zox-art-img img {
    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-widget-feat-wrap .zox-art-text-cont,
  .zox-widget-featl-main .zox-art-text-cont {
    margin: 0 auto;

    max-width: 560px;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 30px 40px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px 40px;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-div4 .zox-byline-wrap span {
    display: inline-block;

    width: 100%;
  }

  .zox-div4 span.zox-byline-date {
    margin: 0;
  }

  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2,
  .zox-s8 .zox-div1 h2.zox-s-title1 .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.875rem;
  }

  .zox-o4.zox-div1 .zox-art-text {
    padding: 60px 30px 30px;
  }

  .zox-widget-featl-grid {
    grid-template-columns: 100%;
  }

  .zox-widget-featl-main .zox-art-img {
    padding: 0;

    height: auto;
  }

  .zox-widget-featl-main .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-featl-sub {
    margin: 15px 0 0;
  }

  .zox-widget-featl-sub h2.zox-s-title3 {
    font-size: 1.5rem;
  }

  .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 2fr;
  }

  .zox-s1 .zox-divr .zox-art-text {
    align-content: center;

    padding: 0 30px;
  }

  .zox-divr h2.zox-s-title2 {
    font-size: 1.375rem;
  }

  .zox-widget-main-head {
    margin: 0 0 15px;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: auto;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  .zox-vid-fixed {
    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-top: 0;

    position: relative !important;

    left: auto;

    bottom: auto;

    width: 100% !important;

    height: auto !important;

    z-index: auto;
  }

  .zox-post-ad {
    background-position: center center !important;
  }

  .zox-search-but-wrap {
    top: 30px;

    left: 30px;
  }

  .zox-search-cont {
    margin: -12vh -30% 0 0;

    width: 60%;
  }

  p.zox-search-p {
    font-size: 3.5vw;
  }

  .zox-search-box {
    height: 60px;
  }

  #zox-search-input {
    font-size: 30px;

    padding: 15px;
  }

  #zox-foot-wrap {
    padding: 40px 30px;
  }

  .zox-foot-grid {
    grid-gap: 30px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-post-video1-wrap {
    padding: 30px 0;
  }

  .zox-post-video1-grid {
    grid-template-areas:
      "zox-title"
      "zox-video";

    grid-template-columns: 100%;
  }

  .zox-post-video1-left {
    display: grid;

    grid-area: zox-video;
  }

  .zox-post-video1-right {
    display: grid;

    grid-area: zox-title;

    margin: 0 auto;

    max-width: 600px;

    text-align: center;
  }

  .zox-post-video1-right .zox-post-info-wrap {
    grid-template-columns: auto auto;
  }

  .zox-post-video1-right .zox-post-byline-wrap {
    justify-content: start;
  }

  .zox-post-video1-right ul.zox-post-soc-stat-list {
    justify-content: end;
  }

  .zox-post-more-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-post-more-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    max-width: none;
  }

  .zox-auto-post-grid {
    grid-template-columns: 100%;
  }

  .zox-alp-side {
    display: none;
  }

  .zox-auto-post-main .zox-post-more .zox-div4 .zox-art-img img {
    position: absolute;

    top: 0;
  }

  .zox-s6 .zox-widget-tab-wrap .zox-art-text {
    padding: 0;
  }

  .zox-alp-width {
    padding: 0;
  }

  #zox-lead-bot {
    padding: 15px 0 0;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }
}

@media screen and (max-width: 899px) and (min-width: 768px) {
  .zox-bot-head-menu,
  #zox-top-head-wrap,
  #zox-home-widget-wrap p.zox-s-graph{
    display: none;
  }

  #zox-bot-head {
    grid-template-columns: 60px auto 60px;
  }

  .zox-bot-head-logo {
    opacity: 1;

    top: auto;

    width: 100%;
  }



  #zox-bot-head-mid,
  .zox-post-main-wrap,
  #zox-home-body-wrap {
    grid-template-columns: 100%;
  }



  .zox-o6 .zox-art-text {
    padding: 60px 20px 20px;
  }



  .zox-s5.zox-div1 .zox-art-wrap {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s5.zox-div1 .zox-art-text {
    padding: 15px 30px 30px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 2.5rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1.25rem;
  }


  .zox-s6 .zox-div3 .zox-art-text {
    padding: 15px 20px 40px;
  }

  .zox-s6 .zox-div3 h2.zox-s-title2 {
    font-size: 1.125rem;
  }


  .zox-o3.zox-widget-feat-main .zox-art-text,
  .zox-o3.zox-widget-featl-main .zox-art-text {
    position: relative;

    right: auto;

    bottom: auto;

    width: 100%;
  }

  .zox-widget-feat-wrap .zox-o3 .zox-art-text-cont,
  .zox-widget-featl-wrap .zox-o3 .zox-art-text-cont {
    max-width: none;
  }


  .zox-s7 .zox-widget-altimg-wrap .zox-art-text {
    background: #fff;

    padding: 20px 20px 0;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text-cont {
    margin: 0;

    max-width: none;
  }




  .zox-s2 .zox-art-text {
    padding: 15px 20px 30px;
  }



  .zox-s2 .zox-widget-altimg-wrap .zox-art-text {
    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    top: -14px;

    right: 0;

    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap span.zox-s-cat {
    padding: 10px 25px 1px;
  }

  .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }



  .zox-feat-tech1-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech1-main .zox-art-text p.zox-s-graph {
    font-size: 1rem;
  }

  .zox-feat-tech1-sub .zox-art-img {
    height: 460px;
  }

  .zox-feat-tech1-sub .zox-art-img img {
    min-width: 370px;
  }

  .zox-feat-tech2-main {
    grid-template-columns: 100%;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img {
    padding: 0;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    min-width: 0;
  }

  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    padding: 15px 15px 20px;
  }

  .zox-feat-tech2-main.zox-div2 h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-feat-tech2-sub {
    grid-template-columns: 1fr 1fr;
  }

  .zox-feat-tech3-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech3-main .zox-art-grid {
    max-height: 400px;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.875rem;
  }

  .zox-o4.zox-div2 .zox-art-text,
  .zox-o4.zox-div4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding-top: 115.6%;
  }

  .zox-s6 .zox-art-text {
    padding: 20px 20px 30px;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-s6 .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-tech3 .zox-divr h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-widget-flex1-col.zox-div3.zox-widget-flex1-ad {
    grid-template-columns: 100%;
  }

  .zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
    grid-template-columns: 100%;
  }

  .zox-widget-flex1-col.zox-div3 {
    padding: 0;
  }

  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2 {
    font-size: 1.675rem;
  }

  .zox-feat-right-wrap,
  .zox-home-right-wrap {
    width: 100%;

    max-width: 600px;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }


  .zox-s4 .zox-div3 h3.zox-s-cat {
    margin: 0 0 8px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s4 .zox-div3 span.zox-s-cat {
    padding: 0;
  }

  .zox-s4 .zox-byline-wrap {
    margin: 8px 0 0;
  }

  .zox-s8 .zox-div1 .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s8 .zox-div1 .zox-art-text {
    padding: 0 30px;
  }

  .zox-s8 .zox-div1 h3.zox-s-cat {
    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s8 .zox-div1 span.zox-s-cat {
    background: #fff;

    padding: 3px 0 3px 8px;
  }

  .zox-s8 .zox-div1 .zox-art-title {
    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-s8 .zox-div3 .zox-art-text,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-blog-grid.zox-divr .zox-art-text {
    align-content: center;

    padding: 0;
  }



  .zox-s8 .zox-div3 .zox-art-grid,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-text zox-img";

    grid-template-columns: 2fr 3fr;
  }

  .zox-s8 .zox-div3 h3.zox-s-cat {
    margin: 0 0 5px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s8 .zox-div3 span.zox-s-cat {
    background: none;

    padding: 0;
  }

  .zox-s8 .zox-div3 .zox-art-title {
    margin: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 140%;
  }

  .zox-s8 .zox-div3 h2.zox-s-title2 {
    font-size: 1.375rem;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 0;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text {
    margin-bottom: -40px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-text-cont,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text-cont {
    margin: 0 auto;

    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    max-width: 670px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-title,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-title {
    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title1,
  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2,
  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.875rem;
  }

  .zox-o1.zox-div1 .zox-art-text {
    padding: 0 20px 20px;
  }

  .zox-o1.zox-div1 h3.zox-s-cat {
    position: relative;

    right: auto;

    top: auto;
  }

  .zox-o1.zox-div1 span.zox-s-cat {
    padding: 3px 10px;
  }

  .zox-o1.zox-div1 .zox-art-title {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 90%;
  }

  .zox-o3 .zox-art-text {
    padding: 0 30px 30px;
  }

  .zox-s3 span.zox-s-cat,
  .zox-o1 span.zox-s-cat {
    font-size: 0.75rem;

    padding: 6px 12px 5px;
  }

  .zox-o4 span.zox-s-cat {
    padding: 0;
  }

  .zox-feat-right-wrap {
    margin: 0 auto;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 30px;
  }

  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-grid,
  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(even)
    .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-widget-altimg-wrap .zox-art-img {
    padding-top: 0;

    height: auto;

    min-height: 0;

    max-height: 400px;
  }

  .zox-widget-altimg-wrap .zox-art-img img {
    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-widget-feat-wrap .zox-art-text-cont,
  .zox-widget-featl-main .zox-art-text-cont {
    margin: 0 auto;

    max-width: 560px;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 30px 40px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-div3 .zox-widget-flex1-cont {
    grid-template-columns: 100%;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-img zox-text";
  }

  .zox-div4 .zox-widget-flex1-cont,
  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 1.875rem;
  }

  .zox-o4.zox-div1 .zox-art-text {
    padding: 60px 30px 30px;
  }

  .zox-widget-main-head {
    margin: 0 0 15px;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img,
  #zox-blog-main-wrap .zox-art-img {
    padding: 0;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img img,
  #zox-blog-main-wrap .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  #zox-home-widget-wrap .zox-div4 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.5rem;
  }

  .zox-s8 #zox-home-widget-wrap .zox-div4 h2.zox-s-title2,
  .zox-s8 #zox-blog-main-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-widget-featl-grid {
    grid-template-columns: 100%;
  }

  .zox-widget-featl-main .zox-art-img {
    padding: 0;

    height: auto;
  }

  .zox-widget-featl-main .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-featl-sub {
    margin: 15px 0 0;
  }

  .zox-widget-featl-sub h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-widget-bgw .zox-widget-home,
  .zox-widget-bgg .zox-widget-home,
  .zox-widget-bgb .zox-widget-home,
  .zox-widget-bgp .zox-widget-home,
  .zox-widget-bgs .zox-widget-home {
    padding: 30px 0;
  }

  .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 2fr;
  }

  .zox-s1 .zox-divr .zox-art-text {
    align-content: center;

    padding: 0 0 0 30px;
  }

  .zox-divr h2.zox-s-title2 {
    font-size: 1.375rem;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: auto;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  .zox-post-ad {
    background-position: center center !important;
  }

  .zox-search-but-wrap {
    top: 30px;

    left: 30px;
  }

  .zox-search-cont {
    margin: -12vh -35% 0 0;

    width: 70%;
  }

  p.zox-search-p {
    font-size: 3.5vw;
  }

  .zox-search-box {
    height: 60px;
  }

  #zox-search-input {
    font-size: 30px;

    padding: 15px;
  }

  #zox-foot-wrap {
    padding: 30px 0 0;
  }

  .zox-foot-grid {
    grid-gap: 20px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-vid-fixed {
    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-top: 0;

    position: relative !important;

    left: auto;

    bottom: auto;

    width: 100% !important;

    height: auto !important;

    z-index: auto;
  }

  .zox-post-video1-wrap {
    padding: 30px 0;
  }

  .zox-post-video1-grid {
    grid-template-areas:
      "zox-title"
      "zox-video";

    grid-template-columns: 100%;
  }

  .zox-post-video1-left {
    display: grid;

    grid-area: zox-video;
  }

  .zox-post-video1-right {
    display: grid;

    grid-area: zox-title;

    margin: 0 auto;

    max-width: 600px;

    text-align: center;
  }

  .zox-post-video1-right .zox-post-info-wrap {
    grid-template-columns: auto auto;
  }

  .zox-post-video1-right .zox-post-byline-wrap {
    justify-content: start;
  }

  .zox-post-video1-right ul.zox-post-soc-stat-list {
    justify-content: end;
  }

  .zox-post-more-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-post-more-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    max-width: none;
  }

  .zox-auto-post-grid {
    grid-template-columns: 100%;
  }

  .zox-alp-side {
    display: none;
  }

  .zox-auto-post-main .zox-post-more .zox-div4 .zox-art-img img {
    position: absolute;

    top: 0;
  }

  .zox-s6 .zox-widget-tab-wrap .zox-art-text {
    padding: 0;
  }

  .zox-alp-width {
    padding: 0;
  }

  #zox-lead-bot {
    padding: 15px 0 0;
  }


  #zox-author-page-top {
    padding: 30px;
  }

  .zox-author-top {
    grid-gap: 20px;

    grid-template-columns: 100%;
  }

  #zox-author-top-left,
  #zox-author-top-right {
    justify-content: center;

    text-align: center;

    width: 100%;
  }

  #zox-author-top-left img {
    border: 5px solid #ddd;

    width: 150px;
  }

  h1.zox-author-top-head {
    font-size: 2.5rem;
  }

  span.zox-author-page-desc {
    font-size: 1rem;
  }

  ul.zox-author-page-list li {
    margin: 0 3px 0 0;
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  .wp-block-embed-youtube {
    margin: 0 -20px 20px 0;

    width: calc(100% + 40px);
  }

}

@media screen and (max-width: 767px) and (min-width: 660px) {
  .zox-bot-head-menu,
  #zox-top-head-wrap,
  .zox-widget-altimg-wrap p.zox-s-graph,
  #zox-home-widget-wrap p.zox-s-graph {
    display: none;
  }

  #zox-bot-head {
    grid-template-columns: 60px auto 60px;
  }

  .zox-bot-head-logo {
    opacity: 1;

    top: auto;

    width: 100%;
  }

  .zox-head-width,
  .zox-post-width,
  .zox-body-width {
    padding: 0 20px;
  }

  #zox-main-body-wrap {
    padding: 20px 0 40px;
  }



  #zox-bot-head-mid,
  .zox-post-main-wrap,
  #zox-home-body-wrap {
    grid-template-columns: 100%;
  }


  .zox-feat-right-wrap {
    margin: 0 auto;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-feat-left-wrap,
  .zox-feat-right-wrap {
    margin: 0 auto;

    width: 100%;

    max-width: 600px;
  }




  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-feat-right-wrap,
  .zox-home-right-wrap {
    margin: 0 auto;

    width: 100%;

    max-width: 600px;
  }

  .zox-s5.zox-div1 .zox-art-wrap {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s5.zox-div1 .zox-art-text {
    padding: 15px 30px 30px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 2.25rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1.125rem;
  }

  
  .zox-s5 .zox-byline-wrap {
    margin: 10px 0 0;
  }


  .zox-s6 .zox-div3 .zox-art-grid {
    grid-gap: 20px;

    grid-template-areas: "zox-img zox-text";

    grid-template-columns: 1fr 1fr;
  }

  .zox-s6 .zox-div3 .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-s6 .zox-byline-wrap {
    margin: 5px 0 0;
  }


  .zox-o3.zox-widget-feat-main .zox-art-text,
  .zox-o3.zox-widget-featl-main .zox-art-text {
    position: relative;

    right: auto;

    bottom: auto;

    width: 100%;
  }

  .zox-widget-feat-wrap .zox-o3 .zox-art-text-cont,
  .zox-widget-featl-wrap .zox-o3 .zox-art-text-cont {
    max-width: none;
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text {
    background: #fff;

    padding: 20px 20px 0;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text-cont {
    margin: 0;

    max-width: none;
  }

  .zox-s7 .zox-div3.zox-widget-flex1-wrap .zox-art-text {
    background: none;

    top: auto;

    right: auto;

    padding: 0 0 0 20px;

    width: 100%;
  }

  .zox-s2 .zox-widget-altimg-wrap .zox-art-text {
    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    top: -14px;

    right: 0;

    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap span.zox-s-cat {
    padding: 10px 25px 1px;
  }

  .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }


  .zox-feat-tech1-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech1-main .zox-art-text p.zox-s-graph {
    font-size: 1rem;
  }

  .zox-feat-tech1-sub .zox-art-img {
    height: 360px;
  }

  .zox-feat-tech1-sub .zox-art-img img {
    min-width: 290px;
  }

  .zox-feat-tech2-main {
    grid-template-columns: 100%;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img {
    padding: 0;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    min-width: 0;
  }

  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    padding: 15px 15px 20px;
  }

  .zox-feat-tech2-main.zox-div2 h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-feat-tech2-sub {
    grid-template-columns: 1fr 1fr;
  }

  .zox-feat-tech3-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech3-main .zox-art-grid {
    max-height: 337px;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.75rem;
  }

  .zox-o4.zox-div2 .zox-art-text,
  .zox-o4.zox-div4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding-top: 115.6%;
  }

  .zox-s6 .zox-art-text {
    padding: 20px 20px 30px;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-s6 .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-tech3 .zox-divr h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-widget-flex1-col.zox-div3.zox-widget-flex1-ad {
    grid-template-columns: 100%;
  }

  .zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
    grid-template-columns: 100%;
  }

  .zox-widget-flex1-col.zox-div3 {
    padding: 0;
  }

  .zox-s4 .zox-div3 h3.zox-s-cat {
    margin: 0 0 8px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s4 .zox-div3 span.zox-s-cat {
    padding: 0;
  }

  .zox-s4 .zox-byline-wrap {
    margin: 8px 0 0;
  }

  .zox-s8 .zox-div1 .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s8 .zox-div1 .zox-art-text {
    padding: 0 20px;
  }

  .zox-s8 .zox-div1 h3.zox-s-cat {
    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s8 .zox-div1 span.zox-s-cat {
    background: #fff;

    padding: 3px 0 3px 8px;
  }

  .zox-s8 .zox-div1 .zox-art-title {
    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title2 {
    font-size: 1.875rem;
  }

  .zox-s8 .zox-div3 .zox-art-text,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-blog-grid.zox-divr .zox-art-text {
    align-content: center;

    padding: 0;
  }


  .zox-s8 .zox-div3 .zox-art-grid,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-text zox-img";

    grid-template-columns: 2fr 3fr;
  }

  .zox-s8 .zox-div3 h3.zox-s-cat {
    margin: 0 0 5px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s8 .zox-div3 span.zox-s-cat {
    background: none;

    padding: 0;
  }

  .zox-s8 .zox-div3 .zox-art-title {
    margin: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 140%;
  }

  .zox-s8 .zox-div3 h2.zox-s-title2,
  .zox-s8 .zox-divr h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div3 h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-s8 #zox-home-widget-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 0;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text {
    margin-bottom: -40px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-text-cont,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text-cont {
    margin: 0 auto;

    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    max-width: 670px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-title,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-title {
    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title1,
  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2,
  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.75rem;
  }

  .zox-o1.zox-div1 .zox-art-text {
    padding: 0 20px 20px;
  }

  .zox-o1.zox-div1 h3.zox-s-cat {
    position: relative;

    right: auto;

    top: auto;
  }

  .zox-o1.zox-div1 span.zox-s-cat {
    padding: 3px 10px;
  }

  .zox-o1.zox-div1 .zox-art-title {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 90%;
  }

  .zox-o3 .zox-art-text {
    padding: 0 20px 20px;
  }



  .zox-s4.zox-blog-grid.zox-divr .zox-art-wrap,
  .zox-s5.zox-blog-grid.zox-divr .zox-art-wrap {
    padding: 20px 0 0;
  }

  .zox-s3 span.zox-s-cat,
  .zox-o1 span.zox-s-cat {
    font-size: 0.75rem;

    padding: 6px 12px 5px;
  }

  .zox-o4 span.zox-s-cat {
    padding: 0;
  }

  #zox-home-main-wrap,
  #zox-home-widget-wrap {
    grid-gap: 40px;
  }

  .zox-widget-main-head {
    margin: 0 0 15px;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 20px;
  }

  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-grid,
  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(even)
    .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-widget-altimg-wrap .zox-art-img {
    padding-top: 0;

    height: auto;

    min-height: 0;

    max-height: 400px;
  }

  .zox-widget-altimg-wrap .zox-art-img img {
    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-widget-feat-wrap .zox-art-text-cont {
    margin: 0 auto;

    max-width: 560px;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 30px 40px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-div3 .zox-widget-flex1-cont {
    grid-row-gap: 20px;

    grid-template-columns: 100%;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-img zox-text";
  }

  .zox-div4 .zox-widget-flex1-cont,
  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-o4.zox-div1 .zox-art-text {
    padding: 40px 20px 20px;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img,
  #zox-blog-main-wrap .zox-art-img {
    padding: 0;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img img,
  #zox-blog-main-wrap .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  #zox-home-widget-wrap .zox-div3 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div3 h2.zox-s-title2,
  #zox-home-widget-wrap .zox-div4 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.375rem;
  }

  .zox-widget-featl-grid {
    grid-template-columns: 100%;
  }

  .zox-widget-featl-main .zox-art-img {
    padding: 0;

    height: auto;
  }

  .zox-widget-featl-main .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-featl-sub {
    margin: 15px 0 0;
  }

  .zox-widget-featl-sub h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-widget-bgw .zox-widget-home,
  .zox-widget-bgg .zox-widget-home,
  .zox-widget-bgb .zox-widget-home,
  .zox-widget-bgp .zox-widget-home,
  .zox-widget-bgs .zox-widget-home {
    padding: 20px 0;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat,
  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 2.125rem;
  }

  .zox-blog-grid {
    grid-gap: 20px;
  }

  .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 2fr;
  }

  .zox-divr h3.zox-s-cat {
    margin: 0 0 5px;
  }

  .zox-s1 .zox-divr .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-divr h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-divr .zox-byline-wrap {
    margin: 5px 0 0;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: auto;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  .zox-post-ad {
    background-position: center center !important;
  }

  h1.zox-post-title {
    font-size: 6vw;
  }

  .zox-search-but-wrap {
    top: 20px;

    left: 20px;
  }

  .zox-search-cont {
    margin: -12vh -35% 0 0;

    width: 70%;
  }

  p.zox-search-p {
    font-size: 4vw;
  }

  .zox-search-box {
    height: 50px;
  }

  #zox-search-input {
    font-size: 30px;

    padding: 10px;
  }

  #zox-foot-wrap {
    padding: 30px 20px;
  }

  .zox-foot-grid {
    grid-gap: 20px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-vid-fixed {
    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-top: 0;

    position: relative !important;

    left: auto;

    bottom: auto;

    width: 100% !important;

    height: auto !important;

    z-index: auto;
  }

  .zox-post-video1-wrap {
    margin: -20px 0 0;

    padding: 20px 0;
  }

  .zox-post-video1-grid {
    grid-template-areas:
      "zox-title"
      "zox-video";

    grid-template-columns: 100%;
  }

  .zox-post-video1-left {
    display: grid;

    grid-area: zox-video;
  }

  .zox-post-video1-right {
    display: grid;

    grid-area: zox-title;

    margin: 0 auto;

    max-width: 600px;

    text-align: center;
  }

  .zox-post-video1-right .zox-post-info-wrap {
    grid-template-columns: auto auto;
  }

  .zox-post-video1-right .zox-post-byline-wrap {
    justify-content: start;
  }

  .zox-post-video1-right ul.zox-post-soc-stat-list {
    justify-content: end;
  }

  .zox-post-more-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-post-more-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  span.zox-widget-main-title {
    font-size: 1.875rem;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    max-width: none;
  }

  .zox-auto-post-grid {
    grid-template-columns: 100%;
  }

  .zox-alp-side {
    display: none;
  }

  .zox-auto-post-main .zox-post-more .zox-div4 .zox-art-img img {
    position: absolute;

    top: 0;
  }

  .zox-authors-cont {
    grid-gap: 30px;

    grid-template-columns: 100%;

    justify-content: center;

    text-align: center;
  }

  .zox-authors-left {
    justify-content: center;

    width: 100%;
  }

  .zox-s6 .zox-widget-tab-wrap .zox-art-text {
    padding: 0;
  }

  .zox-alp-width {
    padding: 0;
  }

  #zox-lead-bot {
    padding: 15px 0 0;
  }

  .zox-post-title-wrap {
    padding: 0 20px;
  }

  #zox-author-page-top {
    padding: 30px;
  }

  .zox-author-top {
    grid-gap: 20px;

    grid-template-columns: 100%;
  }

  #zox-author-top-left,
  #zox-author-top-right {
    justify-content: center;

    text-align: center;

    width: 100%;
  }

  #zox-author-top-left img {
    border: 5px solid #ddd;

    width: 150px;
  }

  h1.zox-author-top-head {
    font-size: 2.5rem;
  }

  span.zox-author-page-desc {
    font-size: 1rem;
  }

  ul.zox-author-page-list li {
    margin: 0 3px 0 0;
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  .zox-blog-grid.zox-div3 .zox-art-grid,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-grid {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-blog-grid.zox-div3 .zox-art-text,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-text {
    padding: 20px;
  }

  .wp-block-embed-youtube {
    margin: 0 -20px 20px 0;

    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 659px) and (min-width: 600px) {
  .zox-bot-head-menu,
  #zox-top-head-wrap,
  .zox-widget-altimg-wrap p.zox-s-graph,
  #zox-home-widget-wrap p.zox-s-graph{
    display: none;
  }

  #zox-bot-head {
    grid-template-columns: 60px auto 60px;
  }

  .zox-bot-head-logo {
    opacity: 1;

    top: auto;

    width: 100%;
  }

  .zox-head-width,
  .zox-post-width,
  .zox-body-width {
    padding: 0 20px;
  }

  #zox-main-body-wrap {
    padding: 20px 0 40px;
  }


  #zox-bot-head-mid,
  .zox-post-main-wrap,
  #zox-home-body-wrap {
    grid-template-columns: 100%;
  }



  .zox-feat-left-wrap,
  .zox-feat-right-wrap {
    margin: 0 auto;

    width: 100%;

    max-width: 600px;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-s5.zox-div1 .zox-art-wrap {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s5.zox-div1 .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 2rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1rem;
  }


  .zox-s5 .zox-byline-wrap {
    margin: 10px 0 0;
  }

  .zox-s6 .zox-div3 .zox-art-grid {
    grid-gap: 20px;

    grid-template-areas: "zox-img zox-text";

    grid-template-columns: 1fr 1fr;
  }

  .zox-s6 .zox-div3 .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-s6 .zox-byline-wrap {
    margin: 5px 0 0;
  }


  .zox-o3.zox-widget-feat-main .zox-art-text,
  .zox-o3.zox-widget-featl-main .zox-art-text {
    position: relative;

    right: auto;

    bottom: auto;

    width: 100%;
  }

  .zox-widget-feat-wrap .zox-o3 .zox-art-text-cont,
  .zox-widget-featl-wrap .zox-o3 .zox-art-text-cont {
    max-width: none;
  }

  .zox-o3.zox-div1 h2.zox-s-title1,
  .zox-o3.zox-div23 h2.zox-s-title1-feat {
    font-size: 1.75rem;
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }


  .zox-o5 .zox-byline-wrap {
    margin: 15px 0 0;

    padding: 15px 0 0;
  }

  .zox-o5 .zox-byline-wrap:before {
    margin: 0 -25px 0 0;

    width: 50px;

    height: 4px;
  }


  .zox-s7 .zox-widget-altimg-wrap .zox-art-text {
    background: #fff;

    padding: 20px 20px 0;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text-cont {
    margin: 0;

    max-width: none;
  }

  .zox-s7 .zox-div3.zox-widget-flex1-wrap .zox-art-text {
    background: none;

    top: auto;

    right: auto;

    padding: 0 0 0 20px;

    width: 100%;
  }

  .zox-s2 .zox-widget-altimg-wrap .zox-art-text {
    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    top: -14px;

    right: 0;

    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap span.zox-s-cat {
    padding: 10px 25px 1px;
  }

  .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }


  .zox-feat-tech1-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech1-main .zox-art-text p.zox-s-graph {
    font-size: 1rem;
  }

  .zox-feat-tech1-sub .zox-art-img {
    height: 360px;
  }

  .zox-feat-tech1-sub .zox-art-img img {
    min-width: 290px;
  }

  .zox-feat-tech2-main {
    grid-template-columns: 100%;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img {
    padding: 0;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    min-width: 0;
  }

  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    padding: 15px 15px 20px;
  }

  .zox-feat-tech2-main.zox-div2 h2.zox-s-title2 {
    font-size: 1.5rem;
  }

  .zox-feat-tech2-sub {
    grid-template-columns: 1fr 1fr;
  }

  #zox-feat-tech3-wrap {
    margin: -12px 0 0;
  }

  .zox-feat-tech3-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech3-main .zox-art-grid {
    max-height: 337px;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.5rem;
  }

  .zox-o4.zox-div2 .zox-art-text,
  .zox-o4.zox-div4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding-top: 115.6%;
  }

  .zox-s6 .zox-art-text {
    padding: 20px 20px 30px;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 0.875rem;
  }

  .zox-s6 .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-tech3 .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 1fr;
  }

  .zox-tech3 .zox-divr h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-widget-flex1-col.zox-div3.zox-widget-flex1-ad {
    grid-template-columns: 100%;
  }

  .zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
    grid-template-columns: 100%;
  }

  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2 {
    font-size: 2rem;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-feat-right-wrap,
  .zox-home-right-wrap {
    margin: 0 auto;

    width: 100%;

    max-width: 600px;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-s7 .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 1.875rem;
  }

  .zox-s4 .zox-div3 h3.zox-s-cat {
    margin: 0 0 8px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s4 .zox-div3 span.zox-s-cat {
    padding: 0;
  }

  .zox-s4 .zox-byline-wrap {
    margin: 8px 0 0;
  }

  .zox-s8 .zox-div1 .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s8 .zox-div1 .zox-art-text {
    padding: 0 20px;
  }

  .zox-s8 .zox-div1 h3.zox-s-cat {
    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s8 .zox-div1 span.zox-s-cat {
    background: #fff;

    padding: 3px 0 3px 8px;
  }

  .zox-s8 .zox-div1 .zox-art-title {
    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

    width: 90%;
  }

  .zox-s8 .zox-div3 .zox-art-text,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-blog-grid.zox-divr .zox-art-text {
    align-content: center;

    padding: 0;
  }


  .zox-s8 .zox-div3 .zox-art-grid,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-text zox-img";

    grid-template-columns: 2fr 3fr;
  }

  .zox-s8 .zox-div3 h3.zox-s-cat {
    margin: 0 0 5px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s8 .zox-div3 span.zox-s-cat {
    background: none;

    padding: 0;
  }

  .zox-s8 .zox-div3 .zox-art-title {
    margin: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 140%;
  }

  .zox-s8 .zox-div3 h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div3 h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-s8 #zox-home-widget-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 0;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text {
    margin-bottom: -40px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-text-cont,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text-cont {
    margin: 0 auto;

    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    max-width: 670px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-title,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-title {
    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title1,
  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2,
  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.675rem;
  }

  .zox-o1.zox-div1 .zox-art-text {
    padding: 0 20px 20px;
  }

  .zox-o1.zox-div1 h3.zox-s-cat {
    position: relative;

    right: auto;

    top: auto;
  }

  .zox-o1.zox-div1 span.zox-s-cat {
    padding: 3px 10px;
  }

  .zox-o1.zox-div1 .zox-art-title {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 90%;
  }

  .zox-o3 .zox-art-text {
    padding: 0 20px 20px;
  }



  .zox-s4.zox-blog-grid.zox-divr .zox-art-wrap,
  .zox-s5.zox-blog-grid.zox-divr .zox-art-wrap {
    padding: 20px 0 0;
  }


  .zox-s1 .zox-art-text,
  .zox-s2.zox-div1 .zox-art-text,
  .zox-s2.zox-div2 .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-widget-altimg-wrap .zox-s1 .zox-art-text,
  .zox-widget-altimg-wrap .zox-s2.zox-div1 .zox-art-text,
  .zox-widget-altimg-wrap .zox-s2.zox-div2 .zox-art-text {
    padding: 0 20px;
  }

  .zox-s1 .zox-art-small .zox-art-text {
    padding: 0 0 0 15px;
  }

  .zox-s1 .zox-widget-side-trend-wrap .zox-art-text {
    padding: 0 41px 0 0;
  }

  .zox-div2 h2.zox-s-title2,
  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.875rem;
  }

  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-o1 .zox-art-text {
    padding: 0 20px 20px;
  }

  .zox-o4.zox-div1 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-s3 .zox-divr h3.zox-s-cat {
    margin: 0 0 4px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s3 .zox-divr span.zox-s-cat {
    background: none;

    color: #000;

    font-size: 0.75rem;

    padding: 0;
  }

  .zox-o1 span.zox-s-cat {
    font-size: 0.75rem;

    padding: 6px 12px 5px;
  }

  .zox-o4 span.zox-s-cat {
    padding: 0;
  }

  #zox-home-main-wrap,
  #zox-home-widget-wrap {
    grid-gap: 40px;
  }

  .zox-widget-main-head {
    margin: 0 0 15px;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 20px;
  }

  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-grid,
  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(even)
    .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-widget-altimg-wrap .zox-art-img {
    padding-top: 0;

    height: auto;

    min-height: 0;

    max-height: 400px;
  }

  .zox-widget-altimg-wrap .zox-art-img img {
    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-widget-feat-wrap .zox-art-text-cont {
    margin: 0 auto;

    max-width: 560px;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 1.875rem;
  }

  .zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-div3 .zox-widget-flex1-cont {
    grid-row-gap: 20px;

    grid-template-columns: 100%;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-img zox-text";
  }

  .zox-div4 .zox-widget-flex1-cont,
  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;

    text-align: right;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img,
  #zox-blog-main-wrap .zox-art-img {
    padding: 0;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img img,
  #zox-blog-main-wrap .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  #zox-home-widget-wrap .zox-div3 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div3 h2.zox-s-title2,
  #zox-home-widget-wrap .zox-div4 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-widget-featl-grid {
    grid-template-columns: 100%;
  }

  .zox-widget-featl-main .zox-art-img {
    padding: 0;

    height: auto;
  }

  .zox-widget-featl-main .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-featl-sub {
    margin: 15px 0 0;
  }

  .zox-widget-featl-sub h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-widget-bgw .zox-widget-home,
  .zox-widget-bgg .zox-widget-home,
  .zox-widget-bgb .zox-widget-home,
  .zox-widget-bgp .zox-widget-home,
  .zox-widget-bgs .zox-widget-home {
    padding: 20px 0;
  }

  .zox-blog-grid {
    grid-gap: 20px;
  }

  .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 2fr;
  }

  .zox-divr h3.zox-s-cat {
    margin: 0 0 5px;
  }

  .zox-s1 .zox-divr .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-divr h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-divr .zox-byline-wrap {
    margin: 5px 0 0;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: auto;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  .zox-post-ad {
    background-position: center center !important;
  }

  .zox-article-wrap {
    grid-gap: 20px;

    padding: 20px 0;
  }

  .zox-post-head-wrap {
    padding: 0 20px;
  }

  .zox-post-title-wrap .zox-post-width {
    padding: 0;
  }

  h1.zox-post-title {
    font-size: 6vw;
  }

  span.zox-post-excerpt p {
    font-size: 1.125rem;
  }

  .zox-post-ad-wrap {
    margin: 50px 0 40px;
  }

  .zox-search-but-wrap {
    top: 20px;

    left: 20px;
  }

  .zox-search-cont {
    margin: -15vh -40% 0 0;

    width: 80%;
  }

  p.zox-search-p {
    font-size: 4vw;
  }

  .zox-search-box {
    height: 50px;
  }

  #zox-search-input {
    font-size: 30px;

    padding: 10px;
  }

  #zox-foot-wrap {
    padding: 30px 20px;
  }

  .zox-foot-grid {
    grid-gap: 20px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-vid-fixed {
    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-top: 0;

    position: relative !important;

    left: auto;

    bottom: auto;

    width: 100% !important;

    height: auto !important;

    z-index: auto;
  }

  .zox-post-video1-wrap {
    margin: -20px 0 0;

    padding: 20px 0;
  }

  .zox-post-video1-grid {
    grid-template-areas:
      "zox-title"
      "zox-video";

    grid-template-columns: 100%;
  }

  .zox-post-video1-left {
    display: grid;

    grid-area: zox-video;
  }

  .zox-post-video1-right {
    display: grid;

    grid-area: zox-title;

    margin: 0 auto;

    max-width: 600px;

    text-align: center;
  }

  .zox-post-video1-right .zox-post-info-wrap {
    grid-template-columns: auto auto;
  }

  .zox-post-video1-right .zox-post-byline-wrap {
    justify-content: start;
  }

  .zox-post-video1-right ul.zox-post-soc-stat-list {
    justify-content: end;
  }

  .zox-post-more-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-post-more-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  span.zox-widget-main-title {
    font-size: 1.875rem;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    max-width: none;
  }

  .zox-auto-post-grid {
    grid-template-columns: 100%;
  }

  .zox-alp-side {
    display: none;
  }

  .zox-auto-post-main .zox-post-more .zox-div4 .zox-art-img img {
    position: absolute;

    top: 0;
  }

  .single #zox-main-body-wrap {
    padding: 0 0 40px;
  }

  .zox-auto-post-main h1.zox-post-title {
    font-size: 6vw;
  }

  .zox-authors-cont {
    grid-gap: 30px;

    grid-template-columns: 100%;

    justify-content: center;

    text-align: center;
  }

  .zox-authors-left {
    justify-content: center;

    width: 100%;
  }

  .zox-s6 .zox-widget-tab-wrap .zox-art-text,
  .zox-alp-width,
  #zox-lead-bot,
  .zox-post-title-wrap {
    padding: 0;
  }

  .zox-author-name-wrap {
    margin: 0 0 5px;

    width: 100%;
  }

  #zox-author-page-top {
    padding: 30px;
  }

  .zox-author-top {
    grid-gap: 20px;

    grid-template-columns: 100%;
  }

  #zox-author-top-left,
  #zox-author-top-right {
    justify-content: center;

    text-align: center;

    width: 100%;
  }

  #zox-author-top-left img {
    border: 5px solid #ddd;

    width: 150px;
  }

  h1.zox-author-top-head {
    font-size: 2.5rem;
  }

  span.zox-author-page-desc {
    font-size: 1rem;
  }

  ul.zox-author-page-list li {
    margin: 0 3px 0 0;
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  .zox-blog-grid.zox-div3 .zox-art-grid,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-grid {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-blog-grid.zox-div3 .zox-art-text,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-text {
    padding: 20px;
  }

  .wp-block-embed-youtube {
    margin: 0 -20px 20px 0;

    width: calc(100% + 40px);
  }

}

@media screen and (max-width: 599px) and (min-width: 480px) {
  .zox-bot-head-menu,
  #zox-top-head-wrap,
  .zox-widget-altimg-wrap p.zox-s-graph,
  .zox-byline-wrap,
  #zox-home-widget-wrap p.zox-s-graph{
    display: none;
  }

  #zox-bot-head-wrap,
  .zox-bot-head-menu,
  #zox-bot-head,
  #zox-bot-head-left,
  #zox-bot-head-right,
  #zox-bot-head-mid,
  .zox-bot-head-logo,
  .zox-bot-head-logo-main,
  .zox-nav-menu,
  .zox-nav-menu ul {
    height: 60px;
  }

  #zox-bot-head {
    grid-template-columns: 60px auto 60px;
  }

  .zox-bot-head-logo {
    opacity: 1;

    top: auto;

    width: 100%;
  }

  .zox-bot-head-logo img,
  .zox-bot-head-logo-main img {
    max-height: 40px;
  }

  #zox-fly-wrap {
    width: 100%;
  }

  .zox-head-width {
    padding: 0 20px;
  }

  .zox-title-width {
    padding: 0 20px;
  }

  #zox-main-body-wrap {
    padding: 20px 0;
  }



  #zox-bot-head-mid,
  .zox-post-main-wrap,
  #zox-home-body-wrap {
    grid-template-columns: 100%;
  }



  .zox-feat-left-wrap,
  .zox-feat-right-wrap {
    margin: 0 auto;

    padding: 0 20px;

    width: 100%;

    max-width: 600px;
  }







  .zox-o6 .zox-art-text {
    padding: 60px 20px 20px;
  }


  .zox-s5.zox-div1 .zox-art-wrap {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s5.zox-div1 .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 1.75rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    font-size: 1rem;
  }



  .zox-s5 .zox-byline-wrap {
    margin: 10px 0 0;
  }

  .zox-s6 .zox-div3 .zox-art-grid {
    grid-gap: 20px;

    grid-template-areas: "zox-img zox-text";

    grid-template-columns: 1fr 1fr;
  }

  .zox-s6 .zox-div3 .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-s6 h3.zox-s-cat {
    margin: 0 0 5px;
  }

  .zox-s6 .zox-byline-wrap {
    margin: 5px 0 0;
  }



  .zox-o3.zox-widget-feat-main .zox-art-text,
  .zox-o3.zox-widget-featl-main .zox-art-text {
    padding: 0 20px 20px;

    position: relative;

    right: auto;

    bottom: auto;

    width: 100%;
  }

  .zox-widget-feat-wrap .zox-o3 .zox-art-text-cont,
  .zox-widget-featl-wrap .zox-o3 .zox-art-text-cont {
    max-width: none;
  }

  .zox-o3.zox-div1 h2.zox-s-title1,
  .zox-o3.zox-div23 h2.zox-s-title1-feat {
    font-size: 1.75rem;
  }

  .zox-o3.zox-widget-feat-main h3.zox-s-cat,
  .zox-o3.zox-widget-featl-main h3.zox-s-cat {
    margin: 0 -20px 15px 0;

    padding: 10px 20px 10px 40px;

    width: calc(100% + 40px);
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }


  .zox-o5 .zox-byline-wrap {
    margin: 15px 0 0;

    padding: 15px 0 0;
  }

  .zox-o5 .zox-byline-wrap:before {
    margin: 0 -25px 0 0;

    width: 50px;

    height: 4px;
  }


  .zox-s7 .zox-widget-altimg-wrap .zox-art-text {
    background: #fff;

    padding: 20px 20px 0;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text-cont {
    margin: 0;

    max-width: none;
  }

  .zox-s7 .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-s7 .zox-div3.zox-widget-flex1-wrap .zox-art-text {
    background: none;

    top: auto;

    right: auto;

    padding: 0 0 0 20px;

    width: 100%;
  }

  .zox-s2 .zox-widget-altimg-wrap .zox-art-text {
    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    top: -14px;

    right: 0;

    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap span.zox-s-cat {
    padding: 10px 25px 1px;
  }

  .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }


  #zox-feat-tech1-wrap {
    margin: 0;
  }

  .zox-feat-tech1-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech1-main .zox-art-text p.zox-s-graph {
    font-size: 1rem;
  }

  .zox-feat-tech1-sub .zox-art-img {
    height: 360px;
  }

  .zox-feat-tech1-sub .zox-art-img img {
    min-width: 290px;
  }

  .zox-o4 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-feat-tech2-main {
    grid-template-columns: 100%;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img {
    padding: 0;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    min-width: 0;
  }

  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    padding: 15px 15px 20px;
  }

  .zox-feat-tech2-main.zox-div2 h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-feat-tech2-sub {
    grid-template-columns: 1fr 1fr;

    padding: 0 20px;
  }

  .zox-feat-tech2-sub.zox-div4 h2.zox-s-title2 {
    font-size: 0.875rem;
  }

  #zox-feat-tech3-wrap {
    margin: 8px 0 0;
  }

  .zox-feat-tech3-grid {
    grid-template-columns: 100%;
  }

  .zox-feat-tech3-main .zox-art-grid {
    max-height: 337px;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat {
    font-size: 1.125rem;
  }

  .zox-o4 span.zox-s-cat {
    font-size: 0.625rem;
  }

  .zox-o4.zox-div2 .zox-art-text,
  .zox-o4.zox-div4 .zox-art-text {
    padding: 30px 15px 15px;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding-top: 115.6%;
  }

  .zox-s6 .zox-art-text {
    padding: 20px 20px 30px;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 0.875rem;
  }

  .zox-s6 .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-tech3 .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 1fr;
  }

  .zox-tech3 .zox-divr h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-widget-flex1-col.zox-div3.zox-widget-flex1-ad {
    grid-template-columns: 100%;
  }

  .zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
    grid-template-columns: 100%;
  }

  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2 {
    font-size: 1.875rem;
  }

  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2 {
    font-size: 1.5rem;
  }

  .zox-feat-right-wrap,
  .zox-home-right-wrap {
    margin: 0 auto;

    width: 100%;

    max-width: 600px;
  }

  .zox-widget-side-trend-wrap h2.zox-s-title3 {
    font-size: 1.25rem;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-s8 .zox-div1 .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }




  .zox-s4.zox-blog-grid.zox-divr .zox-art-wrap,
  .zox-s5.zox-blog-grid.zox-divr .zox-art-wrap {
    padding: 20px 0 0;
  }


  .zox-s4 .zox-div3 h3.zox-s-cat {
    margin: 0 0 8px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s4 .zox-div3 span.zox-s-cat {
    padding: 0;
  }

  .zox-s4 .zox-byline-wrap {
    margin: 8px 0 0;
  }

  .zox-s8 .zox-div1 .zox-art-text-cont {
    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);
  }

  .zox-s8 .zox-div1 .zox-art-text {
    padding: 0 20px;
  }

  .zox-s8 .zox-div1 h3.zox-s-cat {
    margin: 0 0 3px;
  }

  .zox-s8 .zox-div1 span.zox-s-cat {
    background: #fff;

    padding: 3px 10px 3px;
  }

  .zox-s8 .zox-div1 .zox-art-title {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 90%;
  }

  .zox-widget-flex1-cont {
    grid-gap: 20px;
  }

  .zox-s8 .zox-div3 .zox-art-text,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-div4 .zox-art-text,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-blog-grid.zox-divr .zox-art-text {
    align-content: center;

    padding: 0;
  }


  .zox-s8 .zox-div4 .zox-widget-flex1-cont {
    grid-gap: 20px;

    grid-template-columns: 100%;
  }

  .zox-s8 .zox-div3 .zox-art-grid,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-grid,
  .zox-s8 .zox-div4 .zox-art-grid,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-text zox-img";

    grid-template-columns: 2fr 3fr;
  }

  .zox-s8 .zox-div3 h3.zox-s-cat,
  .zox-s8 .zox-div4 h3.zox-s-cat {
    margin: 0 0 5px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s8 span.zox-s-cat {
    font-size: 0.875rem;
  }

  .zox-s8 .zox-div3 span.zox-s-cat,
  .zox-s8 .zox-div4 span.zox-s-cat {
    background: none;

    padding: 0;
  }

  .zox-s8 .zox-div3 .zox-art-title,
  .zox-s8 .zox-div4 .zox-art-title {
    margin: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 140%;
  }

  .zox-s8 .zox-div3 h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div3 h2.zox-s-title2,
  .zox-s8 .zox-div4 h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 0;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text {
    margin-bottom: -50px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-text-cont,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text-cont {
    margin: 0 auto;

    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    max-width: 670px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-title,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-title {
    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title1,
  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2,
  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.5rem;
  }

  .zox-o1.zox-div1 .zox-art-text {
    padding: 0 20px 20px;
  }

  .zox-o1.zox-div1 h3.zox-s-cat {
    position: relative;

    right: auto;

    top: auto;
  }

  .zox-o1.zox-div1 span.zox-s-cat {
    padding: 3px 10px;
  }

  .zox-o1.zox-div1 .zox-art-title {
    width: 90%;
  }

  .zox-o1.zox-div1 .zox-art-title,
  .zox-o1.zox-div1 .zox-art-text-cont {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;
  }

  .zox-widget-bgb .zox-widget-flex1-col.zox-div3,
  .zox-widget-bgg .zox-widget-flex1-col.zox-div3,
  .zox-widget-bgw .zox-widget-flex1-col.zox-div3,
  .zox-widget-bgp .zox-widget-flex1-col.zox-div3,
  .zox-widget-bgs .zox-widget-flex1-col.zox-div3 {
    padding: 0 20px;
  }

  .zox-widget-bgw.zox-widget-txtw .zox-widget-home:before,
  .zox-widget-bgg.zox-widget-txtw .zox-widget-home:before,
  .zox-widget-bgb.zox-widget-txtw .zox-widget-home:before,
  .zox-widget-bgp.zox-widget-txtw .zox-widget-home:before,
  .zox-widget-bgs.zox-widget-txtw .zox-widget-home:before {
    bottom: -10px;

    height: calc(100% - 70px);
  }

  .zox-s1 .zox-art-text,
  .zox-s2.zox-div1 .zox-art-text,
  .zox-s2.zox-div2 .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-widget-altimg-wrap .zox-s1 .zox-art-text,
  .zox-widget-altimg-wrap .zox-s2.zox-div1 .zox-art-text,
  .zox-widget-altimg-wrap .zox-s2.zox-div2 .zox-art-text {
    padding: 0 20px;
  }

  .zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s1 .zox-art-small .zox-art-text {
    padding: 0 0 0 15px;
  }

  .zox-s1 .zox-widget-side-trend-wrap .zox-art-text {
    padding: 0 41px 0 0;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.875rem;
  }

  .zox-div1 h2.zox-s-title1,
  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title1,
  .zox-div1t h2.zox-s-title2 {
    font-size: 1.5rem;
  }

  .zox-o1 .zox-art-text {
    padding: 0 20px 20px;
  }

  .zox-o4.zox-div1 .zox-art-text {
    padding: 40px 20px 20px;
  }

  .zox-s3 .zox-divr h3.zox-s-cat {
    margin: 0 0 4px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s3 .zox-divr span.zox-s-cat {
    background: none;

    color: #000;

    font-size: 0.75rem;

    padding: 0;
  }

  .zox-o1 span.zox-s-cat {
    font-size: 0.75rem;

    padding: 6px 12px 5px;
  }

  .zox-o4 span.zox-s-cat {
    padding: 0;
  }

  #zox-home-main-wrap,
  #zox-home-widget-wrap {
    grid-gap: 40px;
  }

  .zox-widget-main-head {
    margin: 0 0 15px;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 20px;
  }

  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-grid,
  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(even)
    .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-widget-altimg-wrap .zox-art-img {
    padding-top: 0;

    height: auto;

    min-height: 0;

    max-height: 400px;
  }

  .zox-widget-altimg-wrap .zox-art-img img {
    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-widget-feat-wrap .zox-art-text-cont {
    margin: 0 auto;

    max-width: 560px;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 1.75rem;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-widget-flex1-wrap,
  .zox-widget-altimg-wrap,
  .zox-widget-flex1-wrap.zox-div4,
  #zox-main-blog-wrap {
    padding: 0 20px;
  }

  .zox-div3 .zox-widget-flex1-cont {
    grid-row-gap: 20px;

    grid-template-columns: 100%;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-img zox-text";
  }

  .zox-div4 .zox-widget-flex1-cont,
  .zox-div3 .zox-widget-flex1-cont .zox-art-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-div3 .zox-widget-flex1-cont .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img,
  #zox-blog-main-wrap .zox-art-img {
    padding: 0;
  }

  #zox-home-widget-wrap .zox-div4 .zox-art-img img,
  #zox-blog-main-wrap .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  #zox-home-widget-wrap .zox-div3 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div3 h2.zox-s-title2,
  #zox-home-widget-wrap .zox-div4 h2.zox-s-title2,
  #zox-blog-main-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-widget-featl-grid {
    grid-template-columns: 100%;
  }

  .zox-widget-featl-sub {
    margin: 20px 0 0;

    padding: 0 20px;
  }

  .zox-widget-featl-main .zox-art-img,
  .zox-widget-feat-wrap .zox-art-img {
    padding: 0;

    height: 337px;
  }

  .zox-widget-featl-main .zox-art-img img,
  .zox-widget-feat-wrap .zox-art-img img {
    margin: 0 auto;

    position: absolute;

    right: -9999px;

    left: -9999px;

    top: auto;

    bottom: auto;

    min-width: 600px;
  }

  .zox-widget-bgw .zox-widget-home,
  .zox-widget-bgg .zox-widget-home,
  .zox-widget-bgb .zox-widget-home,
  .zox-widget-bgp .zox-widget-home,
  .zox-widget-bgs .zox-widget-home {
    padding: 20px 0;
  }

  .zox-blog-grid {
    grid-gap: 20px;
  }

  .zox-divr .zox-art-grid {
    grid-template-columns: 1fr 2fr;
  }

  .zox-divr h3.zox-s-cat {
    margin: 0 0 5px;
  }

  .zox-s1 .zox-divr .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-divr h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-divr .zox-byline-wrap {
    margin: 5px 0 0;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: auto;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  .zox-post-ad {
    background-position: center center !important;
  }

  .zox-article-wrap {
    grid-gap: 20px;

    padding: 20px 0;
  }

  .zox-post-head-wrap,
  .zox-post-width {
    padding: 0 20px;
  }

  .zox-post-title-wrap .zox-post-width {
    padding: 0;
  }

  h1.zox-post-title {
    font-size: 7vw;
  }

  span.zox-post-excerpt {
    margin: 10px 0 0;
  }

  span.zox-post-excerpt p {
    font-size: 1rem;
  }

  .zox-post-info-wrap {
    grid-gap: 15px;

    grid-template-columns: 100%;

    justify-content: center;

    margin: 20px 0 0;
  }

  .zox-post-byline-wrap {
    justify-content: center;
  }

  ul.zox-post-soc-stat-list {
    justify-content: center;
  }

  ul.zox-post-soc-stat-list li {
    float: none;
  }

  .zox-post-body .zox-post-ad-wrap {
    margin: 50px -20px 40px 0;

    width: calc(100% + 40px);
  }

  .zox-post-ad-wrap span.zox-ad-label {
    background: #000;

    padding: 5px 0;
  }

  .zox-search-but-wrap {
    top: 20px;

    left: 20px;
  }

  .zox-search-cont {
    margin: -15vh -40% 0 0;

    width: 80%;
  }

  p.zox-search-p {
    font-size: 4.5vw;
  }

  .zox-search-box {
    height: 50px;
  }

  #zox-search-input {
    font-size: 20px;

    padding: 15px;
  }

  #zox-foot-wrap {
    padding: 30px 20px;
  }

  .zox-foot-grid {
    grid-gap: 20px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    justify-content: center;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  .zox-vid-fixed {
    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-top: 0;

    position: relative !important;

    left: auto;

    bottom: auto;

    width: 100% !important;

    height: auto !important;

    z-index: auto;
  }

  .zox-post-video1-wrap {
    margin: 0;

    padding: 20px 0;
  }

  .zox-post-video1-grid {
    grid-gap: 20px;

    grid-template-areas:
      "zox-title"
      "zox-video";

    grid-template-columns: 100%;
  }

  .zox-post-video1-left {
    display: grid;

    grid-area: zox-video;
  }

  .zox-post-video1-right {
    display: grid;

    grid-area: zox-title;

    margin: 0 auto;

    max-width: 600px;

    text-align: center;
  }

  .zox-post-video1-right h1.zox-post-title {
    font-size: 1.875rem;
  }

  .zox-post-video1-right .zox-post-byline-wrap,
  .zox-post-video1-right ul.zox-post-soc-stat-list {
    justify-content: center;
  }

  .zox-post-video1-right .zox-post-info-wrap {
    grid-gap: 20px;
  }

  .zox-post-more-grid {
    grid-gap: 20px;

    grid-template-columns: 1fr 1fr;
  }

  .zox-post-more-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  span.zox-widget-main-title {
    font-size: 1.125rem;
  }

  .zox-auto-post-grid {
    grid-template-columns: 100%;
  }

  .zox-alp-side {
    display: none;
  }

  .zox-auto-post-main .zox-post-more .zox-div4 .zox-art-img img {
    position: absolute;

    top: 0;
  }

  .single #zox-main-body-wrap {
    padding: 0 0 40px;
  }

  .zox-auto-post-main h1.zox-post-title {
    font-size: 6vw;
  }

  #zox-lead-bot {
    padding: 0;
  }

  .zox-authors-grid {
    grid-gap: 20px;
  }

  .zox-authors-cont {
    grid-gap: 20px;

    grid-template-columns: 100%;

    justify-content: center;

    padding: 0 0 20px;

    text-align: center;
  }

  .zox-authors-left {
    justify-content: center;

    width: 100%;
  }

  .zox-authors-left img {
    width: 150px;

    height: 150px;
  }

  span.zox-authors-name a {
    font-size: 2rem;
  }

  .zox-s6 .zox-widget-tab-wrap .zox-art-text {
    padding: 0;
  }

  .zox-alp-width,
  #zox-lead-bot,
  .zox-post-title-wrap {
    padding: 0;
  }

  .zox-post-body h1,
  .zox-post-body h2,
  .zox-post-body h3,
  .zox-post-body h4,
  .zox-post-body h5,
  .zox-post-body h6,
  .comment-inner h1,
  .comment-inner h2,
  .comment-inner h3,
  .comment-inner h4,
  .comment-inner h5,
  .comment-inner h6 {
    padding: 1.5rem 0 1rem;
  }


  #zox-author-page-top {
    padding: 30px;
  }

  .zox-author-top {
    grid-gap: 20px;

    grid-template-columns: 100%;
  }

  #zox-author-top-left,
  #zox-author-top-right {
    justify-content: center;

    text-align: center;

    width: 100%;
  }

  #zox-author-top-left img {
    border: 3px solid #ddd;

    width: 100px;
  }

  h1.zox-author-top-head {
    font-size: 2rem;
  }

  span.zox-author-page-desc {
    font-size: 1rem;
  }

  ul.zox-author-page-list li {
    font-size: 14px;

    margin: 0 3px 0 0;

    padding-top: 8px;

    width: 30px;

    height: 30px;
  }

  .zox-divr .zox-art-grid {
    grid-gap: 20px;
  }

  .zox-blog-grid.zox-div4 {
    grid-template-columns: 1fr 1fr;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 56.25%;
  }

  .zox-blog-grid.zox-div3 .zox-art-grid,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-grid {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-blog-grid.zox-div3 .zox-art-text,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-text {
    padding: 20px;
  }

  .wp-block-embed-youtube {
    margin: 0 -20px 20px 0;

    width: calc(100% + 40px);
  }

}

@media screen and (max-width: 479px) {
  .zox-bot-head-menu,
  #zox-top-head-wrap,
  .zox-reg-img,
  .zox-byline-wrap,
  p.zox-s-graph,
  .zox-fly-top,
  #zox-home-widget-wrap p.zox-s-graph{
    display: none;
  }

  .zox-mob-img {
    display: inline !important;
  }

  .zox-trans-head {
    position: relative;

    top: auto;

    right: auto;
  }

  #zox-bot-head-wrap,
  .zox-bot-head-menu,
  #zox-bot-head,
  #zox-bot-head-left,
  #zox-bot-head-right,
  #zox-bot-head-mid,
  .zox-bot-head-logo,
  .zox-bot-head-logo-main,
  .zox-nav-menu,
  .zox-nav-menu ul {
    height: 60px;
  }

  #zox-bot-head {
    grid-template-columns: 60px auto 60px;
  }

  .zox-bot-head-logo {
    opacity: 1;

    top: auto;

    width: 100%;
  }

  .zox-bot-head-logo img,
  .zox-bot-head-logo-main img {
    max-height: 40px;
  }

  #zox-fly-wrap {
    width: 100%;
  }

  .zox-head-width,
  .zox-title-width {
    padding: 0 15px;
  }


  .zox-widget-side-head {
    margin: 0 0 15px;
  }

  #zox-bot-head-mid,
  .zox-post-main-wrap,
  #zox-home-body-wrap {
    grid-template-columns: 100%;
  }


  .zox-feat-left-wrap,
  .zox-feat-right-wrap {
    margin: 0;

    padding: 0 15px;

    width: 100%;

    max-width: 600px;
  }



  .zox-o6 .zox-art-text {
    padding: 50px 15px 15px;
  }

  .zox-o6 h3.zox-s-cat {
    margin: 0 0 10px;
  }

  .zox-o6 p.zox-s-graph {
    display: inline;
  }


  .zox-widget-featl-main .zox-art-img,
  .zox-widget-feat-wrap .zox-art-img {
    padding-top: 100%;

    height: auto;
  }

  .zox-widget-featl-main .zox-art-img img,
  .zox-widget-feat-wrap .zox-art-img img {
    object-fit: cover;

    position: absolute;

    top: 0;

    width: 600px;

    min-width: 0;
  }

  .zox-s5.zox-div1 .zox-art-wrap {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s5.zox-div1 .zox-art-img {
    padding: 0;

    height: 337px;
  }

  .zox-s5.zox-div1 .zox-art-img img {
    margin: 0 auto;

    position: absolute;

    right: -9999px;

    left: -9999px;

    min-width: 600px;
  }

  .zox-s5.zox-div1 .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-div1 h2.zox-s-title1-feat,
  .zox-div1t h2.zox-s-title1-feat {
    font-size: 1.75rem;
  }

  .zox-o5.zox-div1 h2.zox-s-title1-feat,
  .zox-o5.zox-div1t h2.zox-s-title1-feat {
    font-size: 2.125rem;
  }

  .zox-s5.zox-div1 p.zox-s-graph {
    display: inline;

    font-size: 1rem;
  }

  .zox-s5 .zox-byline-wrap {
    margin: 10px 0 0;
  }


 

  .zox-s6 .zox-div3 .zox-art-grid {
    grid-gap: 20px;

    grid-template-areas: "zox-img zox-text";

    grid-template-columns: 1fr 1fr;
  }

  .zox-s6 .zox-div3 .zox-art-text {
    align-content: center;

    padding: 0 0 0 20px;
  }

  .zox-s6 h3.zox-s-cat {
    margin: 0 0 5px;
  }

  .zox-s6 .zox-byline-wrap {
    margin: 5px 0 0;
  }


  .zox-o3.zox-widget-feat-main .zox-art-text,
  .zox-o3.zox-widget-featl-main .zox-art-text {
    padding: 0 15px 15px;

    position: relative;

    right: auto;

    bottom: auto;

    width: 100%;
  }

  .zox-widget-feat-wrap .zox-o3 .zox-art-text-cont,
  .zox-widget-featl-wrap .zox-o3 .zox-art-text-cont {
    max-width: none;
  }

  .zox-o3.zox-div1 h2.zox-s-title1,
  .zox-o3.zox-div23 h2.zox-s-title1-feat {
    font-size: 5.25vw;
  }

  .zox-o3.zox-widget-feat-main h3.zox-s-cat,
  .zox-o3.zox-widget-featl-main h3.zox-s-cat {
    margin: 0 -15px 15px 0;

    padding: 10px 15px 10px 30px;

    width: calc(100% + 40px);
  }

  .zox-divr .zox-art-grid {
    grid-gap: 15px;
  }


  .zox-o5 .zox-byline-wrap {
    margin: 15px 0 0;

    padding: 15px 0 0;
  }

  .zox-o5 .zox-byline-wrap:before {
    margin: 0 -25px 0 0;

    width: 50px;

    height: 4px;
  }


  .zox-s7 .zox-art-text {
    display: grid;

    align-content: center;

    padding: 0 0 0 15px;

    top: auto;

    right: auto;

    width: 100%;
  }

  .zox-s7 .zox-div3 .zox-art-mid h2.zox-s-title2,
  .zox-s7 .zox-div3 .zox-art-mid h2.zox-s-title2,
  .zox-s7 .zox-div4 .zox-art-mid h2.zox-s-title2,
  .zox-s7 .zox-div4 .zox-art-mid h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-s7 .zox-div3 .zox-art-main .zox-art-text,
  .zox-s7 .zox-div4 .zox-art-main .zox-art-text,
  .zox-s7 .zox-divs .zox-art-main .zox-art-text,
  .zox-s7 .zox-divr .zox-art-main .zox-art-text {
    background: #fff;

    margin: 0 0 -20px;

    padding: 20px 20px 0;

    position: relative;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text {
    background: #fff;

    padding: 20px 20px 0;

    top: -40px;

    right: 20px;

    width: calc(100% - 20px);
  }

  .zox-s7 .zox-widget-altimg-wrap .zox-art-text-cont {
    margin: 0;

    max-width: none;
  }

  .zox-s7 .zox-divs .zox-art-text {
    padding: 0 0 0 15px;
  }

  .zox-s7 .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 5.25vw;
  }



  .zox-blog-grid.zox-divr.zox-s2 .zox-art-grid {
    grid-template-columns: 100px auto;
  }

  .zox-blog-grid.zox-divr.zox-s2 .zox-art-main .zox-art-grid {
    grid-template-columns: 100%;
  }



  .zox-s2 .zox-widget-altimg-wrap h3.zox-s-cat,
  .zox-s2 .zox-divr .zox-art-main h3.zox-s-cat {
    position: absolute;

    top: -14px;

    right: 0;

    text-align: center;
  }

  .zox-s2 .zox-widget-altimg-wrap span.zox-s-cat,
  .zox-s2 .zox-divr .zox-art-main span.zox-s-cat {
    background: #fff;

    padding: 10px 25px 1px;
  }


  #zox-feat-tech1-wrap {
    margin: 0;
  }

  .zox-feat-tech1-grid,
  .zox-feat-tech1-sub {
    grid-template-columns: 100%;
  }

  .zox-feat-tech1-main .zox-art-img {
    height: 337px;
  }

  .zox-feat-tech1-main .zox-art-text p.zox-s-graph {
    display: inline;

    font-size: 0.75rem;
  }

  .zox-feat-tech1-sub .zox-art-img {
    padding: 0;

    height: auto;
  }

  .zox-feat-tech1-sub .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    top: auto;

    left: auto;

    min-width: 0;
  }

  .zox-o4 .zox-art-text {
    padding: 30px 15px 15px;
  }

  .zox-feat-tech2-grid {
    grid-gap: 15px;
  }

  .zox-feat-tech2-main {
    grid-gap: 15px;

    grid-template-columns: 100%;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img {
    padding: 0;
  }

  .zox-feat-tech2-main .zox-art-wrap:nth-child(1) .zox-art-img img,
  .zox-feat-tech2-main .zox-art-wrap:nth-child(2) .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    min-width: 0;
  }

  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    padding: 15px 15px 20px;
  }

  .zox-feat-tech2-main.zox-div2 h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-feat-tech2-sub {
    grid-gap: 15px;

    grid-template-columns: 100%;

    padding: 0 15px;
  }

  .zox-feat-tech2-sub.zox-div4 .zox-art-grid {
    grid-gap: 15px;

    grid-template-columns: 100px auto;
  }

  .zox-tech2.zox-s6 .zox-feat-tech2-sub.zox-div4 .zox-art-text,
  .zox-tech2.zox-s6 .zox-div3 .zox-art-text,
  .zox-tech2.zox-s6 .zox-div4 .zox-art-text {
    align-content: center;

    padding: 0 0 0 15px;
  }

  .zox-tech2.zox-s6 .zox-div3 .zox-art-main .zox-art-text,
  .zox-tech2.zox-s6 .zox-div4 .zox-art-main .zox-art-text,
  .zox-tech2.zox-s6 .zox-divr .zox-art-main .zox-art-text {
    align-content: center;

    padding: 15px;
  }

  .zox-feat-tech2-sub.zox-div4 .zox-art-mid h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-tech2 .zox-title-width {
    padding: 0 15px;
  }

  #zox-feat-tech3-wrap {
    margin: 8px 0 0;
  }

  .zox-feat-tech3-grid,
  .zox-feat-tech3-sub-wrap {
    grid-template-columns: 100%;
  }

  .zox-feat-tech3-main .zox-art-grid {
    max-height: 337px;
  }

  .zox-feat-tech3-main .zox-art-img {
    padding: 0;
  }

  .zox-feat-tech3-main .zox-art-img img {
    position: relative;
  }

  .zox-o4 span.zox-s-cat {
    font-size: 0.625rem;
  }

  .zox-o4.zox-div2 .zox-art-text,
  .zox-o4.zox-div4 .zox-art-text {
    padding: 30px 15px 15px;
  }

  .zox-feat-tech3-sub-left.zox-div4 .zox-art-img {
    padding: 0;
  }

  .zox-s6 .zox-art-text {
    padding: 20px 20px 30px;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-feat-tech3-main.zox-div2 h2.zox-s-title1-feat,
  .zox-feat-tech3-sub-wrap .zox-div4 h2.zox-s-title2 {
    font-size: 5.25vw;
  }

  .zox-s6 .zox-widget-featl-sub .zox-art-text {
    padding: 0 0 0 20px;
  }

  .zox-tech3 .zox-divr .zox-art-grid {
    grid-template-columns: 100px auto;
  }

  .zox-tech3 .zox-divr h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-widget-bgw .zox-widget-home,
  .zox-widget-bgg .zox-widget-home,
  .zox-widget-bgb .zox-widget-home,
  .zox-widget-bgp .zox-widget-home,
  .zox-widget-bgs .zox-widget-home {
    margin: 0;

    padding: 20px 0;
  }



  .zox-widget-flex1-col.zox-div3.zox-widget-flex1-ad {
    grid-template-columns: 100%;
  }

  .zox-div3.zox-widget-flex1-ad .zox-widget-flex1-cont {
    grid-template-columns: 100%;
  }

  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2 {
    font-size: 1.5rem;
  }

  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2{
    font-size: 1.25rem;
  }

  .zox-feat-right-wrap,
  .zox-home-right-wrap {
    margin: 0 auto;

    max-width: 100%;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4t h2.zox-s-title2 {
    font-size: 1.25rem;
  }

  .zox-s4 .zox-div3 .zox-art-mid h3.zox-s-cat,
  .zox-s4 .zox-div4 .zox-art-mid h3.zox-s-cat,
  .zox-s4 .zox-art-small h3.zox-s-cat {
    margin: 0 0 4px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s4 .zox-div3 .zox-art-mid span.zox-s-cat,
  .zox-s4 .zox-div4 .zox-art-mid span.zox-s-cat {
    padding: 0;
  }

  .zox-s4 .zox-byline-wrap {
    margin: 8px 0 0;
  }

  .zox-widget-flex1-cont {
    grid-gap: 20px;
  }

  .zox-s8 .zox-div1 .zox-art-grid,
  .zox-s8 .zox-div3 .zox-art-main .zox-art-grid,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-main .zox-art-grid,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-main .zox-art-grid,
  .zox-s8 .zox-divr .zox-widget-flex1-cont .zox-art-main .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }



  .zox-s8 .zox-div1 .zox-art-text-cont,
  .zox-s8 .zox-div3 .zox-art-main .zox-art-text-cont,
  .zox-s8 .zox-div4 .zox-art-main .zox-art-text-cont,
  .zox-s8 .zox-divr .zox-art-main .zox-art-text-cont {
    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);
  }

  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-main .zox-art-text-cont,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-main .zox-art-text-cont,
  .zox-s8 .zox-divr .zox-widget-flex1-cont .zox-art-main .zox-art-text-cont {
    -webkit-transform: translateY(-40px);

    -moz-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

    -o-transform: translateY(-40px);

    transform: translateY(-40px);
  }

  .zox-s8.zox-div1 .zox-art-text {
    margin-bottom: -25px;

    padding: 0 15px;
  }

  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-main .zox-art-text,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-main .zox-art-text,
  .zox-s8 .zox-divr .zox-widget-flex1-cont .zox-art-main .zox-art-text,
  .zox-s8
    .zox-blog-grid.zox-divr
    .zox-art-main
    .zox-art-text
    .zox-s8
    .zox-div1
    .zox-art-text,
  .zox-s8 .zox-div3 .zox-art-main .zox-art-text,
  .zox-s8 .zox-div4 .zox-art-main .zox-art-text,
  .zox-s8 .zox-divr .zox-art-main .zox-art-text {
    margin-bottom: -35px;

    padding: 0 15px;
  }

  .zox-s8 .zox-div1 h3.zox-s-cat,
  .zox-s8 .zox-div3 .zox-art-main h3.zox-s-cat,
  .zox-s8 .zox-div4 .zox-art-main h3.zox-s-cat,
  .zox-s8 .zox-divr .zox-art-main h3.zox-s-cat,
  .zox-s8 .zox-art-mid h3.zox-s-cat,
  .zox-s8 .zox-art-small h3.zox-s-cat {
    margin: 0;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s8 .zox-div1 span.zox-s-cat,
  .zox-s8 .zox-div3 .zox-art-main span.zox-s-cat,
  .zox-s8 .zox-div4 .zox-art-main span.zox-s-cat,
  .zox-s8 .zox-divr .zox-art-main span.zox-s-cat {
    background: #fff;

    padding: 3px 10px 3px;
  }

  .zox-s8 .zox-div1 .zox-art-title,
  .zox-s8 .zox-div3 .zox-art-main .zox-art-title,
  .zox-s8 .zox-div4 .zox-art-main .zox-art-title,
  .zox-s8 .zox-divr .zox-art-main .zox-art-title {
    margin: 0 10px 0 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-div3 .zox-art-main h2.zox-s-title2,
  .zox-s8 .zox-div4 .zox-art-main h2.zox-s-title2,
  .zox-s8 .zox-divr .zox-art-main h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-s8 .zox-div3 .zox-art-text,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-div4 .zox-art-text,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-text,
  .zox-s8 .zox-divr .zox-art-text,
  .zox-s8 .zox-divr .zox-widget-flex1-cont .zox-art-text {
    align-content: center;

    padding: 0;
  }


  .zox-s8 .zox-div3 .zox-art-grid,
  .zox-s8 .zox-div4 .zox-art-grid,
  .zox-s8 .zox-divr .zox-art-grid,
  .zox-s8 .zox-div3 .zox-widget-flex1-cont .zox-art-grid,
  .zox-s8 .zox-div4 .zox-widget-flex1-cont .zox-art-grid {
    grid-template-areas: "zox-text zox-img";

    grid-template-columns: auto 100px;
  }

  .zox-s8 .zox-div3 .zox-art-mid .zox-art-title,
  .zox-s8 .zox-div4 .zox-art-mid .zox-art-title,
  .zox-s8 .zox-divr .zox-art-mid .zox-art-title {
    margin: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 100%;
  }

  .zox-s8 span.zox-s-cat {
    font-size: 0.75rem;
  }

  .zox-s8 .zox-div3 span.zox-s-cat,
  .zox-s8 .zox-div4 span.zox-s-cat,
  .zox-s8 .zox-divr span.zox-s-cat {
    background: none;

    padding: 0;
  }

  .zox-s8 .zox-div3 .zox-art-title,
  .zox-s8 .zox-div4 .zox-art-title,
  .zox-s8 .zox-divr .zox-art-title {
    margin: 0;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

    width: 140%;
  }

  .zox-s8 .zox-div3 h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div3 h2.zox-s-title2,
  .zox-s8 .zox-div4 h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div4 h2.zox-s-title2,
  .zox-s8 .zox-divr h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-divr h2.zox-s-title2 {
    font-size: 0.875rem;
  }

  .zox-s8 .zox-div3 .zox-art-main h2.zox-s-title2,
  .zox-s8 .zox-div4 .zox-art-main h2.zox-s-title2,
  .zox-s8 .zox-divr .zox-art-main h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div3 .zox-art-main h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-div4 .zox-art-main h2.zox-s-title2,
  .zox-s8 #zox-home-widget-wrap .zox-divr .zox-art-main h2.zox-s-title2 {
    font-size: 1.125rem;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 0;
  }

  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text {
    margin-bottom: -50px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-text-cont,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-text-cont {
    margin: 0 auto;

    -webkit-transform: translateY(-60px);

    -moz-transform: translateY(-60px);

    -ms-transform: translateY(-60px);

    -o-transform: translateY(-60px);

    transform: translateY(-60px);

    max-width: 670px;
  }

  .zox-s8
    .zox-widget-altimg-over
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-title,
  .zox-s8 .zox-widget-altimg-wrap .zox-widget-altimg-grid .zox-art-title {
    width: 90%;
  }

  .zox-s8 .zox-div1 h2.zox-s-title1,
  .zox-s8 .zox-div1 h2.zox-s-title2,
  .zox-s8 .zox-widget-altimg-wrap h2.zox-s-title2,
  .zox-div2 h2.zox-s-title1,
  .zox-div2 h2.zox-s-title2,
  .zox-div23 h2.zox-s-title1,
  .zox-div23 h2.zox-s-title2,
  .zox-s8 .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.125rem;
  }

  .zox-o1.zox-div1 .zox-art-text {
    margin: 0;

    padding: 0 15px 15px;
  }

  .zox-o1.zox-div1 h3.zox-s-cat {
    position: relative;

    right: auto;

    top: auto;
  }

  .zox-o1.zox-div1 span.zox-s-cat {
    padding: 3px 10px;
  }

  .zox-o1.zox-div1 .zox-art-title {
    width: 90%;
  }

  .zox-o1.zox-div1 .zox-art-title,
  .zox-o1.zox-div1 .zox-art-text-cont {
    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;
  }

  .zox-o1.zox-div1 h2.zox-s-title1 {
    font-size: 1.125rem;
  }

  .zox-s4.zox-blog-grid.zox-divr .zox-art-wrap,
  .zox-s5.zox-blog-grid.zox-divr .zox-art-wrap {
    padding: 15px 0 0;
  }

  .zox-s1 .zox-art-text,
  .zox-s2.zox-div1 .zox-art-text,
  .zox-s2.zox-div2 .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-s1 .zox-art-small .zox-art-text {
    padding: 0;
  }

  .zox-o1 .zox-art-text {
    padding: 0 15px 15px;
  }

  .zox-div3 .zox-art-grid,
  .zox-div4 .zox-art-grid,
  .zox-divr .zox-art-grid,
  .zox-divs .zox-art-grid,
  .zox-div3 .zox-widget-flex1-cont .zox-art-grid,
  .zox-div4 .zox-widget-flex1-cont .zox-art-grid {
    grid-gap: 15px;

    grid-template-areas: "zox-img zox-text";

    grid-template-columns: 100px auto;
  }

  .zox-div4 .zox-art-img,
  #zox-home-widget-wrap .zox-div4 .zox-art-img,
  #zox-blog-main-wrap .zox-art-img {
    padding-top: 0;

    min-height: 0;

    height: auto;
  }

  .zox-div4 .zox-art-img img,
  #zox-home-widget-wrap .zox-div4 .zox-art-img img,
  #zox-blog-main-wrap .zox-art-img img {
    margin: 0;

    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-s1 .zox-div3 .zox-art-text,
  .zox-s1 .zox-div4 .zox-art-text,
  .zox-s1 .zox-divr .zox-art-text,
  .zox-s1 .zox-divs .zox-art-text,
  .zox-div3 .zox-widget-flex1-cont .zox-art-text,
  .zox-div4 .zox-widget-flex1-cont .zox-art-text,
  .zox-blog-grid.zox-divr .zox-art-text,
  .zox-s6 .zox-divr .zox-art-text,
  .zox-s2 .zox-divr .zox-art-text {
    align-content: center;

    padding: 0 0 0 15px;

    text-align: right;
  }

  .zox-s1 span.zox-s-cat,
  .zox-s2 span.zox-s-cat {
    font-size: 0.625rem;
  }

  .zox-div3 h2.zox-s-title2,
  .zox-div4 h2.zox-s-title2,
  .zox-divr h2.zox-s-title2,
  .zox-divs h2.zox-s-title2,
  .zox-divs h2.zox-s-title3{
    font-size: 1rem;
  }

  .zox-o4 .zox-art-text {
    padding: 30px 15px 15px;
  }

  .zox-s4 .zox-divr .zox-art-main .zox-art-text {
    padding: 15px 20px;

    position: relative;
  }

  .zox-s4 .zox-art-main h3.zox-s-cat {
    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-art-main span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-s3 .zox-art-mid h3.zox-s-cat {
    margin: 0 0 4px;

    position: relative;

    top: auto;

    right: auto;
  }

  .zox-s3 .zox-art-mid span.zox-s-cat {
    background: none;

    color: #000;

    font-size: 0.75rem;

    padding: 0;
  }

  .zox-o1 span.zox-s-cat {
    font-size: 0.75rem;

    padding: 6px 12px 5px;
  }

  .zox-o4 span.zox-s-cat {
    padding: 0;
  }


  h3.zox-s-cat {
    margin: 0 0 5px;
  }

  .zox-s1 .zox-widget-side-trend-wrap .zox-art-text {
    padding: 0 41px 0 0;
  }

  .zox-div1 h2.zox-s-title2,
  .zox-div1t h2.zox-s-title2 {
    font-size: 5vw;
  }

  .zox-div1 h2.zox-s-title1,
  .zox-div1t h2.zox-s-title1 {
    font-size: 6vw;
  }

  .zox-div2 h2.zox-s-title1-feat,
  .zox-div23 h2.zox-s-title1-feat {
    font-size: 1.5rem;
  }



  .zox-o4.zox-div1 .zox-art-text {
    padding: 30px 15px 15px;
  }

  #zox-home-main-wrap,
  #zox-home-widget-wrap {
    grid-gap: 30px;
  }

  .zox-widget-main-head {
    margin: 0 0 15px;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-cont {
    padding: 0;
  }

  .zox-widget-altimg-wrap .zox-widget-altimg-grid {
    grid-gap: 15px;
  }

  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(odd)
    .zox-art-grid,
  .zox-widget-altimg-wrap
    .zox-widget-altimg-grid
    .zox-art-wrap:nth-child(even)
    .zox-art-grid {
    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-widget-altimg-wrap .zox-art-img {
    padding-top: 0;

    height: auto;

    min-height: 0;

    max-height: 400px;
  }

  .zox-widget-altimg-wrap .zox-art-img img {
    position: relative;

    right: auto;

    left: auto;

    top: auto;

    bottom: auto;

    min-width: 0;
  }

  .zox-widget-altimg-wrap .zox-art-text-cont,
  .zox-widget-feat-wrap .zox-art-text-cont {
    margin: 0 auto;
  }

  .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px 20px;
  }

  .zox-s3 .zox-widget-altimg-wrap .zox-widget-altimg-grid h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: 0;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text {
    padding: 15px 20px;
  }

  .zox-s4 .zox-widget-altimg-wrap .zox-art-text-cont {
    max-width: none;
  }

  .zox-s4 .zox-widget-altimg-wrap h3.zox-s-cat {
    margin: 0;

    position: absolute;

    right: 0;

    top: -29px;
  }

  .zox-s4 .zox-widget-altimg-wrap span.zox-s-cat {
    background: #fff;

    padding: 15px 20px 4px;
  }

  .zox-widget-flex1-wrap,
  .zox-widget-altimg-wrap,
  #zox-main-blog-wrap,
  .zox-home-right-wrap {
    padding: 0 15px;
  }

  .zox-home-right-wrap {
    float: right;

    width: 100%;
  }

  .zox-div3 .zox-widget-flex1-cont,
  .zox-div4 .zox-widget-flex1-cont {
    grid-row-gap: 15px;

    grid-template-columns: 100%;
  }

  .zox-div3 .zox-art-mid h2.zox-s-title2,
  .zox-div3 .zox-art-mid h2.zox-s-title2,
  .zox-div4 .zox-art-mid h2.zox-s-title2,
  .zox-div4 .zox-art-mid h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-widget-featl-grid {
    grid-template-columns: 100%;
  }

  .zox-widget-featl-sub {
    margin: 15px 0 0;

    padding: 0 15px;
  }

  .zox-divs .zox-widget-side-trend-wrap .zox-art-grid {
    grid-gap: 0;

    grid-template-areas: "zox-text";

    grid-template-columns: 100%;
  }

  .zox-s3 .zox-divs .zox-widget-side-trend-wrap .zox-art-grid {
    grid-gap: 15px;

    grid-template-areas: "zox-img zox-text";

    grid-template-columns: 100px auto;
  }

  .zox-div3 .zox-art-main .zox-art-grid,
  .zox-div4 .zox-art-main .zox-art-grid,
  .zox-divs .zox-art-main .zox-art-grid,
  .zox-divr .zox-art-main .zox-art-grid {
    grid-gap: 0;

    grid-template-areas:
      "zox-img"
      "zox-text";

    grid-template-columns: 100%;
  }

  .zox-div3 .zox-art-main .zox-art-text,
  .zox-div4 .zox-art-main .zox-art-text,
  .zox-divs .zox-art-main .zox-art-text,
  .zox-divr .zox-art-main .zox-art-text {
    padding: 15px 20px 20px;
  }


  .zox-s1 .zox-art-main .zox-art-text {
    text-align: center;
  }

  .zox-div3 .zox-art-main h2.zox-s-title2,
  .zox-div4 .zox-art-main h2.zox-s-title2,
  .zox-divs .zox-art-main h2.zox-s-title2,
  .zox-divr .zox-art-main h2.zox-s-title2,
  .zox-widget-altimg-wrap h2.zox-s-title2 {
    font-size: 5.25vw;
  }

  .zox-blog-grid,
  .zox-blog-grid.zox-s8.zox-divr {
    grid-gap: 15px;
  }

  .zox-post-soc-scroll {
    margin: 0;

    top: auto;

    bottom: 0;

    width: 100%;

    height: 50px;
  }

  ul.zox-post-soc-list li {
    border-right: 1px solid rgba(255, 255, 255, 0.15);

    border-top: none;

    width: 20%;
  }

  ul.zox-post-soc-list a:first-child li {
    border-right: none;
  }

  .zox-post-ad {
    background-position: center center !important;
  }

  .zox-article-wrap {
    grid-gap: 20px;

    padding: 20px 0;
  }

  .zox-post-head-wrap,
  .zox-post-width {
    padding: 0 20px;
  }

  .zox-post-title-wrap .zox-post-width {
    padding: 0;
  }

  h1.zox-post-title {
    font-size: 8vw;
  }

  span.zox-post-excerpt {
    margin: 10px 0 0;
  }

  span.zox-post-excerpt p {
    font-size: 1rem;

    line-height: 1.25rem;
  }

  .zox-post-info-wrap {
    grid-gap: 15px;

    grid-template-columns: 100%;

    justify-content: center;

    margin: 15px 0 0;
  }

  .zox-author-info-wrap {
    font-size: 0.75rem;
  }

  .zox-post-byline-wrap {
    justify-content: center;
  }

  ul.zox-post-soc-stat-list {
    justify-content: center;
  }

  ul.zox-post-soc-stat-list li {
    float: none;
  }

  .zox-post-body .zox-post-ad-wrap {
    margin: 50px -20px 40px 0;

    width: calc(100% + 40px);
  }

  .zox-post-body p,
  .zox-post-body ul li,
  .zox-post-body ol li {
    font-size: 1rem;
  }

  .zox-post-ad-wrap span.zox-ad-label {
    background: #000;

    padding: 5px 0;
  }

  .zox-search-but-wrap {
    top: 15px;

    left: 15px;
  }

  .zox-search-cont {
    margin: -15vh 0 0;
    width: 80%;
    transform: translateX(-50%);
  }

  p.zox-search-p {
    font-size: 5.5vw;

    margin: 0 0 15px;
  }

  .zox-search-box {
    height: 50px;
  }

  #zox-search-input {
    font-size: 20px;

    padding: 15px;

    width: 70%;
  }

  #zox-search-form #zox-search-submit {
    font-size: 0.875rem;

    width: 30%;
  }
  .zox-foot-copy {
    margin-top: 0px;
}

  .zox-foot-grid {
    grid-gap: 20px;

    grid-template-columns: 100%;

    grid-template-areas:
      "foot-left"
      "foot-right";

    justify-content: center;
  }

  .zox-foot-left-wrap {
    display: grid;

    grid-area: foot-right;

    grid-gap: 30px;

    grid-template-columns: 100%;

    justify-content: center;
  }

  .zox-foot-left {
    grid-gap: 20px;
  }

  .zox-foot-right-wrap {
    display: grid;

    grid-area: foot-left;

    justify-content: center;
  }

  ul.zox-foot-soc-list li {
    margin: 0 3px 0 0;
  }

  ul.zox-foot-soc-list li a {
    font-size: 12px;

    width: 30px;

    height: 30px;
  }

  ul.menu-footer-menu,
  .zox-foot-copy,
  .zox-foot-menu {
    display: grid;

    justify-content: center;

    text-align: center;
  }

  .zox-foot-menu ul li {
    float: none;
  }

  .zox-vid-fixed {
    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-top: 0;

    position: relative !important;

    left: auto;

    bottom: auto;

    width: 100% !important;

    height: auto !important;

    z-index: auto;
  }

  .zox-post-video1-wrap {
    margin: 0;

    padding: 15px 0;
  }

  .zox-post-video1-cont .zox-post-width {
    padding: 0 15px;
  }

  .zox-post-video1-grid {
    grid-gap: 15px;

    grid-template-areas:
      "zox-title"
      "zox-video";

    grid-template-columns: 100%;
  }

  .zox-post-video1-left {
    display: grid;

    grid-area: zox-video;
  }

  .zox-post-video1-right {
    display: grid;

    grid-area: zox-title;

    margin: 0 auto;

    max-width: 600px;

    text-align: center;
  }

  .zox-post-video1-right h1.zox-post-title {
    font-size: 1.5rem;
  }

  .zox-post-video1-right span.zox-post-excerpt p {
    font-size: 0.875rem;
  }

  .zox-post-video1-right .zox-post-byline-wrap,
  .zox-post-video1-right ul.zox-post-soc-stat-list {
    justify-content: center;
  }

  .zox-post-video1-right .zox-post-info-wrap {
    grid-gap: 20px;
  }

  .zox-post-more-grid {
    grid-gap: 15px;

    grid-template-columns: 100%;
  }

  .zox-post-more-grid.zox-div4 .zox-art-img {
    padding-top: 0;
  }

  .zox-post-more-grid.zox-div4 .zox-art-text {
    display: grid;

    align-content: center;

    padding: 0 0 0 15px;
  }

  span.zox-widget-main-title {
    font-size: 1.125rem;
  }

  .zox-tech2 .zox-divr .zox-art-grid,
  .zox-tech3 .zox-divr .zox-art-grid {
    grid-template-columns: 100px auto;
  }

  .zox-tech2 .zox-divr .zox-art-main .zox-art-grid,
  .zox-tech3 .zox-divr .zox-art-main .zox-art-grid {
    grid-template-columns: 100%;
  }

  .zox-tech2 .zox-divr .zox-art-mid h2.zox-s-title2,
  .zox-tech3 .zox-divr .zox-art-mid h2.zox-s-title2 {
    font-size: 1rem;
  }

  .zox-auto-post-grid {
    grid-template-columns: 100%;
  }

  .zox-alp-side {
    display: none;
  }

  .zox-auto-post-main .zox-post-more .zox-div4 .zox-art-img img {
    position: relative;

    top: 0;
  }

  .single #zox-main-body-wrap {
    padding: 0 0 40px;
  }

  .zox-auto-post-main h1.zox-post-title {
    font-size: 8vw;
  }

  .zox-auto-post-main .zox-post-more-grid {
    grid-template-columns: 100%;
  }





  #zox-comments-button {
    margin: 40px 0 0;
  }

  #zox-lead-bot {
    padding: 0;
  }

  .zox-authors-wrap {
    margin: 0 auto 20px;

    padding: 0;
  }

  .zox-authors-grid {
    grid-gap: 20px;
  }

  .zox-authors-cont {
    grid-gap: 15px;

    grid-template-columns: 100%;

    justify-content: center;

    padding: 0 0 20px;

    text-align: center;
  }

  .zox-authors-left {
    justify-content: center;

    width: 100%;
  }

  .zox-authors-left img {
    width: 100px;

    height: 100px;
  }

  .zox-authors-text {
    grid-gap: 15px;
  }

  span.zox-authors-name a {
    font-size: 1.5rem;
  }

  p.zox-authors-desc {
    font-size: 0.875rem;
  }

  h2.zox-authors-latest {
    font-size: 1rem;
  }

  .zox-inf-more-wrap {
    margin-top: 15px;
  }

  .zox-s6 .zox-widget-tab-wrap .zox-art-text,
  .zox-alp-width,
  .zox-post-title-wrap {
    padding: 0;
  }

  .zox-post-body h1,
  .zox-post-body h2,
  .zox-post-body h3,
  .zox-post-body h4,
  .zox-post-body h5,
  .zox-post-body h6,
  .comment-inner h1,
  .comment-inner h2,
  .comment-inner h3,
  .comment-inner h4,
  .comment-inner h5,
  .comment-inner h6 {
    padding: 1.5rem 0 1rem;
  }

  .zox-s8 .zox-divr .zox-art-grid {
    grid-gap: 15px;
  }

  #zox-author-page-top {
    margin: 0 0 15px;

    padding: 30px 15px;
  }

  .zox-author-top {
    grid-gap: 20px;

    grid-template-columns: 100%;
  }

  #zox-author-top-left,
  #zox-author-top-right {
    justify-content: center;

    text-align: center;

    width: 100%;
  }

  #zox-author-top-left img {
    border: 3px solid #ddd;

    width: 100px;
  }

  h1.zox-author-top-head {
    font-size: 1.5rem;
  }

  span.zox-author-page-desc {
    font-size: 0.875rem;
  }

  ul.zox-author-page-list li {
    font-size: 14px;

    margin: 0 3px 0 0;

    padding-top: 8px;

    width: 30px;

    height: 30px;
  }

  .zox-blog-grid.zox-div4,
  .zox-blog-grid.zox-div3 {
    grid-template-columns: 100%;
  }

  .zox-blog-grid.zox-div4 .zox-art-img {
    padding-top: 0;

    height: 100px;
  }

  .zox-s6 .zox-blog-grid.zox-div4 .zox-art-text {
    align-content: center;

    padding: 0 0 0 15px;
  }

  .zox-blog-grid.zox-div3 .zox-art-grid,
  .zox-s6 .zox-blog-grid.zox-div3 .zox-art-grid {
    grid-gap: 15px;

    grid-template-columns: 100px auto;
  }

  .archive #zox-home-main-wrap,
  .search #zox-home-main-wrap {
    grid-gap: 30px;
  }

  .wp-block-embed-youtube {
    margin: 0 -20px 20px 0;

    width: calc(100% + 40px);
  }


}
