/*<?php echo wow_get_custom_excerpt_title(75); ?><a href="<?php the_permalink(); ?>">...</a>*/


/*Pagination Page Blog*/
#comment-nav-below {
    margin:10px 0 20px;
}

.container-blog {
    padding-bottom: 25px;
}

.banner-blog-detail-news {
    position: relative;
    background: #FFFFFF;
    margin: 0 4rem;
    transform: translateY(-30%);
    padding: 1em 2em;
}

.banner-blog-detail-news . {
    position: relative;
}

.two-row-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-row-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#comment-nav-below .page-numbers,.page-links a {
    background:#555;
    padding:7px 15px;
    color:#fff;
    font-size:11px;
}
#comment-nav-below .page-numbers.current,#comment-nav-below .page-numbers:hover,.page-links a:hover {
    background: #777;
}
.screen-reader-text {
    display: none;
}
.pagination {
    clear: both;
    position: relative;
    line-height: 13px;
    margin-top: 10px;
    text-align: center;
}
.pagination span,.pagination a {
    display:block;
    float:left;
    margin:2px 2px 2px 0;
    padding:10px 15px 14px;
    text-decoration:none;
    width:auto;
    color: #6f7782;
    font-weight: 600;
}
.pagination a:hover {
    color:#fff;
    background:#777;
}
.pagination .current {
    padding:10px 15px 14px;
    color: blue;
    font-weight: 600;
}

.wp-block-image, .size-large {
    width: 100%;
}

.wp-block-image > img, .size-large > img {
    width: 100%;
    height: 100%;
}

.blog-main-header-right .blog-main-item {
    margin-bottom: 15px;
    flex: 1
}

.blog-main-header-right .blog-main-item:last-child {
    margin-bottom: 0;
}
.blog-main-1-content-items {
    overflow: hidden;
}

.blog-main-1-content-items img {
    transition: .3s;
}

.blog-main-1-content-items:hover img {
    transform: scale(1.2);
}

.img-offer-blog-detail {
    overflow: hidden;
}


/*End pagination Page Blog*/


