/* Mobile Container */
@media (max-width: 767px) {
    .recommendation-list .grid-2-columns .grid-item {
        width: 100%;
    }

    .grid-2-columns .grid-item {
        /*padding: 0 20px 0 0 !important;*/
        /*margin-bottom: 5px;*/
    }

}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 1140px;
    }
}

.alert {
    border-radius: 10px;
}

.page-menu nav {
    text-align: center;
}

.p-dropdown .p-dropdown-content, .p-dropdown ul.p-dropdown-content {
    border-radius: 10px;
    /*border: 1px solid #eee;*/
    border: none;
    -webkit-box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .12);
    -moz-box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .12);
    box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .12);
}

#header .header-inner, #header #header-wrap {
    background-color: #fff;
    transition: none;
}

.header-extras > ul > li > a:not(.btn), .header-extras > ul > li .topbar-dropdown > .title {
    font-size: 16px;
}

#search .search-suggestion-wrapper {
    display: block;
}

.series-list .container {
    padding: 0 15px;
}

.series-list .product .product-title {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .series-list .container {
        padding: 0 25px !important;
    }
}

@media (max-width: 991px) and (min-width: 1px) {
    #product-page .container {
        padding: 0 !important;
    }

    #recommend-series .container {
        padding: 0 !important;
    }

    #page-content .container {
        padding: 0 0 !important;
    }

    #post-content .container {
        padding: 0 0 !important;
    }

    .recommendation-list .container {
        padding: 0 0 !important;
    }

    .recommendation-list .container .p-r-5,
    .recommendation-list .container .p-l-5 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .curation-list .container {
        padding: 0 20px !important;
    }

    .curation-list .container.flex-container {
        padding: 0 0 !important;
    }

    #page-content .container .sidebar-menu {
        padding: 15px;
    }

    .product-list .col-md-6 {
        /*width: 50%;*/
        padding-left: 5px;
        padding-right: 5px;
    }

    .fullscreen .container {
        padding: 0 15px !important;
    }

    .topic-detail .container {
        padding: 0 !important;
    }

    .menu-container.container {
        padding: 0 !important;
    }

    .topic-list .container h3 {
        margin-left: 15px;
    }

    .curation-item-list .container {
        padding: 0 10px !important;
    }

    .curation-items-container {
        padding: 0 5px !important;
    }

    .curation-items-container .cart-product-description {
        display: none;
    }

    /* Scrollbar */
    .flexbox {
        -ms-overflow-style: none;

    }

    .flexbox.team-members .p-cb {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
        margin-bottom: 10px;
    }

    .flexbox::-webkit-scrollbar {
        display: none;
    }

    .flexbox .product {
        margin-bottom: 10px;
    }

    .container.no-padding-container {
        padding: 0 !important;
    }

    .container.no-padding-container .flexbox .flexbox-card:first-child {
        /*margin-left: 15px;*/
    }

    .container.no-padding-container .flexbox .flexbox-card:last-child {
        /*margin-right: 15px;*/
    }

}

.menu-container .nav-tabs {
    border-bottom: none;
}

/* Recommendation Products */
.widget-shop .product .product-category {
    margin-top: 3px;
}

.widget-shop .product .product-description {
    padding-left: 5px;
    width: 30%;
}

.series-list .product .product-introduction,
.widget-shop .product .product-introduction {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.5em;
    height: 6.0em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
    margin-top: 10px;
    -webkit-line-clamp: 3;
    height: 4.5em;
}

.widget-shop .product .product-image {
    width: 100%;
    float: none;
    padding: 0;
}

