@media screen and (max-width:1024px) {
  body.category { background-color: #fff; }
  .container { max-width: 1024px; }
  body.category .contentBlock { padding-top: 15px; padding-bottom: 15px; }
  body.category .contentBlock.layoutSidebar { padding-top: 0px; }
  body.category .contentAreaWrap > .container { padding-left: 15px; padding-right: 15px; }
  body.category .contentAreaWrap.layoutSidebar > .container { padding-left: 15px; padding-right: 15px; }
  body.single { background-color: #fff; }
  #bannerSwiper .swiper-slide, #bannerSwiper .swiper-slide .inner .image img { height: 350px; }
  .prod-meta .title { font-size: 16px; }
  .wrapCol4.layoutSidebar .prod-meta .title { font-size: 16px; }
  .h-module-imglink .col-item img { height: 120px; }
  .item-wrap.msc img { height: 210px; }
  .h-module-product.layout--full.col3 .item-wrap img { height: 410px; }
  .h-module-product.layout--full.col4 .item-wrap img { height: 210px; }
  .h-module-product.layout--lr .item-wrap img { height: 210px; }
  .wrapCol2 .item-wrap img { height: 410px; }
  .wrapCol3 .item-wrap img { height: 280px; }
  .h-module-product.layout--lr .sidebar { text-align: center; }
  .h-module-product.layout--lr .sidebar img { width: 100%; height: auto; margin-bottom: 15px; }
  .news--col3 .post-img img { height: 210px; }
  .news--col4 .post-img img { height: 120px; }
  .wrapCol4 .news--col4 .post-img img { height: 120px; }
  .h-module-video .h-module-content .img-wrap img { height: 340px; }
  .h-module-news.layout--full.col4 .news-wrap { padding-bottom: 15px !important; }
  .h-module-news.layout--full.col4 .news--col4 .post-img img { margin-bottom: 15px !important; }
  .h-module-news.layout--full.col4 .px-4 { padding-left: 15px !important; padding-right: 15px !important; }
  .h-module-news.layout--full.col4 .news-wrap .post-title { margin-bottom: 15px !important; line-height: 1; font-size: 16px; }
  .h-module-news.layout--full.col4 .news-wrap .post-desc { margin-bottom: 15px; font-size: 12px; }
  .news-wrap .post-meta { font-size: 12px; }
  .wrapCol4.layoutSidebar .post-img img { height: 120px; }
  .wrapCol2 .news--col2 .post-img img { height: 280px; }
  .wrapCol3 .news--col3 .post-img img { height: 180px; }
  .swiper-product-page .img-wrap img { height: 380px; }
  .swiper-product-page-thumbs .img-wrap img { height: 75px; }
  .post-template-single-product .pd-30 { padding: 0; }
  .post-template-single-product .contentBlock { padding-top: 15px; }
  .post-template-single-product .sdbWDescription h1 { font-size: 22px; }
  .post-template-single-product .postlist-area.blog-dependent { border-top: 1px solid #eee; padding-top: 20px; padding-left: 0px; padding-right: 0; }
  .pageFooterAreaWrap { margin-bottom: 60px; }
  #back-top { bottom: 100px; }
}
@media screen and (max-width:768px) {
  .container { max-width: 768px; }
  .btn { height: 45px; }
  .pd-30 { padding: 15px; }
  body.category .contentBlock { padding-top: 15px; padding-bottom: 15px; }
  body.category .contentBlock.layoutSidebar { padding-top: 0px; }
  body.category .contentAreaWrap > .container { padding-left: 15px; padding-right: 15px; }
  body.category .contentAreaWrap.layoutSidebar > .container { padding-left: 15px; padding-right: 15px; }
  .bannerSwiperSec.swiper--style1 { padding: 15px; }
  .home .msc .bannerSwiperSec.swiper--style1 .container { max-width: 768px; }
  #bannerSwiper .swiper-slide, #bannerSwiper .swiper-slide .inner .image img { height: 260px; }
  #bannerSwiper .swiper-slide .content h1 { font-size: 30px; margin-bottom: 15px; }
  #bannerSwiper .swiper-slide p { font-size: 18px; }
  #bannerSwiper .swiper-slide .content .mainbtn { margin-top: 20px; }
  .h-module { margin-top: 15px; }
  .msc .h-module .row, .category .msc .row-list { margin-left: -7.5px; margin-right: -7.5px; }
  .msc .h-module .list .col-6, .category .msc .contentAreaWrap .col-item { padding-left: 7.5px; padding-right: 7.5px; }
  .h-module-imglink .col-item { margin-bottom: 15px; padding-left: 7.5px; padding-right: 7.5px; }
  .h-module-imglink .col-item img { height: 204px; }
  .item-wrap.msc img { height: 340px; }
  .h-module-product.rec-id-post .list .item-wrap img { height: 340px; }
  .h-module-product.layout--full.col3 .item-wrap img { height: 280px; }
  .h-module-product.layout--full.col4 .item-wrap img { height: 280px; }
  .h-module-product.layout--lr .item-wrap img { height: 280px; }
  .wrapCol2.layoutSidebar .item-wrap img { height: 340px; }
  .wrapCol3.layoutSidebar .item-wrap img { height: 340px; }
  .wrapCol4.layoutSidebar .item-wrap img { height: 340px; }
  .h-module-product.layout--lr .main { width: 100%; height: auto; }
  .wrapCol2 .news--col2 .post-img img { height: 180px; }
  .wrapCol2.layoutSidebar .news--col2 .post-img img { height: 180px; }
  .news--col3 .post-img img { height: 180px; }
  .wrapCol3 .news--col3 .post-img img { height: 180px; }
  .news--col4 .post-img img { height: 180px; }
  .wrapCol4 .news--col4 .post-img img { height: 180px; }
  .wrapCol4 .news--col4 .post-img img { height: 180px; }
  .wrapCol4.layoutSidebar .post-img img { height: 180px; }
  .wrapCol4.layoutSidebar .news-wrap .post-title { font-size: 18px; }
  .blog-single-left-content .blog-single-body .body-head, .blog-single-left-content .body-content, .blog-single-left-content .cop, .navigation-post, .postlist-area.blog-dependent { padding: 15px; }
  .postlist-area.blog-dependent { margin-top: 0; }
  .blog-single-left-content .body-head .body-head-title { font-size: 22px; }
  .contentBlock { padding-top: 15px; }
  .post-template-single-product .sdbWDescription h1 { font-size: 20px; }
  .shpTopIntroWrap .meta-desc p { font-size: 14px; }
  .sdbWDescription .meta-data .other p { font-size: 14px; }
  .pageFooterAreaWrap { margin-bottom: 60px; }
  #pageFooter { padding-top: 0; }
  #pageFooter .logo { top: 15px; }

  .page-tab-content .col-lg-4 > .pd-30 { padding: 0; }
  .page-tab-content .col-lg-8 > .pd-30 { padding: 30px; }
}
@media screen and (max-width:640px) {
  body.category .contentBlock { padding-top: 10px; padding-bottom: 10px; }
  body.category .contentBlock.layoutSidebar { padding-top: 0px; }
  body.category .contentAreaWrap > .container { padding-left: 10px; padding-right: 10px; }
  body.category .contentAreaWrap.layoutSidebar > .container { padding-left: 15px; padding-right: 15px; }
  .home .msc .container { padding-left: 5px; padding-right: 5px; }
  .pd-30 { padding: 10px; }
  .msc-pdb-0 { padding-bottom: 0 !important; }
  .msc-pdb-10 { padding-bottom: 10px !important; }
  .msc-pdlr-10 { padding-left: 10px !important; padding-right: 10px !important; }
  .msc-mgb-10 { margin-bottom: 10px !important; }
  .btn { height: 40px; font-size: 12px; }
  #pageWrapper { padding-top: 60px; }
  h2 { font-size: 18px; }
  #logo { line-height: 60px; display: flex; align-items: center; }
  #logo a { display: flex; align-items: center; }
  #logo a img { max-height: 40px; }
  .home .msc .bannerSwiperSec.swiper--style1 { padding: 10px; }
  .home .msc .bannerSwiperSec.swiper--style1 .container { padding-left: 0; padding-right: 0; }
  .msc #bannerSwiper .swiper-slide, .msc #bannerSwiper .swiper-slide .inner .image img { height: 160px; }
  .msc #bannerSwiper .swiper-slide .content h1 { font-size: 20px; line-height: 1; margin-bottom: 10px; }
  .msc #bannerSwiper .swiper-slide p { font-size: 14px; }
  .msc #bannerSwiper .swiper-slide .content .mainbtn { margin-top: 15px; }
  .msc #bannerSwiper .swiper-slide .content .mainbtn .btn { height: 30px; padding: 0 15px; font-size: 12px; }
  .cus-navigation { margin: 20px 0; }
  .cus-pagination-wrap a { font-size: 12px; }
  .cus-pagination-wrap span { display: block; margin-top: 10px; font-size: 12px; }
  #content { margin-bottom: 10px !important; }
  .bdText span { font-size: 12px; }
  .post-style p { font-size: 14px; line-height: 28px; margin-bottom: 15px; }
  .post-style blockquote { padding: 20px; padding-left: 50px; }
  .post-style blockquote p { font-size: 14px; }
  .post-style blockquote p:before { font-size: 16px; left: -40px; }
  .post-style h2 { font-size: 16px; }
  .post-style h3, .post-style h4, .post-style h5, .post-style h6 { font-size: 14px; }
  #content hr { margin-bottom: 10px; margin-top: 10px; }
  .detailsImage .imgWrap img { max-height: 300px; }
  .entry-navigation { align-items: center; }
  .entry-navigation span { font-size: 14px; }
  .entry-navigation__link, .entry-navigation__link a { font-size: 14px; }
  .pageBdWrapNav { padding: 5px 0; height: 80px !important; }
  .error404 .pageFullBlock { padding: 80px 0; }
  .contentBlock { padding-top: 15px; padding-bottom: 15px; }
  .pageFooterAreaWrap { margin-bottom: 60px; font-size: 14px; }
  .h-module .head .link { font-size: 12px; }
  .h-module .head { padding: 10px 15px; }
  .h-module .head .title { font-size: 15px; }
  .h-module .list .more { margin-top: 0 !important; }
  .item-wrap.msc { padding-bottom: 30px; }
  .item-wrap.msc img { height: 180px; }
  .h-module-product.rec-id-post .list .item-wrap img { height: 180px; }
  .msc .item-wrap-text { padding: 10px; width: calc(100% - 10px); left: 5px; }
  .wrapCol4.layoutSidebar .item-wrap-text { padding: 10px; }
  .h-module-product.layout--full.col3 .item-wrap img { height: 180px; }
  .h-module-product.layout--full.col4 .item-wrap img { height: 180px; }
  .news--col4 .post-img img { height: 120px; }
  .wrapCol4 .news--col4 .post-img img { height: 120px; }
  .msc .prod-meta .title { font-size: 12px; }
  .wrapCol4.layoutSidebar .prod-meta .title { font-size: 12px; }
  .msc .prod-meta .desc { font-size: 12px; }
  .msc .h-module .row, .category .msc .row-list, .msc .postlist-area.blog-dependent .row-list { margin-left: -5px; margin-right: -5px; }
  .msc .h-module .list .col-6, .category .msc .contentAreaWrap .col-item, .msc .postlist-area.blog-dependent .col-item { padding-left: 5px; padding-right: 5px; }
  .msc .tag-wrap .tag { top: -28px; left: -73px; }
  .msc .tag-wrap .tag span { letter-spacing: 1px; font-size: 10px; top: 80px; }
  .msc .h-module-imglink .col-item { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
  .msc .h-module-imglink .col-item img { height: 110px; }
  .msc .h-module-product.rec-id-post .list { padding-bottom: 0; }
  .msc .news-wrap .post-title { font-size: 14px; }
  .wrapCol4.layoutSidebar .news-wrap .post-title { font-size: 14px; }
  .msc .news-wrap .post-desc { font-size: 12px; }
  .msc .news-wrap .post-meta { font-size: 12px; }
  .h-module-news.layout--full.col4 .news-wrap .post-title { font-size: 14px; line-height: 1.5; }
  .msc .news--col3 .post-img img { height: 120px; }
  .msc .h-module-product.layout--lr .h-module-content > .row > .col-xl-3, .msc .h-module-product.layout--lr .h-module-content > .row > .col-xl-9 { padding-left: 5px; padding-right: 5px; }
  .msc .h-module-product.layout--lr .sidebar img { padding-left: 5px; padding-right: 5px; }
  .h-module-video .h-module-content .img-wrap img { height: 180px; }
  .wrapCol2.layoutSidebar .item-wrap img { height: 180px; }
  .wrapCol3.layoutSidebar .item-wrap img { height: 180px; }
  .wrapCol4.layoutSidebar .item-wrap img { height: 180px; }
  .h-module-product.layout--lr .item-wrap img { height: 180px; }
  .wrapCol4 .news--col4 .post-img img { height: 120px; }
  .wrapCol4.layoutSidebar .post-img img { height: 120px; }
  .wrapCol2 .news--col2 .post-img img { height: 120px; }
  .wrapCol2.layoutSidebar .news--col2 .post-img img { height: 120px; }
  .wrapCol4.layoutSidebar .post-img img { margin-bottom: 15px; }
  .blog-single-left-content .blog-single-body .body-head, .blog-single-left-content .body-content, .blog-single-left-content .cop, .navigation-post, .postlist-area.blog-dependent { padding: 10px; }
  .blog-single-left-content .body-head .body-head-title { font-size: 18px; }
  .post-template-single-product .contentBlock { padding-top: 10px; }
  .blog-single-left-content .body-head .body-head-meta { font-size: 12px; }
  .blog-single-left-content .body-head .body-head-meta span { margin-right: 5px; }
  .post-tag-wrap { flex-direction: column; }
  .post-tag-wrap .post-tag-list { margin-bottom: 10px; }
  .postlist-text h3 { font-size: 16px; }
  .postlist-text ul li a { font-size: 14px; padding: 10px 0; }
  .blog-single-left-content .cop { font-size: 14px; }
  .post-template-single-product .pageBdWrapNav { height: 36px !important; }
  .post-template-single-product .pageBdWrapNav ul li { font-size: 12px; }
  .post-template-single-product .swiper-product-page .img-wrap img { height: 280px; }
  .post-template-single-product .shpTopIntroWrap .col-md-5 { padding-left: 0; padding-right: 0; }
  .post-template-single-product .shpTopIntroWrap > .container .pd-30 { padding-top: 0; }
  .post-template-single-product .swiper-product-page-thumbs .img-wrap img { height: 75px; }
  .sdbWDescription h1 { font-size: 18px; font-weight: bold; margin-top: 15px; }
  .post-template-single-product .shpTopIntroWrap .col-12 { padding-left: 0px; padding-right: 0px; }
  .post-template-single-product .meta-desc p { font-size: 14px; }
  .post-template-single-product .sdbWDescription h1 { font-size: 18px; }
  .post-template-single-product.post-template-single-product .shpTopContWrap .col-sm-12 { padding-left: 2px; padding-right: 2px; }
  .post-template-single-product.post-template-single-product .shpTopContWrap .contWrapMain { margin-top: -40px; }
  .post-template-single-product .postlist-area.blog-dependent { border-top: 1px solid #eee; padding-top: 20px; padding-left: 0px; padding-right: 0; }
  .post-template-single-product .pd-30 { padding: 10px; }
  .shpTopContWrap .subTitle { font-size: 16px; }
  .card-body-title { font-size: 22px; }
  .page .cusimg img { height: 120px; }
}