/*
Theme Name: rundental
Theme URI: Weyman
Description: power by Weyman
Author: Moegg
Author URI: weyman.me
Version: 2.0 
Tags: rundental
*/

* {
   margin: 0;
   padding: 0;
   outline: none;
}

body {
   color: #3C3A4A;
   line-height: 1.2;
   font-family: Microsoft Yahei, Arial;
   min-width: 1100px;
}

a {
   text-decoration: none;
   color: #3C3A4A;
   transition: all .25s linear;
}

a:hover {
   color: #F7B500;
}

ul {
   list-style: none
}

body .iconfont {
   font-size: unset;
}

.text-light {
   color: #89898D;
}

.text-them {
   color: #F7B500;
}

.container-wrap {
   flex: 0 0 1080px;
}

.top-bar-wrap {
   display: flex;
   justify-content: center;
   height: 38px;
   background-color: #F7F6F9;
   font-size: 13px;
}

.top-bar-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.top-bar-right {
   display: flex;
}

.top-bar-right>a {
   margin-right: 24px;
}

#whatsapp .icon-whatsapp {
   color: #3AC34C;
   font-size: 118%;
   margin-right: 3px;
}

.top-bar-right .icon-youjian {
   color: #F7B500;
}

.language>span::before {
   content: "|";
   color: #ccc;
   margin-left: 3px;
   margin-right: 3px;
}

.nav-bar-wrap {
   display: flex;
   justify-content: center;
   background-color: #fff;
   background-color: rgba(255, 255, 255, 0.9);
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
   position: sticky;
   position: -webkit-sticky;
   top: 0;
   z-index: 999;
}

.nav-bar-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 68px;
}

.logo {
   display: flex;
   align-items: center;
}

.logo>img {
   display: block;
   width: 50px;
   height: 50px;
   margin-right: 10px;
}

.website-title h1, .website-title h2 {
   font-size: 22px;
}

.website-co {
   font-size: 12px;
}

.menu-header-menu-container .menu {
   display: flex;
}

.menu-header-menu-container .menu-item {
   font-size: 18px;
   font-weight: bold;
   margin: 0 24px;
}

.menu-header-menu-container .menu-item a {
   display: flex;
   align-items: center;
   padding-left: 5px;
   padding-right: 5px;
   height: 38px;
   position: relative;
}

.menu-header-menu-container .current-menu-item a::after, .menu-header-menu-container .current-category-ancestor a::after, .menu-header-menu-container .current-post-ancestor a::after {
   content: "";
   display: block;
   position: absolute;
   left: 5px;
   right: 5px;
   height: 3px;
   bottom: -5px;
   background-color: #F7B500;
}

.home .banner-wrap {
   display: flex;
   justify-content: center;
   height: 460px;
   background-image: url(https://img.run-dental.com/wp-content/uploads/2023/02/banner2023-2-19.jpg);
   background-repeat: no-repeat;
   background-position: 26vw center;
   background-size: auto 460px;
   background-color: #3c3d3c;
}

.banner-container {
   display: flex;
   align-items: center;
   color: #fff;
}

.banner-description {
   width: 500px;
   margin-left: 24px;
}

.banner-title {
   font-size: 46px;
   line-height: 1.5;
}

.banner-subtitle {
   margin: 24px 0;
   font-size: 18px;
}

.btn {
   display: inline-flex;
   align-items: center;
   padding: 10px 20px;
   color: #fff;
   font-weight: bold;
   background: #F7B500;
   border-radius: 3px;
}

.btn:hover {
   color: #fff;
   background-color: #FA6400;
}

.btn-light {
   display: inline-flex;
   align-items: center;
   padding: 10px 20px;
   color: #F7B500;
   font-weight: bold;
   border: 1px #F7B500 solid;
   border-radius: 3px;
}

.btn-light:hover {
   color: #fff;
   background-color: #F7B500;
}

.btn>.iconfont {
   font-size: 108%;
   margin-right: 6px;
}

.hot-product-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 68px 0;
   background-color: #F7F6F9;
   background-image: url(images/hot-product.png);
   background-position: center center;
   background-repeat: no-repeat;
}

.block-title {
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 36px;
   font-weight: bold;
}