.widget-shop .product:last-child {
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.widget-shop .product .product-reviews {
    /*margin-top: -25px;*/
    margin-left: 5px;
    vertical-align: middle;
}

.recommendation-section .product-description .product-reviews {
    margin-top: -23px;
}

@media (max-width: 991px) {
    .widget-shop .product .product-category {
        margin-top: 0;
    }

    .widget-shop .product .product-introduction {
        margin-top: 0;
    }

    .widget.widget-myaccount {
        margin-top: 25px;
        margin-bottom: -15px;
    }

    img.avatar {
        width: 50px;
        height: 50px;
    }
}

/* 프로필 페이지 */
.widget-myaccount .avatar img {
    height: 80px;
    background: #ececec;
}

/* 상품 리스트 */
.product .product-title h3,
.product .product-title h3 a {
    font-size: 15px;
    line-height: 20px;
}

.product .product-category {
    display: inline-block;
}

.product-category a {
    font-size: 11px;
}

.product-author {
    float: right;
    margin-top: 1px;
    font-size: 12px;
    display: inline-block;
}

/* Button */
.btn-long {
    width: 100%;
    margin-top: 15px;
}


.social-icons ul {
    float: right;
}

.social-naver-post a {
    font-weight: 900;
}

.social-icons.social-icons-colored-hover .social-naver-post a:hover {
    background-color: #00c73b;
}

.social-icons.social-icons-colored-hover .social-kakao-story a:hover {
    background-color: #ffe800;
}

/* VueJS */
[v-cloak] {
    display: none;
}

/* Rating */
.vue-star-rating-rating-text {
    width: 15px;
    margin-top: 0 !important;
    color: #555;
}

.form-group .vue-star-rating {
    height: 50px;
}

/* Comment Like Box */
.comment-like-box {
    border: 1px solid #fff;
    padding: 5px 10px 3px 10px;
    border-radius: 5px;
    font-size: 11px;
    margin-left: 5px;
    font-variant-numeric: tabular-nums lining-nums;
}

.comment-like-box:hover {
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .1);
}

.comment-like-box.my-comment {
    border: none;
}

.comment-like-box i {
    margin-right: 3px;
}

.comment-list .vue-star-rating {
    /*display: block !important;*/
    display: inline-block !important;
}

.comment-list .vue-star-rating-rating-text {
    display: none;
}

.comment-list .comment .image a {
    position: absolute;
    z-index: 9999;
}

.recommendation-list .product {
    margin-bottom: 0.8rem !important;
}

.recommendation-list .grid-layout .product {
    margin: 0 !important;
    width: 100%;
}

.average-rating {
    font-size: 11px;
    color: #777;
}

.widget-myaccount .avatar {
    margin-bottom: 5px;
}

a.comment-reply-link {
    margin-right: 5px;
}

div#respond {
    border-bottom: 1px solid #ececec;
}

.comments .comment {
    /*border-bottom: 1px solid #ececec;*/
    padding: 20px 0;
}

.comments .comment:last-child {
    border-bottom: none;
}

.comments .comment .image {
    background: #ececec;
}

.comment.widget.p-cb {
    padding: 20px 15px;
    margin-bottom: 10px;
}

.comments .comment .comment_date {
    margin-right: 15px;
    font-weight: 400;

}

.my-comment .comment_date {
    font-size: 12px;
    margin-right: 15px;
    font-weight: 400;
}

.topic-detail .comments .comment .vote {
    /*display: block;*/
    /*float: left;*/
    /*height: 65px;*/
    /*overflow: visible;*/
    /*width: 45px;*/
    /*text-align: center;*/
    /*position: relative;*/
    /*z-index: 99;*/
    /*font-size: 15px;*/
    float: none;
    height: auto;
    overflow: visible;
    width: 100%;
    position: relative;
    font-size: 15px;
    text-align: right;
    display: inline-block;
}

.topic-detail .up-vote-comment span,
.topic-detail .down-vote-comment span,
.topic-detail .like-comment span,
.topic-detail .dislike-comment span {
    width: 25px;
    display: inline-block;
    text-align: left;
}

.topic-detail .social-icons li {
    display: inline-block;
    width: 45px;
}

.topic-detail .text-center.social-icons ul {
    display: inline-block;
    margin: 0;
    float: none;
}

.topic-detail .comments .comment .text {
    /*padding: 0 0 0 50px;*/
    padding: 0 10px;
}

.topic-detail .comments .comment .text .name {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -2px;
}

.topic-detail .single-post .post-item .post-item-description {
    padding-top: 0;
}

.topic-detail .comment img.avatar {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin-right: 3px;
    background: #ececec;
}

section.topic-detail,
section.topic-list {
    padding: 20px 0;
}

.topic-detail .fa-thumbs-up:hover,
.topic-detail .fa-thumbs-down:hover {
    color: #26B8F3 !important;
    /*background: #ececec !important;*/
}

.topic-detail .up-vote-topic:hover,
.topic-detail .down-vote-topic:hover,
.topic-detail .like-curation:hover {
    color: #fff !important;
}

