﻿/*≥320px (small mobile)*/
@media (max-width: 479px) {
    .how_work_img_serial .how_work_img{
        height:40px!important;
    }
    .how_work_box {
        margin-top: 20px
    }

    .line_animation {
        width: 92% !important;
    }

    .how_work_text {
        margin: 0 auto;
        max-width: 170px;
    }

        .how_work_text h4 {
            font-size: 16px;
            padding: 10px 0px 0px 0px;
        }

        .how_work_text h6 {
            font-size: 13px;
            line-height: 1.5;
        }

    .how_work_img i {
        font-size: 40px;
    }

    .how_work_section {
        padding: 20px 0px 30px;
        position: relative;
    }
    .category-chip.active {
        text-decoration: underline;
        border-radius: 4px !important;
        color: #000091 !important;
        font-weight: 600;
        pointer-events: none; /* disable clicking */
        cursor: default; /* show disabled cursor */
        opacity: 0.8; /* optional: make it look less clickable */
    }
    .counter-content .countdown li > span {
        font-size: 3em;
    }
    .menu-small .nav-link, .menu-small .dropdown-item {
        font-size: 13px;
    }

    .navbar-nav menu-small {
        padding: 0;
    }

    .custome-container {
        max-width: 92% !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 30px 13px;
    }
    .home-hero {
        position: relative;
        background-image: url(/images/Kbach-1.png), url(/images/Kbach-2.png);
        background-position: -2.5vw 15%, 76vw 15%;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 57%, auto 57%;
        background-color: #fff;
        z-index: 1;
    }

    .welcome-image {
        object-fit: cover;
        max-width: 500px !important;
        height: 180px;
        width: 100%;
        margin: 0 auto 5px auto;
    }

    .lead p {
        font-size: 3.8vw;
    }

    .video-thumbnail-wrapper {
        height: 52vw;
        cursor: pointer;
    }
    .media-photo-container > img {
        max-height: 52vw;
    }
        .media-photo-container {
          
            padding: 5px;
            margin-top: 10px;
        }

        .entry-content {
            font-size: 12px;
            line-height: 24px;
        }

        .type-post .post-date span {
            font-size: 16px;
            margin-top: 0px;
        }

        .type-post .post-date {
            width: 55px;
            height: 55px;
            padding: 5px 0;
        }

        .navbar-brand img {
            max-height: 24vw;
        }

        .navbar-toggler-size {
            font-size: 10px;
            padding: 5px;
        }

        .countdown-container h3 {
            font-size: 21px;
            letter-spacing: 1px;
            line-height:1.5em;
        }

        #countdown {
            font-size: 2.4vw;
        }

        .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;
            }

        .last-news-img {
            width: 100%;
            height: 100%;
            max-height: 320px;
            object-fit: contain;
        }

        .latest-block-box .type-post {
            padding: 0
        }

            .latest-block-box .type-post .blog-content {
                padding: 10px
            }

        .nav-tabs.flat-tabs .nav-link {
            font-size: 1.05em;
            padding: 0.75rem 1rem;
            width: 120px;
        }

        .meeting-box {
            padding: 0;
        }

        .reserve-padding-small-screen {
            padding: 0;
        }

        .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: 55px 25px 13px;
        }

        .section-title {
            margin-bottom: 20px;
        }
    }