.block-title::after {
   content: "";
   display: block;
   width: 50px;
   height: 6px;
   margin-top: 12px;
   margin-bottom: 12px;
   background-color: #F7B500;
}

.block-subtitle {
   font-size: 18px;
   margin-bottom: 38px;
}

.block-contanier {
   width: 1080px;
   display: flex;
   flex-direction: column;
}

.product-list {
   display: flex;
   justify-content: space-between;
   margin-top: 38px;
}

.product-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 258px;
   padding-bottom: 24px;
   background-color: #fff;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
   border-radius: 6px;
   overflow: hidden;
}

.product-cat-wrap .product-item:nth-child(3n) {
   margin-right: 0;
}

.block-contanier .product-item:nth-child(2), .block-contanier .product-item:nth-child(3) {
   position: relative;
   top: -28px;
}

.product-item-cover {
   display: flex;
   width: 100%;
}

.article-item {
   display: flex;
   padding-bottom: 0;
   margin-bottom: 24px;
}

.article-item-cover, .product-item-cover {
   align-items: center;
   overflow: hidden;
   position: relative;
}

.article-item-cover {
   display: flex;
   align-items: center;
   flex: 0 0 258px;
   border-radius: 6px;
}

.article-item-cover::before {
   content: "";
   display: block;
   padding-top: 75%;
}

.product-item-cover::before {
   content: "";
   display: block;
   padding-top: 100%;
}

.article-item-cover img, .product-item-cover img {
   position: absolute;
   display: block;
   width: 100%;
}

.product-item-name {
   text-align: center;
   margin: 24px 12px;
   font-size: 14px;
}

.product-item-name h3 {
   height: 3.6em;
   overflow: hidden;
}

.article-item-content {
   margin-left: 12px;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
}

.article-item-excerpt {
   font-size: 13px;
   margin-bottom: 12px;
   flex-grow: 1;
   overflow: hidden;
}

.article-item-meta {
   display: flex;
   margin: 8px 0;
   font-size: 13px;
}

.article-item-meta .iconfont {
   margin-right: 3px;
}

.article-item-date {
   font-size: 12px;
   margin-right: 12px;
}

.article-item-title {
   display: block;
}

.article-item-title h3 {
   font-size: 22px;
}

.article-item-more {
   font-size: 12px;
   color: #F7B500;
}

.article-item-more:hover {
   color: #FA6400;
}

.block-more {
   display: flex;
   height: 50px;
   justify-content: center;
   align-items: center;
}

.block-more a {
   color: #F7B500;
   font-weight: bold;
   font-size: 118%;
}

.block-more a:hover {
   color: #FA6400;
}

.choose-us-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 68px 0;
}

.choose-us-container {
   flex-direction: row;
}

.choose-us-l {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   padding: 50px;
   background-color: #F7F6F9;
   background-image: url(images/why-choose-us.png);
   background-position: center center;
   background-repeat: no-repeat;
}

.choose-us-l h4 {
   font-size: 36px;
}

.choose-us-l>p {
   margin: 38px 0;
   line-height: 1.8;
}

.choose-us-icons-wrap {
   display: flex;
   justify-content: space-between;
}

.choose-us-icons-wrap li {
   display: flex;
   align-items: center;
}

.choose-us-icons-wrap li .iconfont {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 68px;
   height: 68px;
   font-size: 38px;
   background-color: #fff;
   border-radius: 50%;
   color: #F7B500;
   margin-right: 12px;
}

.choose-us-icons-wrap h5 {
   font-size: 15px;
}

.choose-us-icons-wrap p {
   font-size: 13px;
}

.choose-us-r {
   display: flex;
   align-items: flex-end;
   flex: 0 0 350px;
   background-color: #F7B500;
   position: relative;
}

.choose-us-r li {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   display: none;
   flex-direction: column;
   padding: 48px 24px 24px 24px;
   align-items: center;
}