@media (max-width: 991px) {

    .comments .comment .comment_date {
        display: block;
        margin-bottom: 5px;
        margin-right: 0;
    }

    .my-comment .comment_date {
        display: inline-block;
    }

    .topic-detail .comments .comment .comment_date {
        display: inline-block;
    }

}

.comment-form .comment-content {
    /*margin-top: 15px;*/
}

.comment-form .comment-content .date {
    font-size: 10px;
}

.comment-sm .image {
    width: 50px !important;
    height: 50px !important;;
}

.comment-sm img.avatar {
    width: 50px;
    height: 50px;
}

.comment-sm .text {
    min-height: 50px !important;
}

.comment .name .series-count {
    font-size: 11px;
    color: #999;
    font-weight: 400;
    margin-left: 0;
}

@media (max-width: 991px) and (min-width: 1px) {
    .comments .comment .text .text_holder {
        margin-left: 62px;
    }

    .topic-detail .comments .comment .text .text_holder {
        margin-left: 0;
    }
}

/* 웹소설 정보 */
.product-link {
    display: inline-block;
    margin-top: 3px;
}

.product-link a {
    margin-right: 3px;
    font-size: 10px;
}

.product-introduction {
    word-wrap: break-word;
}

/* 사이드 스크롤 박스 */
.flexbox {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.flexbox .flexbox-card {
    flex: 0 0 auto;
    margin: 0 5px;
    width: 18% !important;
    display: inline-block;
}

.flexbox .flexbox-card:first-child {
    /*margin-left: 10px;*/
    margin-left: 0;
}

.flexbox .flexbox-card:last-child {
    /*margin-right: 10px;*/
}

@media (max-width: 991px) {
    .flexbox .flexbox-card {
        width: 43% !important;
    }

    .testimonial-list .flexbox .flexbox-card {
        width: 83% !important;
    }

    .profile-list .flexbox .flexbox-card {
        /*width: 40% !important;*/
    }
}

.flexbox .blank-card {
    min-width: 15px;
}

/* 상품 리스트 */
@media (max-width: 767px) {
    .shop .col-lg-3,
    .shop .col-12 {
        /*width: 50%;*/
        padding-left: 5px;
        padding-right: 5px;
    }
}

.recommendation-section {
    padding: 40px 0;
}

.recommendation-section h3 {
    margin-bottom: 10px;
}

/* 메인 슬라이드 */
#main-slider {
    /*height: 500px !important;*/
    /*background-color: #333;*/
}

#main-slider .slide {
    /*height: 500px !important;*/
}

#main-slider .owl-stage-outer {
    /*height: 500px !important;*/
}

/* 푸터 */
#footer {
    background-color: #eff1f4;
    margin-top: 30px;
}

footer .list li {
    line-height: 24px;
}

footer ul.genre-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

footer .widget a {
    font-size: 13px;
}

/* 검색 */
.search-suggestion ul {
    line-height: 25px;
}

.search-suggestion ul.genre-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.search-suggestion ul li {
    list-style: circle;
    margin-left: 21px;
}

@media (max-width: 991px) {
    #search .search-suggestion-wrapper {
        display: block;
    }

    #search .search-suggestion-wrapper .search-suggestion {
        width: 100%;
    }

    #search .search-suggestion-wrapper .search-suggestion:nth-child(1),
    #search .search-suggestion-wrapper .search-suggestion:nth-child(2),
    #search .search-suggestion-wrapper .search-suggestion:nth-child(3) {
        margin-left: 0;
        margin-bottom: 30px;
    }

    #search .search-suggestion .list li {
        line-height: 25px;
    }

    #search .search-suggestion-wrapper {
        width: 65%;
    }
}

/*.product .product-title h3, .product .product-title h3 a {*/
/*font-size: 14px;*/
/*}*/

/*.product .product-price {*/
/*width: 100%;*/
/*margin-bottom: 0;*/
/*margin-top: 3px;*/
/*text-align: left;*/
/*}*/

/*.product .product-price ins {*/
/*font-size: 15px;*/
/*}*/

/*.tags a {*/
/*letter-spacing: 0;*/
/*padding: 2px 10px;*/
/*}*/


.post-item-description ul {
    margin-left: 20px;
}

.post-item-description p {
    margin-bottom: 5px;
}

/* 페이지 메뉴 네비게이션 */
/*@media (max-width: 991px) {*/
/*.page-menu nav > ul > li {*/
/*width: auto;*/
/*}*/
/*}*/

