﻿.nav-link dropdown-toggle, .nav-item {
    font-family: 'Kanit' !important;
}

.flags-w-20 {
    width: 20px !important;
    opacity: 0.7;
    margin-right: 5px;
}
.navbar-nav.sm-collapsible .sub-arrow {
    width: 100% !important;
}

    .navbar-nav.sm-collapsible .show > a > .sub-arrow::before, .navbar-nav.sm-collapsible .sub-arrow::before {
        text-align: right !important
    }

.banner--stick.transparent, .banner--stick:not(.navbar-dark) {
    box-shadow: 0px 0px 5px rgba(18, 23, 39, 0.5);
    background: rgba(255,255,255,.97);
}

.progress-wrap.active-progress {
    opacity: 1;
}

.btn-expand.btn-soft-primary {
    color: #3e4474;
}

.btn-soft-primary {
    background-color: #e0e9fa;
    color: #2b55a1;
}

.post-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .7rem;
    color: #1e1e1e;
}

.btn-soft-sky {
    background-color: #e5f4fd;
    color: #225675;
}

#launcher {
    right: 80px !important;
    bottom: 16px !important
}

@media (max-width: 767px) {
    #launcher {
        right: 65px !important;
        bottom: 17px !important
    }
}

footer .widget .list-unstyled:not(.tag-list) li + li {
    margin-top: 0px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

@media (max-width: 767px) {
    .col-xs-6 {
        width: 50%; /* ปรับความกว้างเมื่อความกว้างหน้าจอน้อยกว่า 768px */
        flex: 0 0 auto;
    }

    .col-xs-12 {
        width: 100%; /* ปรับความกว้างเมื่อความกว้างหน้าจอน้อยกว่า 768px */
        width: 50%; /* ปรับความกว้างเมื่อความกว้างหน้าจอน้อยกว่า 768px */
        flex: 0 0 auto;
    }

    .row-cols-xs-3 > * {
        flex: 0 0 auto;
        width: 33.33333% !important;
    }

    .row-cols-xs-4 > * {
        flex: 0 0 auto;
        width: 25% !important;
    }

    .r256703241446 .row {
        margin: 0px !important;
    }

    .r256703241446 .col-xs-6 {
        width: 50%; /* ปรับความกว้างเมื่อความกว้างหน้าจอน้อยกว่า 768px */
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 10px;
    }

    .r256703241446 .col-xs-12 {
        width: 100%; /* ปรับความกว้างเมื่อความกว้างหน้าจอน้อยกว่า 768px */
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 10px;
        margin-bottom: 15px;
    }


    .xsZoom {
        /* transform: scale(1);*/
    }

    .none-mobile {
        display: none !important;
    }

    .none-pc {
        display: unset !important;
    }
}

.none-pc {
    display: none;
}

.nav-link {
    color: #4d4d4d;
}

.accordion-wrapper .card-header button.collapsed:before {
    content: "\e900";
}

.accordion-wrapper .card-header button:before {
    margin-top: 0px;
}