.comments-header {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.comments-hover.selected+li {
   display: flex;
}

.comments-avatar {
   width: 38%;
   height: 38%;
   border-radius: 50%;
}

.comments-name {
   font-size: 18px;
   margin: 12px 0;
   font-weight: bold;
}

.comments-stars {
   color: #FA6400;
}

.comments-content {
   margin-top: 12px;
   font-size: 14px;
   line-height: 1.6;
   text-align: center;
}

.comments-hover {
   height: 38px;
   width: 33.3333%;
   display: flex;
   font-size: 14px;
   align-items: center;
   justify-content: center;
   background-color: rgba(0, 0, 0, 0.06);
   cursor: default;
}

.comments-hover.selected {
   background-color: transparent;
}

.lastest-article-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 68px 0 24px 0;
   background-color: #F7F6F9;
   position: relative;
}

.lastest-article-wrap .block-contanier {
   position: relative;
   z-index: 99;
}

.lastest-article-bg {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: calc(50vw + 200px);
   background-color: #F7B500;
   z-index: 0;
   background-image: url(images/lastest.png);
   background-position: center right 60px;
   background-repeat: no-repeat;
}

.article-list {
   padding-left: 374px
}

.article-list .article-item {
   background-color: #fff;
   border-radius: 6px;
   margin-bottom: 12px;
}

.article-list .article-item-content {
   margin: 15px;
}

.article-list .article-item-cover {
   flex: 0 0 180px;
   border-radius: 6px 0 0 6px;
}

.article-list .article-item-title h3 {
   font-size: 18px;
}

.article-list .article-item-excerpt {
   margin-bottom: 0;
}

.footer-contact-wrap {
   display: flex;
   margin-top: 80px;
}

.footer-contact-l {
   display: flex;
   justify-content: flex-end;
   width: 50%;
   color: #fff;
   background-color: #2B2D6E;
   background-image: url(images/contact-l.png);
   background-position: top right;
   background-repeat: no-repeat;
}

.manager-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 14px;
   line-height: 1.8;
   padding-top: 50px;
   padding-bottom: 50px;
}

.manager-avatar {
   width: 118px;
   height: 118px;
   border-radius: 50%;
}

.manager-name {
   font-size: 22px;
   font-weight: bold;
}

.manager-contaction {
   text-align: center;
   margin-top: 12px;
   margin-left: 50px;
   margin-right: 50px;
}

.footer-contact-r {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   width: 50%;
   background-color: #F7B500;
   background-image: url(images/contact-r.png);
   background-position: bottom left;
   background-repeat: no-repeat;
}

.manager-wrap {
   width: 540px;
}

.footer-send-wrap {
   width: 490px;
   padding-left: 50px;
}

.footer-send-wrap p {
   margin: 24px 0;
}

.footer-manager-btn {
   margin-top: 24px;
   padding: 6px 12px;
   font-size: 18px;
   color: #3C3A4A;
   border-radius: 6px;
}

.footer-manager-btn .icon-whatsapp {
   color: #3AC34C;
   font-size: 128%;
   line-height: 1;
   margin-right: 6px;
}

.footer-send-title {
   font-size: 28px;
}

.footer-send-btn {
   display: inline-flex;
   align-items: center;
   background-color: #2B2D6E;
   color: #F7B500;
   padding: 12px 32px 12px 12px;
   border-radius: 6px;
   font-size: 18px;
}

.footer-send-btn .iconfont {
   display: flex;
   align-items: center;
   font-size: 32px;
   margin-right: 8px;
}

.footer-send-btn span {
   display: block;
   font-size: 14px;
}

.footer-wrap {
   display: flex;
   justify-content: center;
   background-color: #3C3A4A;
   color: #89898D;
   line-height: 1.5;
}

.footer-main {
   margin-top: 60px;
   margin-bottom: 60px;
   display: flex;
   justify-content: space-between;
}

.footer-about {
   width: 38%;
}

.footer-wrap .container-wrap {
   display: flex;
   flex-direction: column;
   font-size: 14px;
}

.footer-wrap h5 {
   font-size: 16px;
   margin-bottom: 12px;
   color: #fff;
}

.footer-wrap a {
   color: inherit;
}

.footer-wrap a:hover {
   color: #fff;
}

.footer-wrap ul {
   list-style: disc;
   padding-left: 16px;
}

.footer-wrap ul li {
   line-height: 2;
}

.wechat-qrcode {
   display: flex;
   flex-direction: column;
   font-size: 12px;
   margin-top: 24px;
}

.wechat-qrcode img {
   width: 88px;
   height: 88px;
   margin-bottom: 6px;
}