/* 웹소설 이미지 크기 */
.series-list .product .product-image,
.product-list .product .product-image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 142% 0 0 0; /* 142% = 100 / (w / h) = 100 / (7 / 19) */
}

.series-list .product .product-image img,
.product-list .product .product-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.breadcrumb .product-sort-select {
    width: 150px;
    margin: 0 auto;
    margin-top: 15px;
    text-align-last: center;
}

.breadcrumb .widget-tags {
    margin-top: 15px;
    margin-bottom: 0;
}

/* 상품 상세 */
.product-page:not(.widget-shop) .product-title h3 {
    font-size: 20px;
}

.vue-star-rating {
    display: inline-block !important;
}

.product .product-reviews, .product .product-reviews a {
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    float: none;
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.product .product-date {
    float: right;
    font-size: 12px;
}

.product-description .seperator {
    margin: 0 auto;
}

.series-list .product .product-description {
    /*padding: 0;*/
}

@media (max-width: 991px) {
    #product-page .product .product-image {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    #product-page .product .product-description {
        display: inline-block;
        width: 68%;
        padding-left: 20px;
    }
}

/* 상세 페이지 */
.review-text {
    text-align: left;
    /*padding-bottom: 15px;*/
    /*border-bottom: 1px solid #ececec;*/
    /*margin-bottom: 15px;*/
}

.review-text .icon-review-write {
    float: right;
    font-size: 20px;
}

.row .p-cb {
    margin: 0;
    width: 100%;
}

.widget .widget-title, .widget > h4 {
    padding-bottom: 15px;
    border-bottom: 1px solid #ececec;
    font-family: "Apple SD Gothic Neo", NanumBarunGothic, "나눔바른고딕", Malgun Gothic, "맑은 고딕", dotum, sans-serif;
}

.review-buttons {
    margin-top: 10px;
}

.review-buttons .p-switch-style {
    margin-right: 5px;
}

.review-buttons .btn {
    float: right;
}

/* 로그인 다이얼로그 */
#login-dialog .close {
    font-size: 35px;
    color: #fff;
}

#login-dialog .btn {
    width: 100px;
}

#login-dialog .btn.btn-light:hover {
    border-color: #ebedf2;
    background-color: #f4f5f8;
    color: #4c5667;
}

.btn-light:hover {
    color: #fff !important;
}

.modal-strip.modal-top {
    transform: translate3d(0px, -500px, 0px);
}

.modal-strip.modal-active {
    transform: translate3d(0px, 0px, 0px);
}

/* 그리드 필터 */
.grid-filter,
.grid-filter ul {
    display: inline-block;
}

@media (max-width: 479px) {
    .grid-filter li {
        width: 33.33%;
    }

}

.grid-filter li a {
    font-size: 18px;
}

@media (max-width: 991px) {
    .grid-filter,
    .grid-filter ul {
        width: 100%;
    }

    .grid-filter li a {
        font-size: 15px;
    }
}

/* summernote */
.form-control.summernotewidget {
    border: none;
    padding: 0;
    min-height: 480px;
}

/* posts 페이지 */
#post-content {
    /*padding: 40px 20px;*/
}

.post-navigation .post-prev-title,
.post-navigation .post-next-title {
    font-size: 13px;
}

.list-lines li {
    padding: 7px 0 5px 2px;
}

.post-item.p-cb {
    padding: 20px 20px 0 20px;
}

.post-item .comments {
    padding: 10px 0;
    border-top: none;
}

.comments .comment_number {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
}

@media (max-width: 991px) {
    .sidebar .widget {
        padding: 15px;
    }
}

.testimonial-item .avatar {
    background: #ececec;
}

/* 랭킹 */
.product .product-hot {
    /*border: 2px solid #fff;*/
    line-height: 15px;
    padding-top: 6px;
    font-size: 10px;
    background: #eb4f4d;
}

.product .product-hot .rank {
    font-size: 17px;
}


.spoiler-button {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}


h3 .link-text {
    font-size: 13px;
    font-weight: 400;
    float: right;
    text-decoration: underline;
}

/* GenderChart */
.series-gender-container {
    height: 170px;
    padding-left: 0;
    padding-right: 0;
}


.series-gender-container .icon-box .icon i {
    font-size: 50px;
}

