/* Tablet Portrait (768px – 1023px) */

@media (min-width: 768px) and (max-width: 991px) {
    .line_animation {
        width: 700px !important;
    }
    .how_work_box {
        margin-top: 20px
    }
    .line_animation {
        width: 95% !important;
    }

    .how_work_text {
        margin: 0 auto;
        max-width: 170px;
    }

        .how_work_text h4 {
            font-size: 18px;
            padding: 10px 0px 5px 0px;
        }

        .how_work_text h6 {
            font-size: 14px;
            line-height: 1.857;
        }
    .how_work_img i {
        font-size: 40px;
    }
    .how_work_section {
        padding: 50px 0px 50px;
        position: relative;
    }
    .section-title {
        margin-bottom: 20px;
    }
    .navbar-brand img {
        max-height: 130px;
    }
    .counter-content .countdown li > span {
        font-size: 1.5em;
    }
    .menu-small .nav-link, .menu-small .dropdown-item {
        font-size: 13px;
    }

    .navbar-nav menu-small {
        padding: 0;
    }

    .custome-container {
        max-width: 700px !important;
        margin: auto;
    }
    .news-one__content {
        position: relative;
        display: block;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
        padding: 30px 35px 13px;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: 1% 30%, 99% 30%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 22vw, auto 22vw;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 240px;
        width: 100%;
        margin-bottom:25px;
    }

    .lead p {
        font-size: 15px;
        font-weight: 600;
    }

    .navbar-brand img {
        max-height: 100px;
        height: auto;
        width: auto;
    }

    .three-line-truncate p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 6em;
        line-height: 1.5em;
    }

    .nav-tabs.flat-tabs .nav-link {
        font-size: .8em;
        padding: 0.75rem 1rem;
        width: 110px;
    }

    .latest-block-box .type-post .blog-content {
        padding: 0 0 0 20px;
        position: initial;
    }

    .last-news-img {
        width: 150px;
        height: 190px;
        object-fit: cover;
    }

    .type-post .blog-content .entry-title h3 a {
        font-size: 15px;
        margin: 15px 0 0 0;
    }

    .three-line-truncate p {
        max-height: 6em;
        line-height: 2em;
    }

    .entry-content {
        font-size: 10px;
        line-height: 24px;
    }

    .type-post .post-date span {
        font-size: 12px;
        margin-top: -3px;
    }

    .type-post .post-date {
        width: 45px;
        height: 45px;
        padding: 5px 0;
    }

    .tab-scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        width: 100%;
    }

        .tab-scroll-container::-webkit-scrollbar {
            display: none;
        }

        .tab-scroll-container .nav-tabs {
            flex-wrap: nowrap !important;
        }

        .tab-scroll-container .nav-item {
            width: 115px;
        }

        .tab-scroll-container .nav-link {
            width: auto;
        }
    .video-thumbnail-wrapper {
        height: 400px;
        cursor: pointer;
    }

    .media-photo-container {
        height: 280px;
        padding: 5px;
    }
    .detail-post-title {
        font-size: 1.6em;
        line-height: 1.4em;
        font-weight: bold;
        color: #000091;
    }

    .detail-post-publish_date {
        font-size: 13px;
        color: grey;
    }
    .detail-post-title {
        font-size: 1.5em;
        line-height: 1.4em;
        font-weight: bold;
        color: #000091;
    }

    .detail-post-publish_date {
        font-size: 12px;
        color: grey;
    }

    .text-xs {
        font-size: 0.7rem !important;
    }
    .news-one-press__content {
        padding: 30px 55px 13px;
    }
}