@media (max-width: 1025px) {
    .container-blog {
        /*padding-top: 40px;*/
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .prev, .next {
        width: 5%;
    }

    .banner-blog-detail-news-title {
        font-size: 1.1rem;
    }

    .banner-blog-detail-news-content {
        font-size: 1.5rem;
    }

    .content-main-detail-blog iframe {
        max-height: 220px;
    }

    .blog-main-header-title {
        padding-top: 15px;
        width: 90%;
        margin: auto;
        padding-bottom: 25px;
    }

    .blog-main-header {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
    }

    .blog-main-header-left{
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-main-header-right{
        width: 100%;
    }

    .blog-main-header-content {
        padding: 15px;
    }

    .height-blog-note {
        padding-top: 30px;
    }

    .height-blog {
        padding-top: 25px;
    }

    .blog-main-1 {
        margin: auto;
        padding-top: 25px;
    }

    .button-white-devices {
        margin-top: 20px;
    }

    .content-box-blog-items-note {
        padding-top: 20px;
    }

    .content-banner-blog {
        width: 90%;
        padding-top: 85%;
        margin: auto;
    }

    .detail-header-blog-banner {
        line-height: 114%;
    }

    /*.header-blog-detail {*/
    /*    padding-top: 130px;*/
    /*}*/

    .registration-blog-detail , .involve-blog-detail {
        display: none;
    }

    .content-main-blog-detail {
        margin: auto;
        background: #ffffff;
        padding: 0 15px;
    }

    .offer-blog-detail-title {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .offer-blog-detail {
        margin: auto;
        /*padding-bottom: 80px;*/
    }

    .blog-padding-items {
        padding: 15px 25px;
    }

    .blog-main-1-content-items {
        margin-bottom: 15px;
    }

    .blog-main-1-content-items-note {
        padding-top: 20px;
    }

    .main-detail-blog-note {
        width: 100%;
        padding: 15px 0;
        color: #333333;
    }

    .img-offer-blog-detail {
        height: 200px;
    }

    .content-offer-blog-detail-pc {
        display: none;
    }
    .content-offer-blog-detail-mobile {
        display: block;
    }

    .banner-blog-detail {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 70vh;
    }

    .banner-blog-detail-news {
        position: absolute;
        bottom: -25px;
        margin: 0 18px;
        width: 90%;
    }

    .banner-blog-detail > img {
        width: 100%;
    }

    .content-banner-blog-detail {
        width: 85%;
        position: absolute;
        left: 10%;
        right: 10%;
    }

    .content-blog-detail {
        width: 100%;
        margin-top: -25px;
        /*padding-top: 110px;*/
    }

    .banner-blog-detail-news {
        padding: 1rem;
    }

    .title-mobile-blog {
        font-size: 26px;
        line-height: 105%;
    }

    .description-mobile-hide {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .banner-blog-detail-news-title {
        font-size: 1.5rem;
    }

    .banner-blog-detail-news-content {
        font-size: 2rem;
    }

}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .container-blog {
        /*padding-top: 40px;*/
    }
    /*.img-header-blog {*/
    /*    background-image: url("/securitybox/wp-content/themes/securitybox_v3/img/img-v3/icon/blog-img.svg");*/
    /*    margin-top: 180px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*    width: 100%;*/
    /*    height: 480px;*/
    /*    margin-bottom: 40px;*/
    /*}*/

    .header-blog-detail {
        padding-top: 0px;
    }

    .blog-main-header-title {
        padding-top: 15px;
        width: 90%;
        margin: auto;
        padding-bottom: 25px;
    }

    .blog-main-header {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
    }

    .blog-main-header-left{
        width: 100%;
        margin-bottom: 20px;
    }

    .blog-main-header-right{
        width: 100%;
    }

    .blog-main-header-content {
        padding: 15px;
    }

    .height-blog-note {
        padding-top: 30px;
    }

    .height-blog {
        padding-top: 25px;
    }

    .blog-main-1 {
        margin: auto;
        padding-top: 25px;
    }

    .blog-main-1-title {
        padding-bottom: 20px;
    }

    .button-white-devices {
        margin-top: 20px;
    }

    .content-box-blog-items-note {
        padding-top: 20px;
    }

    .content-offer-blog-detail-pc {
        display: block;
    }

    .content-offer-blog-detail-mobile {
        display: none;
    }
}


@media screen and (min-width: 1025px) {
    .prev, .next {
        width: 2%;
    }

    .blog-main-header-title {
        padding-top: 15px;
        width: 80%;
        margin: auto;
        padding-bottom: 25px;
    }

    .blog-main-header {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;

        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .blog-main-header-left {
        width: 60%;
    }

    .blog-main-header-right {
        width: 38.5%;
    }

    .blog-main-header-content {
        padding: 12px 25px;
    }

    .height-blog-note {
        padding-top: 47px;
    }

    .blog-main-1 {
        margin: auto;
        padding-top: 25px;
    }

    .blog-title-1 {
        padding-top: 50px;
    }

    .blog-main-1-title {
        padding-bottom: 15px;
    }

    .button-white-devices {
        margin-top: 40px;
    }

    .content-box-blog-items {
        min-height: 190px;
        max-height: 240px;
        height: 100%;
        position: relative;
    }

    .content-box-blog-items-note {
        position: absolute; bottom: 20px;
    }

    /*.img-header-blog {*/
    /*    background-image: url("/securitybox/wp-content/themes/securitybox_v3/img/img-v3/icon/blog-img.svg");*/
    /*    margin-top: 180px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*    width: 100%;*/
    /*    margin-bottom: 40px;*/
    /*    height: 540px;*/
    /*}*/

    .content-banner-blog {
        width: 80%;
        margin: auto;
    }

    .detail-header-blog-banner {
        width: 95%;
    }

    .content-main-blog-detail {
        margin: auto;
        padding-bottom: 25px;
    }

    .content-main-detail-blog {
        /*width: 51.5%;*/
        background: white;
        padding: 30px 30px 55px 30px;
        height: 100%;
    }

    .offer-blog-detail {
        margin: auto;
    }

    .related-post-wrapper {
        max-height: 250px;
        height: 100% !important;
    }

    .related-post-wrapper .title-post {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .blog-main-1-content {
        margin-bottom: 25px;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .blog-main-1-content-items {
        width: 32.3%;
    }

    .blog-padding-items {
        padding: 20px;
        height: 200px;
        position: relative;
    }

    .img-offer-blog-detail {
        height: 250px;
    }

    .content-offer-blog-detail-mobile {
        display: none;
    }

    .banner-blog-detail {
        width: 80%;
        z-index: 10;
        margin: 0 auto;
    }

    .banner-blog-detail > img {
        width: 100%;
    }

    .content-banner-blog-detail {
        width: 40%;
        position: absolute;
        left: 10%;
        right: 10%;
    }

    .content-blog-detail {
        width: 100%;
        /*padding-top: 25px;*/
    }

    .blog-about-us {
        padding-top: 120px;
    }

    .description-mobile-hide {
        display: block;
    }
}


@media only screen and (min-width: 1600px) {
    /*.img-header-blog {*/
    /*    height: 732px;*/
    /*}*/

    .blog-padding-items {
        padding: 32px;
        min-height: 230px;
        max-height: 250px;
        position: relative;
    }

    .related-post-wrapper {
        max-height: 250px;
        min-height: 100px;
        height: 100%;
    }

    .related-post-wrapper .title-post {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .content-main-detail-blog {
        /*width: 53.5%;*/
        background: white;
        padding: 40px 40px 65px 40px;
    }

    .img-offer-blog-detail {
        height: 300px;
    }

    .banner-blog-detail > img {
        width: 100%;
    }

    .content-blog-detail {
        width: 100%;
        /*padding-top: 35px;*/
    }

    .blog-main-header-title {
        padding-top: 15px;
        width: 80%;
        margin: auto;
        padding-bottom: 35px;
    }

    .blog-main-header-content {
        padding: 15px 30px;
    }
}


@media only screen and (min-width: 1920px) {

}