.series-gender-container .icon-box .icon {
    margin-bottom: 0 !important;
}

.series-gender-container .icon-box.center p {
    font-size: 14px;
    margin-top: 5px;
    line-height: 21px;
}

.series-gender-container .icon-box.center p .review-count {
    font-size: 13px;
}

.series-gender-container tspan {
    font-size: 12px;
}

/* Sort Buttons */
.sort-buttons a.active {
    color: #26B8F3;
}

.sort-buttons a {
    font-size: 12px;
}

.sort-buttons {
    padding: 0 15px;
}

@media (max-width: 991px) {
    .sort-buttons i {
        display: none;
    }
}

/* profile list */
.profile-list .profile-circle {
    max-width: 80px;
}

.profile-list .average-rating {
    font-size: 11px !important;
    display: block;
    color: #777 !important;
    margin-top: 5px;
}

.profile-author-list .profile-circle {
    width: 80px;
    height: 80px;
    border: 3px solid #23d2e2;
}

.profile-list .team-members .team-member {
    border-radius: 10px;
}

.profile-list .team-members .team-member .team-desc {
    padding-bottom: 10px;
}

/* profile page */
.profile-page .grid-item {
    padding: 0 4px !important;
}

.profile-page .grid-layout {
    opacity: 0;
}

@media (max-width: 767px) {
    .profile-page .grid-2-columns .grid-item {
        width: 100%;
    }

    .profile-page .grid-2-columns .grid-item {
        padding: 0 20px 0 0 !important;
    }
}

.profile-icon-chart {
    padding-top: 5px;
    padding-right: 15px;
    font-size: 18px;
}

/* .pagination */
.pagination {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Banner */
@media (max-width: 992px) {
    .inspiro-slider .slide-captions > p {
        font-size: 14px;
    }
}

/* Topic */
.topic-list .post-item {
    width: 100%;
    padding: 0;
    /*border-bottom: 1px solid #eee;*/
}

.topic-list .post-item hr {
    margin-left: -28px;
    margin-right: -29px;
    border-top: 1px solid #efefef;
}

.topic-list .post-item:last-child hr {
    /*border-bottom: none;*/
    display: none;
}

.topic-list .post-item .post-item-description {
    /*padding: 15px 20px 4px 20px;*/
    padding: 10px 0 0 0;
}

.topic-list .post-item .post-item-description > h2,
.topic-list .post-item .post-item-description > h2 > a {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0;
    font-weight: 400;
}

.topic-list .post-item .post-item-description .post-meta-date,
.topic-list .post-item .post-item-description .post-meta-comments,
.topic-list .post-item .post-item-description .post-meta-category {
    font-size: 11px;
}

.topic-list .post-item .post-item-wrap {
    border-radius: 10px;
}

.topic-list .post-item.border > .post-item-wrap > .post-item-description {
    padding-bottom: 10px !important;
}

.topic-list .avatar-sm {
    width: 25px !important;
    height: 25px !important;
    margin-right: 5px;
}

@media (max-width: 991px) and (min-width: 1px) {
    .topic-list .container {
        padding: 0 !important;
    }
}

/* Curation */
.curation-list .curation-image a {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #ececec;
}

.curation-list .curation-image a {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.curation-list .curation-image img {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    /*max-height: 130px;*/
    /*min-height: 120px;*/
    height: 125px;
    width: 50%;
}

.curation-list .product .product-title {
    max-width: 100%;
}

@media (max-width: 991px) and (min-width: 1px) {
    .curation-list .curation-image img {
        height: 95px;
    }

    /*.curation-list .container .flexbox {*/
    /*    padding-left: 5px !important;*/
    /*    padding-right: 5px !important;*/
    /*}*/

}

.curation-list .curation-image img {
}

.curation-image {
    /*padding: 8px;*/
    /*background: #ececec;*/
    /*border-radius: 5px;*/
}

.curation-container .product {
    padding: 5px;
    margin-bottom: 15px;
}

.flexbox .curation-container .product {
    padding: 0;
}

.curation-image {
    padding: 0;
    background: #fff;
    border-radius: 0;
}

.curation-container .product-category {
    font-size: 12px;
}

.shop-cart .cart-product-thumbnail img {
    margin-top: 10px;
}

@media (min-width: 991px) {
    #product-page .p-dropdown.p-dropdown-invert .p-dropdown-content, .p-dropdown.p-dropdown-invert ul.p-dropdown-content {
        bottom: 45px;
    }
}

.btn-light.btn-shadow:hover {
    color: #555 !important;
}

.btn-light.btn-shadow.btn-rounded:hover {
    color: #fff !important;
}

.p-dropdown ul.p-dropdown-content,
.p-dropdown ul.p-dropdown-content li {
    transition: none;
}

.p-dropdown ul.p-dropdown-content li:hover {
    background: #fff;
    box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .1);
    border-radius: 10px;
    font-weight: 600;
}