.footer-social {
   display: flex;
   margin-top: 20px;
}

.footer-social-link {
   display: block;
   width: 32px;
   height: 32px;
   margin-right: 5px;
}

.footer-social-link-icon {
   display: block;
   width: 32px;
   height: 32px;
}

.copyright {
   height: 38px;
   display: flex;
   font-size: 12px;
   align-items: center;
}

.category .banner-wrap, .single .banner-wrap, .tag .banner-wrap {
   display: flex;
   justify-content: center;
   height: 280px;
   background-image: url(images/product-cat.png);
   background-repeat: no-repeat;
   background-position: right bottom;
   background-color: #F7B500;
}

.siderbar {
   flex: 1 1 auto;
}

.sider-title {
   font-size: 18px;
   margin-bottom: 12px;
}

.siderbar ul {
   margin-bottom: 24px;
   list-style: disc;
   padding-left: 16px;
   color: #bbb;
}

.siderbar li {
   font-size: 14px;
   line-height: 1.2;
   margin-bottom: 8px;
}

.main-wrap {
   display: flex;
   width: 1080px;
   margin: 50px auto;
}

.main-container {
   flex: 0 0 822px;
}

.breadcrumb {
   height: 38px;
}

.product-cat-wrap {
   display: flex;
   flex-wrap: wrap;
}

.product-cat-wrap .product-item {
   margin-right: 24px;
   margin-bottom: 24px;
}

.tag-cloud-link, .single-tags-wrap a {
   color: #89898D;
   background-color: #F7F6F9;
   padding: 5px 8px;
   border-radius: 3px;
   margin-bottom: 6px;
   margin-right: 6px;
   display: inline-block;
}

.single-title {
   font-size: 38px;
}

.single-meta {
   display: flex;
   margin: 16px 0;
}

.single-meta .iconfont {
   margin-right: 3px;
}

.single-meta .post-categories {
   margin-left: 10px;
}

.single-content {
   font-size: 18px;
   line-height: 1.5;
}

.single-excerpt {
   padding: 12px;
   font-size: 90%;
   color: #89898D;
   border-radius: 3px;
   background-color: #F7F6F9;
}

.single-content a {
   text-decoration: underline;
}

.single-content .single-excerpt>p {
   margin: 0;
}

.single-content p, .single-content h3, .single-content h4, .single-content li {
   margin: 1em 0;
}

.single-content img {
   display: block;
   max-width: 100%;
   height: auto;
   border-radius: 3px;
}

.single-content#gallery figure img {
   cursor: pointer;
}

.single-content figure figcaption {
   font-size: 90%;
   color: #89898D;
   text-align: center;
}

.single-content ol, .single-content ul {
   padding-left: 1.5em;
}

.single-content ul {
   list-style: disc;
}

.single-content figure ol, .single-content figure ul {
   padding-left: 0
}

.single .main-container, .article-main.main-container, .category-article .main-container {
   flex: 0 0 720px;
   margin-left: 80px;
}

.single-tags-wrap {
   margin-top: 60px;
}

.pro-single-header {
   display: flex;
   margin-bottom: 24px;
}

.pro-single-cover {
   background: #F7F6F9;
   border-radius: 6px;
   border: 1px solid #eee;
   margin-right: 24px;
   width: 258px;
   height: 258px;
   flex: 0 0 258px;
}

