body{
    background-color:#eee;
}
::selection,
::-webkit-selection {
    background: #2536fc;
    color: #fff;
    text-shadow: none;
}

.index-slider-row{
    margin-bottom:60px;
}
.owl-carousel.index-slider .owl-stage{
    display:flex; 
}
.owl-carousel.index-slider .owl-item {
   display: flex;
    flex: 1 0 auto;
}
.index-slider .slider-item{
    display:flex;
    background-color:#fff;
    height:100%;
    width:100%;
      position:relative;
      overflow:hidden;
}
.index-slider .slider-item .img-con{
   flex:2 0 0;
}
.index-slider .slider-item .img-con a{
outline:0;
}
.index-slider .slider-item .img-con img{
   aspect-ratio:2/1;
   height:100%;
   object-fit:cover;
}
.index-slider .slider-item .txt-con{
   flex:1 0 0;
   display:flex;
   align-items:flex-end;
}
.index-slider .slider-item .txt-con .txt{
  padding:30px;
}
.index-slider .slider-item .txt-con .txt a{
outline:0;
}
.index-slider .slider-item .txt-con .txt .head{
  font-size:20px;
  font-weight:700;
  margin:0;
  color:#000;
}
.index-slider .slider-item .txt-con .txt .head span{
    display:block;
  font-size:16px;
   font-weight:400;
  margin-bottom:10px;
}
.index-slider .slider-item .txt-con .txt .cat{
  font-size:14px;
   font-weight:500;
  margin-bottom:10px;
  color:#999;
}
.index-slider .slider-item .txt-con .txt .head:hover{
  color:#2536fc;
}
.index-slider .slider-item .txt-con .txt .desc{
font-size: 14px;
    font-weight: 200;
    color: #555;
    margin:20px 0;
            overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.index-slider .owl-nav{
display:flex;
width:100%;
justify-content:space-between;
margin-top:2px;
background-color:#fff;
}
.owl-carousel.index-slider .owl-nav button.owl-next, 
.owl-carousel.index-slider .owl-nav button.owl-prev {
    padding: 15px!important;
}
.index-slider .owl-nav button.owl-next{
    border-right:2px solid #f0f0f0
}
.index-slider .owl-nav button.owl-prev{
    border-left:2px solid #f0f0f0
}
.index-slider .owl-nav button span{
font-size:22px;
display:block;
}
.index-slider .owl-dots{
position:absolute;
bottom:0;
padding:19px 0;
display:flex;
align-items:center;
justify-content:center;
width:calc(100% - 150px);
left:75px;
}
.index-slider .owl-dots .owl-dot{
width:12px;
height:12px;
margin:0 6px;
background-color:#ddd;
border-radius:50px;
transition:all 0.5s;
}
.index-slider .owl-dots .owl-dot.active{
width:36px;
background-color:#666;
}
.arrow-btn{
    display:flex;
    align-items:center;
    color:#000;
    font-size:16px;
    font-weight:400;
    position:relative;
        transition: all 0.3s;
}
.arrow-btn:hover{
    color:#2536fc;
}
.arrow-btn span{
   order:1;
   margin-bottom:5px;
}
.arrow-btn:after{
    content:'';
    width: 30px;
    height: 2px;
    background-color: #000;
    transition: all 0.3s;
    margin-right:7px;
    order:2;
}
.arrow-btn:before{
    content:'';
width: 12px;
    height: 12px;
    border: 2px solid #000;
border-width: 0 0 2px 2px;
    transform: rotate(45deg);
    transition: all 0.3s;
    margin-right:-13px;
    order:3;
}
.arrow-btn:hover:after{
    background-color:#2536fc;
width:60px
}
    .arrow-btn:hover:before {
        border-color: #2536fc;
    }
.cat-head{
    font-size:22px;
    font-weight:200;
    color:#000;
    padding:0;
    margin:0;
    margin-bottom:25px
}
    .posts-row{
        display:flex;
        margin-bottom:90px;
    }
       .posts-row .main-col{
       flex-grow:1;
    }
         .posts-row .side-col{
       min-width:340px;
        max-width:340px;
    }
    .posts-row.post-page .side-col{
     padding-top:14px;
    }
         .posts-row .side-col .side-con{
      padding-right:30px;
    }
.posts-con{
     grid-template-columns: repeat(3,1fr);
    display: grid;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}
@media(max-width:1999px) {
    .posts-con {
        grid-template-columns: repeat(2,1fr);
    }
}
.posts-con .post-item{
    background-color:#fff;
    padding:0;
}
.posts-con .post-item a{
   outline:0;
}
.posts-con .post-item .img{
    width:100%;
    aspect-ratio:4/3;
    position:relative;
}
.posts-con .post-item .img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.posts-con .post-item .txt-con{
    padding:15px
}
.posts-con .post-item .head {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 0;
    margin: 10px 0;
    transition: all .3s
}
.posts-con .post-item .head span{
    font-size: 14px;
        font-weight: 500;
    margin-bottom:5px;
    display:block;
}
.posts-con .post-item:hover .head {
    color: #2536fc
}
.posts-con .post-item .head2 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin:5px 0
}
.posts-con .post-item .cat{
  font-size:12px;
   font-weight:500;
  margin-bottom:10px;
  color:#999;
}
.posts-con .post-item .detail {
    font-size: 12px;
    font-weight: 300;
    color: #999;
    margin: 10px 0;
}
.posts-con .post-item .txt {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 200;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog-search{
      margin-bottom:20px;
  }
.blog-search .search-con{
      position:relative;
  }
.blog-search .search-con .search-input{
    width:100%;
    background-color:#fff;
    border:1px solid #666;
    border-radius:100px;
    padding:5px 10px;
    font-size:16px;
    color:#000;
    font-weight:300;
    padding-left:30px;
    outline:0;
    transition:all 0.3s;
  }
.blog-search .search-con .search-input:focus{
    border:1px solid #000;
  }
.blog-search .search-con .btn{
   color:#000;
    font-size:24px;
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-12px;
  }
.posts-con .list-item .list-head{
    font-size:14px;
    font-weight:200;
    margin:15px 0;
}
.posts-con .list-item ul{
   list-style:none;
   padding:0;
   margin:0;
}
.posts-con .list-item ul li{
 display:block;
 padding:3px;
}
.posts-con .list-item ul li a{
 display:flex;
 align-items:center;
 padding:5px;
 outline:0;
}
.posts-con .list-item ul li a .l-head{
font-size:14px;
color:#000;
font-weight:700;
transition:all 0.3s;
padding:0;
margin:0;
}
.posts-con .list-item ul li a:hover .l-head{
color:#2536fc;
}
.posts-con .list-item ul li a .l-count{
font-size:12px;
color:#777;
font-weight:200;
}
.posts-con .list-item ul li a .l-line{
flex-grow:1;
height:1px;
background-color:#eee;
margin:0 15px;
}
    .posts-row .more-row{
       margin-top:30px;
    }
        .posts-row .more-row .more-btn{
       display:inline-block;
       color:#000;
       border:2px solid #000;
       padding:5px 30px;
       font-size:16px;
       transition:all 0.3s
    }
                .posts-row .more-row .more-btn:hover{
       color:#fff;
       background-color:#000;
    }
.paging{
    text-align:center;
    display:inline-flex;
    list-style:none;
    padding:0;
    margin:0;
}
.paging li {
      padding: 5px 3px 3px 3px;
    width: 45px;
    height: 45px;
    border: 2px solid #000;
    font-size: 18px;
    font-weight: 700;
    margin: 0 -1px;
    float: right;
    cursor: pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.paging li a {
    display: block;
    color: #000;
    outline:0;
}
.paging li:hover {
    background-color: #ddd
}
.paging li:hover a {
    color: #000
}
.paging li.active {
    background-color: #000
}
.paging li.active a {
    color: #fff
}
.cat-list{
    margin-bottom:30px;
}
.cat-list .cat-item{
    margin-bottom:5px;
    background-color:#fff;
    padding:12px 15px;
}
.cat-list .cat-item a{
   display:flex;
   align-items:center;
   justify-content:space-between;
   outline:0;
}
.cat-list .cat-item a .ttl{
   color:#000;
   font-size:14px;
   font-weight:700;
   margin:0;
}
.cat-list .cat-item a:hover .ttl{
   color:#2536fc;
}
.cat-list .cat-item a .count{
   color:#777;
   font-size:12px;
   font-weight:200;
   margin:0;
}
.cat-list .cat-item a .count span{
   font-size:14px;
   font-weight:500;
}
    .posts-row .banner-item{
        margin-bottom:15px;
    }
        .posts-row .banner-item img{
      width:100%;
    }
.cat-row{
    margin:60px 0;
    display:flex;
    align-items:center;
}
.cat-row .head-con{
    display:flex;
    align-items:center;
}
.cat-row .head-con .head{
  font-size:28px;
  color:#000;
  font-weight:700;
  padding:0;
  margin:0;
}
.cat-row .head-con .count{
  font-size:14px;
  margin-right:20px;
  border-right:1px solid #000;
  padding-right:20px;
  color:#000;
  font-weight:200
}
.cat-row .line{
    flex-grow:1;
    background-color:#000;
    height:2px;
    margin-right:20px;
}
.post-slider-row{
    margin-bottom:90px;
}
.owl-carousel.post-slider .owl-stage{
    display:flex;
}
.owl-carousel.post-slider .owl-item {
    flex: 1 0 auto;
}
.post-slider .slider-item{
    background-color:#fff;
    height:100%;
}
.post-slider .slider-item a{
  outline:0;
}
.post-slider .slider-item .img{
    width:100%;
   aspect-ratio:4/3;
}
.post-slider .slider-item .img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.post-slider .slider-item .txt-con{
    padding:15px;
}
    .post-slider .slider-item .head {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 0;
    margin: 0;
    }
        .post-slider .slider-item .head span{
display:block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom:5px;
    }
.post-slider .slider-item:hover .head {
        color: #2536fc;
    }
    .post-slider .slider-item .cat {
        font-size: 12px;
        font-weight: 500;
        color: #999;
        padding: 0;
        margin: 10px 0;
    }
    .post-slider .slider-item .detail {
        font-size: 10px;
        font-weight: 200;
        color: #999;
    }
.post-slider .owl-nav{
    position:absolute;
    top:50%;
    margin-top:-10px;
    width:100%;
    left:0;
}
.owl-carousel.post-slider .owl-stage-outer {
    z-index:13;
}
.owl-carousel.post-slider .owl-nav button.owl-next,
.owl-carousel.post-slider .owl-nav button.owl-prev {
    position:relative;
    z-index:14;
}
.post-slider .owl-nav button span {
    display:block;
    font-size:20px;
}
.owl-carousel.post-slider .owl-nav button.owl-next{
float:left;
margin-left:-30px;
}
.owl-carousel.post-slider .owl-nav button.owl-prev {
    float: right;
    margin-right: -30px;
}
.post-list{
    background-color:#fFF;
    margin-bottom:30px;
}
.post-list .head-con{
    border-bottom:2px solid #f0f0f0;
    padding:15px;
}
    .post-list .head-con .head {
        font-size: 16px;
        font-weight: 400;
        padding: 0;
        margin: 0;
    }
.post-list .head-con .icon{
 font-size:20px;
}
.post-list .list-con .list-item{
 border-bottom:2px solid #f0f0f0;
    padding:10px 10px;
}
.post-list .list-con .list-item a{
 display:flex;
 outline:0;
}
.post-list .list-con .list-item a .img{
 width:80px;
 min-width:80px;
 height:80px;
 margin-left:10px;
}
.post-list .list-con .list-item a .img img{
 width:100%;
 height:100%;
object-fit:cover
}
.post-list .list-con .list-item a .txt{
flex-grow:1;
}
.post-list .list-con .list-item a .txt .head2{
  font-size:12px;
  font-weight:400;
  color:#999;
  padding:0;
  margin:0;
}
.post-list .list-con .list-item a .txt .head{
  font-size:14px;
  font-weight:500;
  color:#000;
  padding:5px 0;
  margin:0;
   transition:all 0.3s;
}
.post-list .list-con .list-item a:hover .txt .head{
  color:#2536fc;
}
.post-list .list-con .list-item a .txt .detail{
  font-size:10px;
  font-weight:300;
  color:#999;
}
.post-row{
    background-color:#fff;
    margin-bottom:2px;
    padding:15px 30px;
}
.post-row .post-details{
   display:flex;
   margin-bottom:15px;
      border-bottom:2px solid #000;
        align-items:center;
        padding-bottom:15px;
}
.post-row .post-details .detail-item{
  display:flex;
  align-items:center;
  margin-left:30px;
  color:#999;
}
.post-row .post-details .detail-item .ttl{
  font-size:14px;
  font-weight:300
}
    .post-row .post-author {
        background-color: #eee;
        margin:20px 0;
        border-radius:150px;
        display:flex;
        padding:10px;
        align-items:center;
    }
    .post-row .post-author .author {
        display:flex;
        align-items:center;
    }
        .post-row .post-author .img{
        width:64px;
        min-width:64px;
        height:64px;
        border-radius:150px;
        overflow:hidden;
    }
        .post-row .post-author .img img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
                .post-row .post-author .name{
       min-width:128px;
       padding:0 10px;
    }
                .post-row .post-author .name .ttl{
     font-size:12px;
          font-weight:300;
    }
                .post-row .post-author .name .val{
     font-size:16px;
     font-weight:600;
     color:#000;
     margin-top:3px;
    }
                .post-row .post-author .desc{
      flex-grow:1;
     font-size:14px;
     font-weight:200;
     max-height:64px;
     padding-left:15px;
    }
.post-row .head2{
  font-size:24px;
  font-weight:300;
  padding:0;
  margin:15px 0;
  color:#000
}
.post-row .head{
  font-size:28px;
  font-weight:700;
  padding:0;
  margin:15px 0;
    color:#000
}
.tags-row{
    margin-top:15px;
    padding:15px 0;
    border-top:2px solid #000;
}
.tags-row .ttl{
 font-weight:800;
 float:right;
 margin-left:15px;
 padding-top:3px;
}
.tags-row ul{
 display:flex;
 padding:0;margin:0;
 list-style:none;
 }
.tags-row ul li{
margin-left:10px;
}
.tags-row ul li a{
 display:block;
 padding:3px 10px;
 background-color:#000;
 color:#fff;
 font-weight:300;
 transition:all 0.2s;
 outline:0;
}
.tags-row ul li a:hover{
 background-color:#2536fc;
}
.post-share-row{
    background-color:#2536fc;
    color:#fff;
    display:flex;
    margin:20px 0;
    padding:45px;
    justify-content:space-between;
    align-items:center;
}
.post-share-row .ttl{
    font-size:16px;
    font-weight:200;
}
.post-share-row .jssocials-shares{
 display:flex;
}
.post-share-row .jssocials-share{
    margin-right:18px;
}
.post-share-row .jssocials-share-link{
  color:#fff;
  margin-top:0;
}
.post-share-row .jssocials-share-label{
    display:none;
}
.post-share-row .jssocials-share-logo{
    font-size:24px;
}
.comments-row {
    background-color: #fff;
}
.comments-row  .sec-head{
    padding: 15px;
    border-bottom:2px solid #eee;
}
.comments-row  .sec-head .head {
         font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    }
    .comments-row .comment-row {
        padding: 15px;
        border-bottom: 2px solid #eee;
        position: relative;
        display: flex;
    }
        .comments-row .comment-row .name-col {
            position: relative;
            min-width: 180px;
            max-width:180px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
            .comments-row .comment-row .name-col .name {
                font-weight: 500;
                color: #000;
                font-size: 16px;
                margin-bottom: 5px;
            }
            .comments-row .comment-row .name-col .date {
                font-weight: 300;
                color: #999;
                font-size: 12px;
                margin-top: 5px;
            }
        .comments-row .comment-row .comment-col {
            flex-grow: 1;
        }
            .comments-row .comment-row .comment-col{
                font-size: 16px;
                font-weight:200;
                line-height:1.7em;
            }
.comment-form-row {
    display: flex;
    padding:15px;
}
    .comment-form-row .ttl-col {
        min-width: 180px;
        max-width:180px;
    }
        .comment-form-row .ttl-col .ttl {
            padding: 5px 0;
            font-size: 16px;
            font-weight:200;
        }
    .comment-form-row .form-col {
        flex-grow: 1;
    }
        .comment-form-row .form-col input,
          .comment-form-row .form-col textarea {
                width: 100%;
                border: none;
                padding: 10px 15px;
                outline: 0;
                transition: 0.2s;
                margin: 0;
                resize: none;
                background-color:#ddd;
                margin-bottom:3px;
                font-size: 16px;
                font-weight:200;
                color:#000;
            }
        .comment-form-row .form-col .add-btn {
            display: inline-block;
            padding: 7px 30px;
            background-color: #333;
            color: #fff;
            font-size: 14px;
            cursor:pointer;
        }
            .comment-form-row .form-col .add-btn:hover {
                background-color: #000;
            }
.mag-row{
}
.mag-row .mag-item{
    display:flex;
    background-color:#fff;
    margin-bottom:15px;
}
.mag-row .mag-item:last-of-type{
    margin-bottom:0;
}
.mag-row .mag-item .img-con{
    width:120px;
    height:120px;
    min-width:120px;
}
.mag-row .mag-item .img-con img{
    width:100%;
    height:100%;
   object-fit:cover;
}
.mag-row .mag-item .txt-con{
    flex-grow:1;
    padding:15px;
    display:flex;
    align-items:flex-end;
}
.mag-row .mag-item .txt-con .txt-col{
    flex-grow:1;
}
.mag-row .mag-item .txt-con .ttl{
   font-size:18px;
   font-weight:700;
   color:#000;
   padding:0;
   margin:0;
   margin-bottom:5px;
}
.mag-row .mag-item .txt-con .dtl{
   font-size:14px;
   font-weight:200;
   padding:0;
   margin:0;
}
.mag-row .mag-item .txt-con .btn{
 display:flex;
 align-items:center;
 border-bottom:2px solid #2536fc;
 padding:3px 15px;
 color:#2536fc;
 transition:all 0.5s;
 cursor:pointer;
}
.mag-row .mag-item .txt-con .btn:hover{
 border-bottom:2px solid #000;
 color:#000;
}
.mag-row .mag-item .txt-con .btn .icon{
 font-size:24px;
}
.mag-row .mag-item .txt-con .btn .txt{
 font-size:16px;
 font-weight:500;
}
@media(max-width:1499px) {
    .blog-btm-pad{
        height:45px;
    }
}
@media(max-width:1199px) {
}
@media(max-width:991px) {
    .index-slider .slider-item {
        flex-direction: column;
    }
    .index-slider .slider-item .img-con{
   flex:initial
}
.index-slider .slider-item .txt-con{
  flex:initial
}
    .posts-row {
        flex-direction: column;
    }
        .posts-row .side-col .side-con {
            margin-top: 40px;
        }
        .posts-row .side-col .side-con {
            padding-right: 0;
        }
}
@media(max-width:767px) {
    .index-slider-row {
        margin-bottom: 45px;
    }
    .index-slider .slider-item .txt-con .txt {
        padding: 15px;
    }
        .index-slider .slider-item .txt-con .txt .head {
            font-size: 17px;
        }
            .index-slider .slider-item .txt-con .txt .head span {
                font-size: 13px;
                margin-bottom: 10px;
            }
        .index-slider .slider-item .txt-con .txt .cat {
            font-size: 11px;
            margin-bottom: 10px;
        }
        .index-slider .slider-item .txt-con .txt .desc {
            font-size: 11px;
            margin: 15px 0;
        }
    .index-slider .owl-nav {
    }
    .owl-carousel.index-slider .owl-nav button.owl-next,
    .owl-carousel.index-slider .owl-nav button.owl-prev {
        padding: 10px !important;
    }
    .index-slider .owl-nav button span {
        font-size: 18px;
    }
    .index-slider .owl-dots {
        padding: 14px 0;
        width: calc(100% - 80px);
        left: 40px;
    }
        .index-slider .owl-dots .owl-dot {
            width: 10px;
            height: 10px;
            margin: 0 5px;
        }
            .index-slider .owl-dots .owl-dot.active {
                width: 30px;
                height: 10px;
            }
    .arrow-btn {
        font-size: 13px;
    }
        .arrow-btn:before {
            width: 10px;
            height: 10px;
            margin-right: -11px;
        }
    .cat-head {
        font-size: 19px;
        margin-bottom: 20px;
    }
    .posts-row {
        margin-bottom: 45px;
    }
        .posts-row .side-col {
            min-width: calc(100% - 60px);
            max-width: calc(100% - 60px);
        }
        .posts-row.post-page .side-col {
            padding-top: 14px;
        }
        .posts-row .side-col .side-con {
        }
    .posts-con {
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }
        .posts-con .post-item .txt-con {
            padding: 10px;
        }
        .posts-con .post-item .head {
            font-size: 14px;
            margin: 7px 0;
        }
            .posts-con .post-item .head span {
                font-size: 11px;
                margin-bottom: 5px;
            }
        .posts-con .post-item .head2 {
            font-size: 11px;
            margin: 5px 0;
        }
        .posts-con .post-item .cat {
            font-size: 9px;
            margin-bottom: 7px;
        }
        .posts-con .post-item .detail {
            font-size: 9px;
            margin: 7px 0;
        }
        .posts-con .post-item .txt {
            font-size: 11px;
            margin-top: 7px;
        }
    .blog-search {
        margin-bottom: 20px;
    }
        .blog-search .search-con .search-input {
            padding: 5px 10px;
            font-size: 13px;
            padding-left: 45px;
        }
        .blog-search .search-con .btn {
            font-size: 20px;
            margin-top: -10px;
        }
    .posts-con .list-item .list-head {
        font-size: 11px;
        margin: 15px 0;
    }
    .posts-con .list-item ul li a {
        padding: 5px 0;
    }
        .posts-con .list-item ul li a .l-head {
            font-size: 11px;
        }
        .posts-con .list-item ul li a .l-count {
            font-size: 9px;
        }
        .posts-con .list-item ul li a .l-line {
            margin: 0 10px;
        }
    .posts-row .more-row {
        margin-top: 20px;
    }
        .posts-row .more-row .more-btn {
            padding: 5px 30px;
            font-size: 13px;
        }
    .paging li {
        width: 36px;
        height: 36px;
        font-size: 15px;
    }
    .cat-list {
        margin-bottom: 20px;
    }
        .cat-list .cat-item {
            margin-bottom: 5px;
            background-color: #fff;
            padding: 12px 15px;
        }
            .cat-list .cat-item a {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
                .cat-list .cat-item a .ttl {
                    font-size: 11px;
                }
                .cat-list .cat-item a .count {
                    font-size: 9px;
                }
                    .cat-list .cat-item a .count span {
                        font-size: 11px;
                    }
    .posts-row .banner-item {
        margin-bottom: 10px;
    }
    .cat-row {
        margin: 45px 0;
    }
        .cat-row .head-con .head {
            font-size: 21px;
        }
        .cat-row .head-con .count {
            font-size: 11px;
            margin-right: 15px;
            padding-right: 20px;
        }
        .cat-row .line {
            margin-right: 15px;
        }
    .post-slider-row {
        margin-bottom: 45px;
    }
    .owl-carousel.post-slider .owl-item {
        padding: 0 40px;
    }
    .post-slider .slider-item {
        background-color: #fff;
        height: 100%;
    }
        .post-slider .slider-item .img {
            width: 100%;
            aspect-ratio: 4/3;
        }
            .post-slider .slider-item .img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        .post-slider .slider-item .txt-con {
            padding: 15px;
        }
        .post-slider .slider-item .head {
            font-size: 15px;
        }
            .post-slider .slider-item .head span {
                font-size: 11px;
                margin-bottom: 5px;
            }
        .post-slider .slider-item .cat {
            font-size: 9px;
            margin: 7px 0;
        }
        .post-slider .slider-item .detail {
            font-size: 9px;
        }
    .post-slider .owl-nav {
        margin-top: -8px;
    }
        .post-slider .owl-nav button span {
            font-size: 17px;
        }
    .owl-carousel.post-slider .owl-nav button.owl-next {
        margin-left: 0;
    }
    .owl-carousel.post-slider .owl-nav button.owl-prev {
        margin-right: 0;
    }
    .post-list {
        margin-bottom: 20px;
    }
        .post-list .head-con {
            padding: 15px;
        }
            .post-list .head-con .head {
                font-size: 13px;
            }
        .post-list .list-con .list-item {
            padding: 10px 10px;
        }
            .post-list .list-con .list-item a .img {
                width: 70px;
                min-width: 70px;
                height: 70px;
                margin-left: 10px;
            }
            .post-list .list-con .list-item a .txt .head2 {
                font-size: 9px;
            }
            .post-list .list-con .list-item a .txt .head {
                font-size: 12px;
            }
            .post-list .list-con .list-item a .txt .detail {
                font-size: 9px;
            }
    .post-row {
        padding: 10px 15px;
    }
        .post-row .post-details {
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
            .post-row .post-details .detail-item {
                margin-left: 25px;
            }
                .post-row .post-details .detail-item .ttl {
                    font-size: 11px;
                }
        .post-row .post-author {
            margin: 15px 0;
            flex-direction: column;
            align-items: flex-start;
            border-radius: 25px;
        }
            .post-row .post-author .author {
                margin-bottom: 15px;
            }
            .post-row .post-author .img {
                width: 48px;
                min-width: 48px;
                height: 48px;
            }
            .post-row .post-author .name .ttl {
                font-size: 9px;
            }
            .post-row .post-author .name .val {
                font-size: 13px;
            }
            .post-row .post-author .desc {
                font-size: 11px;
                max-height: initial;
                padding-left: 0;
            }
        .post-row .head2 {
            font-size: 19px;
            margin: 15px 0;
        }
        .post-row .head {
            font-size: 23px;
            margin: 15px 0;
        }
    .tags-row {
        padding: 15px 0 5px 0;
    }
        .tags-row ul {
            flex-wrap: wrap;
        }
            .tags-row ul li {
                margin-left: 10px;
                margin-bottom: 10px;
            }
                .tags-row ul li a {
                    font-size: 13px;
                }
    .post-share-row {
        padding: 45px 20px;
    }
        .post-share-row .ttl {
            font-size: 13px;
        }
        .post-share-row .jssocials-share {
            margin-right: 15px;
        }
        .post-share-row .jssocials-share-logo {
            font-size: 21px;
        }
    .comments-row .sec-head {
        padding: 15px;
    }
        .comments-row .sec-head .head {
            font-size: 13px;
        }
    .comments-row .comment-row {
        padding: 15px;
        flex-wrap: wrap;
    }
        .comments-row .comment-row .name-col {
            min-width: 100%;
            max-width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 10px;
        }
            .comments-row .comment-row .name-col .name {
                font-size: 13px;
                margin-bottom: 0;
            }
            .comments-row .comment-row .name-col .date {
                font-size: 9px;
                margin-top: 0;
            }
        .comments-row .comment-row .comment-col {
            flex-grow: 1;
        }
        .comments-row .comment-row .comment-col {
            font-size: 13px;
        }
    .comment-form-row {
        flex-direction: column;
    }
        .comment-form-row .ttl-col {
            min-width: 100%;
            max-width: 100%;
            margin-bottom: 10px;
        }
            .comment-form-row .ttl-col .ttl {
                font-size: 13px;
            }
        .comment-form-row .form-col input,
        .comment-form-row .form-col textarea {
            font-size: 13px;
        }
        .comment-form-row .form-col .add-btn {
            font-size: 11px;
        }
    .mag-row .mag-item .img-con {
        width: 140px;
        height: 140px;
        min-width: 140px;
    }
        .mag-row .mag-item .img-con img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    .mag-row .mag-item .txt-con {
        padding: 10px;
        flex-direction:column;
    }
        .mag-row .mag-item .txt-con .ttl {
            font-size: 14px;
            margin-bottom: 5px;
        }
        .mag-row .mag-item .txt-con .dtl {
            font-size: 11px;
        }
        .mag-row .mag-item .txt-con .btn {
            padding: 3px 10px;
        }
            .mag-row .mag-item .txt-con .btn .icon {
                font-size: 21px;
            }
            .mag-row .mag-item .txt-con .btn .txt {
                font-size: 13px;
            }
}