#topbar .top-menu > li {
    margin-right: 5px;
}

/*@media (min-width: 991px) and (max-width: 1246px) {*/
/*    #mainMenu.menu-center nav {*/
/*        overflow: hidden;*/
/*        display: block;*/
/*        position: relative;*/
/*        height: 80px;*/
/*    }*/
/*}*/

/* Level Badge */
.level-badge {
    font-size: 8px !important;
    line-height: 8px !important;
    display: inline-block !important;
    color: #212529 !important;
    font-weight: 600 !important;
}

/* Level Progress bar */
.experience-bar {
    background: #26B8F3;
}

/* profile tags */
.my-tags a {
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 11px;
    padding: 1px 11px;
}

.my-tags a.active {
    background-color: #fff;
    color: #23d2e2;
}

#mainMenu nav ul li.active a {
    color: #23d2e2;
}

.comment-widget .testimonial .testimonial-item > p {
    padding-top: 0;
    margin-top: 0;
}

@media (max-width: 992px) {
    .comment-widget .testimonial.testimonial-single .testimonial-item {
        padding: 10px 0;
    }

    .comment-widget.widget .testimonial .testimonial-item > img {
        margin: 0 0 20px 0;
        height: 40px;
        width: 40px;
    }

    .comment-widget.widget .testimonial .testimonial-item > p,
    .comment-widget.widget .testimonial .testimonial-item > span {
        margin-left: 55px;
    }
}

.skip-buttons div {
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .skip-buttons span i {
        display: none;
    }
}

/* Tab */
.series-list .tabs.tabs-clean .nav-tabs .nav-link {
    padding: 5px 15px;
    border-radius: 50px;
    /*border: 2px solid #ddd;*/
    /*margin: 0 2px;*/
    border: none;
}

.series-list .tabs.tabs-clean .nav-tabs .nav-link.active {
    /*border-radius: 50px;*/
    /*border-color: #23d2e2;*/
    border-bottom: 4px solid #23d2e2;
    color: #3e3f5e;
    border-radius: 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.series-list .tabs .nav-tabs .nav-link.active {
    color: #23d2e2;
    /*border-bottom: 2px solid #23d2e2;*/
    /*border: 2px solid #23d2e2;*/
}

.series-list .tabs {
    text-align: center;
}

.series-list .tabs .nav {
    display: inline-block;
    text-align: center;
    /*border-bottom: 1px solid #eaeaf5;*/
}

.series-list .tabs .nav .nav-item {
    display: inline-block;
}

/* coupang ad */
.display-coupang ins {
    display: block !important;
    min-height: 250px;
}

.display-coupang {
    min-height: 250px;
}

/* Main Slider */
.main-slider {
    overflow: hidden;
}

.main-slider img {
    width: 100%;
}

.main-slider .owl-item {
    display: inline-block;
}

.owl-nav.disabled, .owl-dots.disabled {
    display: none;
}

.main-slider-container {
    padding-top: 10px;
}

@media (max-width: 992px) {
    /*.main-slider-container .container {*/
    /*    padding: 0 !important;*/
    /*}*/
    .main-slider-container {
        padding-top: 0;
    }
}

/* Heading Text */
.heading-text.heading-section > h2:before {
    background-color: #26B8F3;
}

.heading-text.heading-section > h2 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 55px;
}


#product-page .product .product-image,
.curation-list .product .product-image,
.series-list .product .product-image > a, .series-list .product .product-image img {
    border-radius: 10px;
}

.recommendation-list .product .product-image > a, .recommendation-list .product .product-image img {
    object-fit: fill;
    width: 100%;
    max-width: 100%;
    /*max-height: 160px;*/
    border-radius: 10px;
}

.series-list .grid-item .product hr {
    margin-left: -20px;
    margin-right: -20px;
}