.pro-single-header-r {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.pro-single-header-r .single-title {
   font-size: 28px;
   margin-bottom: 24px;
}

.pro-single-header-r>p {
   flex: 1 1 auto;
   font-size: 15px;
   color: #89898D;
}

.pro-single-header-r>.btn {
   margin-top: 12px;
}

.single-content h3 {
   font-size: 122%;
}

.single-content h4 {
   font-size: 112%;
}

.pages {
   margin: 36px 0;
   display: flex;
}

.pages a, .pages span {
   display: block;
   width: 32px;
   height: 32px;
   line-height: 32px;
   text-align: center;
   border-radius: 2px;
   background-color: #F7F6F9;
   margin-right: 6px;
}

.pages a:hover {
   background-color: #F7B500;
   color: #fff;
}

.pages span {
   background-color: #F7B500;
   color: #fff;
   cursor: default;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
   box-sizing: border-box;
}

@font-face {font-family: "iconfont";
  src: url('images/font_1034818_pridgfuwakb.eot?t=1600758702482'); /* IE9 */
  src: url('images/font_1034818_pridgfuwakb.eot?t=1600758702482#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('images/font_1034818_pridgfuwakb.woff?t=1600758702482') format('woff'),
  url('images/font_1034818_pridgfuwakb.ttf?t=1600758702482') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('images/font_1034818_pridgfuwakb.svg?t=1600758702482#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zuo:before {
  content: "\e68f";
}

.icon-mulu:before {
  content: "\e608";
}

.icon-date:before {
  content: "\e9cf";
}

.icon-whatsapp:before {
  content: "\e620";
}

.icon-cost:before {
  content: "\e70f";
}

.icon-shandian:before {
  content: "\e799";
}

.icon-lan:before {
  content: "\e626";
}

.icon-xingxing:before {
  content: "\e632";
}

.icon-you:before {
  content: "\e68c";
}

.icon-youjian:before {
  content: "\e61d";
}

@media screen and (max-width: 568px) {
   body {
      min-width: unset;
   }

   .container-wrap {
      flex: 1 1 auto;
   }

   .top-bar-wrap, .product-item .btn-light, .comments-hover, .wechat-qrcode, .lastest-article-bg, .article-list .article-item-meta, .article-list .article-item-excerpt, .product-main .siderbar, .article-item-more, .article-item-excerpt {
      display: none;
   }

   .nav-bar-container {
      flex-direction: column;
      align-items: flex-start;
      height: 76px;
      position: relative;
   }

   .logo {
      width: 160px;
      margin-left: 10px;
      margin-top: 5px;
   }

   .logo>img {
      width: 28px;
      height: 28px;
      margin-right: 5px;
   }

   .website-title>h1, .website-title>h2 {
      font-size: 16px;
   }

   .website-co {
      transform: scale(0.68);
      transform-origin: left;
      line-height: 1;
      white-space: nowrap;
   }

   #whatsapp {
      position: absolute;
      top: 6px;
      right: 10px;
      height: 28px;
      display: flex;
      align-items: center;
      font-size: 14px;
   }

   .menu-header-menu-container {
      width: 100%;
   }

   .menu-header-menu-container .menu {
      justify-content: space-around;
   }

   .menu-header-menu-container .menu-item {
      font-size: 13px;
      margin: 0;
      text-align: center;
   }

   .menu-header-menu-container .current-menu-item a::after, .menu-header-menu-container .current-category-ancestor a::after, .menu-header-menu-container .current-post-ancestor a::after {
      bottom: 0;
   }

   .home .banner-wrap {
      height: 280px;
      background-position: 0 top;
      background-size: auto 280px;
   }

   .banner-subtitle {
      margin: 5px 0;
      font-size: 12px;
   }

   .banner-title {
      font-size: 22px;
   }

   .banner-description {
      width: unset;
      margin-left: 24px;
      margin-right: 28%;
      margin-bottom: 20px;
   }

   .hot-product-wrap, .choose-us-wrap {
      padding: 38px 0;
   }

   .block-title {
      font-size: 24px;
   }

   .block-subtitle {
      font-size: 14px;
      text-align: center;
      margin: 0 38px;
   }

   .block-contanier {
      width: 100%;
   }

   .product-list, .article-list {
      flex-wrap: wrap;
      padding: 0 10px;
      margin-top: 28px;
   }

   .product-item {
      padding-bottom: 0;
      width: calc(50% - 5px);
      margin-bottom: 10px;
   }

   .product-item-name {
      margin: 12px 6px;
      font-size: 12px;
   }

   .block-contanier .product-item:nth-child(2), .block-contanier .product-item:nth-child(3) {
      position: unset;
   }

   .block-more a {
      font-size: unset;
   }

   .choose-us-container {
      flex-direction: column;
      margin-top: 10px;
   }

   .choose-us-l {
      padding: 20px;
   }

   .choose-us-l h4 {
      font-size: 20px;
   }

   .choose-us-l h4 br {
      display: none;
   }

   .choose-us-l>p {
      margin: 10px 0 20px 0;
      line-height: 1.5;
      font-size: 13px;
   }

   .choose-us-icons-wrap li {
      flex-direction: column;
   }

   .choose-us-icons-wrap li .iconfont {
      width: 50px;
      height: 50px;
      font-size: 28px;
      margin-right: 0;
   }

   .choose-us-icons-des {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 6px;
   }

   .choose-us-icons-wrap h5 {
      font-size: 13px;
      text-align: center;
   }

   .choose-us-icons-wrap p {
      font-size: 12px;
      text-align: center;
   }

   .choose-us-r li {
      position: unset;
      display: flex;
      flex-direction: row;
      padding: 20px 10px;
   }

   .choose-us-r {
      flex-direction: column;
      flex: 1 1 auto;
   }

   .comments-header {
      flex: 0 0 38%;
   }

   .comments-avatar {
      width: 50%;
      height: 50%;
   }

   .comments-name {
      font-size: 13px;
      margin: 6px 0;
   }

   .comments-stars {
      font-size: 13px;
   }

   .comments-content {
      margin-top: unset;
      font-size: 13px;
      line-height: 1.4;
      text-align: left;
   }

   .footer-contact-wrap {
      margin-top: 0;
      flex-direction: column;
   }

   .footer-contact-l, .footer-contact-r {
      width: auto;
   }

   .footer-send-wrap {
      width: auto;
      padding-left: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 38px 0;
   }

   .footer-send-title {
      font-size: 18px;
   }

   .footer-send-wrap p {
      margin: 16px 24px;
      font-size: 14px;
      text-align: center;
   }

   .copyright {
      margin-left: 20px;
   }

   .footer-about {
      display: block;
      width: 100%;
      margin-bottom: 30px;
   }

   .footer-main {
      flex-wrap: wrap;
      margin: 20px;
   }

   .article-list .article-item {
      margin-bottom: 12px;
   }

   .article-list .article-item-cover {
      flex: 0 0 120px;
   }

   .article-list .article-item-title h3 {
      font-size: 16px;
   }

   .category .banner-wrap, .single .banner-wrap, .tag .banner-wrap {
      height: 160px;
      background-position: right -80px bottom;
      background-size: 80%;
   }

   .main-wrap {
      width: auto;
      margin: 12px auto;
      flex-direction: column;
   }

   .breadcrumb {
      margin-left: 10px;
      font-size: 14px;
   }

   .siderbar {
      padding: 0 10px;
   }

   .siderbar #menu-side-pro-cat {
      column-count: 2;
   }

   .main-container {
      flex: 0 0 100%;
   }

   .product-cat-wrap {
      padding: 0 10px;
      justify-content: space-between;
   }

   .product-cat-wrap .product-item {
      margin-right: unset;
      margin-bottom: 10px;
   }

   .pages {
      justify-content: center;
   }

   .single .main-container, .article-main .main-container {
      flex: 0 0 auto;
      margin-left: 0;
   }

   article {
      padding: 0 10px;
   }

   .pro-single-cover {
      margin-right: 10px;
      width: 128px;
      height: 128px;
      flex: 0 0 128px;
   }

   .pro-single-header-r .single-title {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .pro-single-header-r>p {
      font-size: 13px;
      margin-bottom: 10px;
   }

   .single-content {
      font-size: 15px;
   }

   .single-content h3 {
      font-size: 18px;
   }

   .single-content img {
      display: block;
      max-width: 100%;
   }

   .article-main.main-wrap {
      flex-direction: column-reverse;
   }

   .banner-container {
      align-items: flex-end;
   }

   .article-item {
      margin: 0 10px 10px 10px;
   }

   .article-item-cover {
      flex: 0 0 128px;
   }

   .article-item-title {
      flex: 1 0 auto;
   }

   .article-item-title h3 {
      font-size: 16px;
   }

   .article-item-meta {
      margin: 0;
   }

   .single-title {
      font-size: 22px;
   }

   .single-tags-wrap {
      margin-top: 38px;
   }

   .article-main article {
      padding-bottom: 38px;
      margin-bottom: 38px;
      border-bottom: 1px #F7F6F9 solid;
   }

   .article-main .siderbar {
      margin-bottom: 38px;
   }

   .single-meta {
      font-size: 13px;
   }
}