.page-menu nav > ul > li > a {
    font-size: 14px;
}

/* Heading Text */
section .heading-text {
    margin-bottom: 15px;
}

section .heading-text h4 {
    margin-bottom: 15px;
    font-size: 1.625rem;
    font-weight: 700;
    color: #3e3f5e;
    margin-left: 3px;
}

@media (max-width: 991px) and (min-width: 1px) {
    section .heading-text h4 {
        padding-left: 15px;
    }
}


/* Page Menu */
.page-menu.menu-creative {
    background-color: transparent;
    border: none;
}

.page-menu.menu-creative nav {
    background-color: transparent;
}

.page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a {
    font-size: 1.1rem;
    font-weight: 700;
}

.page-menu.menu-creative nav > ul > li > a:after {
    background: #23d2e2;
    height: 3px;
}

@media (max-width: 991px) {
    .page-menu.menu-creative nav {
        border: none;
    }

    .page-menu.menu-creative nav > ul > li.active > a {
        border-bottom: 3px solid #23d2e2;
        font-size: 1.1rem;
        font-weight: 700;
        color: #3e3f5e;
    }

    .page-menu.menu-creative nav > ul > li > a:after {
        background: #23d2e2;
        height: 3px;
    }
}


/* Section Header */
.section-header {
    /*padding-top: 1.2rem !important;*/
    padding-top: 1.9rem !important;
    padding-bottom: 0 !important;
    margin-bottom: 1rem !important;
}

.section-header .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 992px) {
    .section-header .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.section-header .header-title {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    text-align: left;
}

.section-header .header-content {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    text-align: left;
}

@media (min-width: 992px) {
    .section-header .header-content {
        text-align: right;
    }
}

.section-header .header-title .heading-text {
    margin-bottom: .25rem !important;
    padding-left: 0 !important;
}

@media (min-width: 768px) {
    .section-header .header-title .heading-text {
        margin-bottom: 0 !important;
    }
}

.section-header .header-title .heading-text h4 {
    -ms-flex-item-align: center !important;
    align-self: center !important;
    margin-bottom: .25rem !important;
    padding-left: 0 !important;
}

@media (min-width: 768px) {
    .section-header .header-title .heading-text h4 {
        margin-bottom: 0 !important;
    }
}

/* Like, Dislike Button */
.button-container {
    background-color: #fcfcfd !important;
}

.like-btn, .dislike-btn {
    border: none !important;
    color: #666 !important;
    font-weight: 700;
    background: transparent !important;
    box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .1) !important;
}

/*button.like-btn.btn:not(.btn-shadow):focus,*/
.like-btn.btn:not(.close):not(.mfp-close):not(.btn-shadow):focus,
.dislike-btn.btn:not(.close):not(.mfp-close):not(.btn-shadow):focus,
.like-btn:hover, .dislike-btn:hover,
.like-btn.active, .dislike-btn.active {
    box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .1) !important;
    background: #fff !important;
    color: #3e3f5e !important;
}

.like-btn i, .dislike-btn i {
    font-size: 15px;
}

/*.like-btn.active i, .like-btn:hover i {*/
.like-btn.active i {
    color: #23d2e2;
}

/*.dislike-btn.active i, .dislike-btn:hover i {*/
.dislike-btn.active i {
    /*color: #CA0027;*/
    color: #eb4f4d;
}


/* Comment Like, Dislike, Report Button */
.comment-actions {
    height: 30px;
}

.disable-btn {
    max-height: 13px !important;
    padding: 0 14px;
}

.disable-btn,
.comment-like-btn, .comment-dislike-btn, .comment-report-btn {
    border: none !important;
    color: #666 !important;
    font-weight: 700;
    background: transparent !important;
    margin-bottom: 0 !important;
    line-height: 13px !important;
    font-size: 11px !important;
    height: 25px !important;
    padding: 0 8px !important;
    border-radius: 5px !important;
}

.comment-like-btn, .comment-dislike-btn, .comment-report-btn {
    border: 1px solid #efefef !important;
}


/*.comment-like-btn:hover, .comment-dislike-btn:hover,*/
/*.comment-like-btn.active, .comment-dislike-btn.active,*/
/*.comment-report-btn.active, .comment-report-btn.active*/

.comment-like-btn:hover, .comment-dislike-btn:hover,
.comment-like-btn.active, .comment-dislike-btn.active,
.comment-report-btn.active, .comment-report-btn.active {
    /*box-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .1) !important;*/
    background: #fff !important;
    color: #3e3f5e !important;
}

.comment-like-btn i, .comment-dislike-btn i, .comment-report-btn i {
    font-size: 12px;
}

/*.comment-like-btn.active i, .comment-like-btn:hover i {*/
.comment-like-btn.active i {
    color: #23d2e2;
}

/*.comment-dislike-btn.active i, .comment-dislike-btn:hover i {*/
.comment-dislike-btn.active i {
    color: #615dfa;
}

/*.comment-report-btn.active i, .comment-report-btn:hover i {*/
.comment-report-btn.active i {
    color: #eb4f4d;
}

/* Card Custom Summary */
.card.card-custom .summary {
    margin-top: 10px;
    font-size: 13px;
}

.card.card-custom .summary i {
    margin-right: 5px;
    margin-left: 8px;
}

.card.card-custom .summary i:first-child {
    margin-left: 0;
}

/* Series Search Form */
.series-search-form input {
    width: 250px !important;
    height: 30px;
    margin-right: 5px;
}

.series-search-form .btn {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

@media (max-width: 991px) and (min-width: 1px) {
    .series-search-form input {
        width: 110px !important;;
    }
}

/* Series Slider */
.series-slider .product {
    margin-bottom: 0;
}

/* Rating Tooltip */
.series-rateit[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

.series-rateit[data-title]:after {
    content: attr(data-title);
    position: absolute;
    /*top: -7.1em;*/
    /*left: 13%; */
    top: -6.1em;
    left: 2%;
    padding: 4px 8px 4px 8px;
    color: #222;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
    /*-moz-box-shadow: 0px 0px 4px #222;*/
    /*-webkit-box-shadow: 0px 0px 4px #222;*/
    /*box-shadow: 0px 0px 4px #222;*/
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

.series-rateit[data-title] {
    position: relative;
}

/* Topic List */
.topic-list .p-cb {
    padding: 0;
}

.topic-list .topic-item {
    border-bottom: 1px solid #efefef;
}

.topic-list .topic-item.featured {
    background: #fafafa;
}

.topic-list .topic-item:last-child {
    border-bottom: none;
}

.topic-list .topic-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.topic-list .topic-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.topic-list .topic-item .topic-item-content {
    padding: 20px 30px;
}

.topic-list .topic-item:first-child .topic-item-content {
    padding-top: 30px;
}

.topic-list .topic-item:last-child .topic-item-content {
    padding-bottom: 30px;
}

.topic-list .topic-item .topic-item-icons {
    font-size: 11px;
    color: #c2c2c2;
}

.topic-list .topic-item .topic-item-icons i {
    margin-left: 8px;
}

.topic-list .topic-item .topic-item-icons i:first-child {
    margin-left: 0;
}


/* Series Comments */
.series-detail .comments .comment .text {
    padding: 0 0 0 25px;
    width: 100%;
}

.series-detail .comments .comment .text .text_holder {
    width: 100%;
}

.series-detail .comments .comment .text .text_holder.slide-down {
    padding-top: 7px;
}

@media (max-width: 991px) and (min-width: 1px) {
    .series-detail .comments .comment .text .text_holder {
        margin-left: 0;
    }

    .series-detail .comments .comment .text {
        padding: 0 0 0 13px;
    }
}

/* Series Comment Form */
.series-rating-form-container {
    height: 45px !important;
    width: 100%;
}

.series-rating-form-container .series-rateit {
    height: 45px;
}

.series-rating-container {
    /*display: inline-block;*/
}

.series-rating-form-container .series-rating-icon {
    float: right;
    display: inline;
    line-height: 45px;
    height: 45px;
    margin-top: -47px;
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
    cursor: pointer;
}

.series-rating-form-container .series-rating-icon i {
    font-size: 20px;
}

.series-rating-container hr {
    margin-left: -20px;
    margin-right: -20px;
}

.series-comment-rating-text {
    line-height: 13px;
    padding-top: 0;
    margin-top: 0;
    font-size: 0.8rem;
    text-align: center;
}


@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.product-title h3 {
    font-weight: bold;
    color: #222;
}

.topic-item .topic-item-content h5 a,
.team-member .team-desc .single-line a,
.testimonial-item span a {
    color: #222;
}