﻿
@media (max-width:768px) {
    .home-banner .banner-desktop-show {
        display: none
    }

    .home-banner .banner-mobile-show {
        display: block;
        height: 100%;
    }
    .group-check-serial {
        width: 100%;
        margin: 0 auto;
    }

    .section-2 .inner-section-2 .nav-tabs .nav-item .nav-link {
        /* width: 50%; */
        min-width: 100px;
        padding: 8px 12px;
        font-size: 12px;
    }

    .section-21 .inner-item .inner-image {
        margin-bottom: 50px;
        margin-top: 10px;
    }

    .mobile-bottom-menu .inner-item span {
        font-size: 10px;
        margin-top: 4px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 13ch;
    }

    .mobile-none {
        display: none !important
    }

    .pc-none {
        display: block !important;
        overflow: hidden;
    }

    .section-21 .inner-item .inner-image {
        margin: unset;
        justify-content: center;
        display: flex;
    }

    .slide-mobile-item {
        height: 350px;
    }

    .section-15 .inner-list-box {
        display: flex;
        margin: 0 auto;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .section-15 {
        /* padding: 40px 0; */
        padding:unset;
    }
    .section-1 .inner-main .box-search {
        padding: 20px 0;
        max-width: 545px;
        margin-top: 50px;
    }
    .section-23 .inner-section-1 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0px 65px;
    }
    .select-languge-button-mobile {
        display: block !important;
        position: absolute;
        top: 25px;
        right: 25px;
        /* background: white; */
        color: white;
        font-size: 25px;
    }
    .feedback-block .inner-item .inner-title {
        font-size: 23px !important;
        color: var(--color-main) !important;
        font-weight: 600 !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        height: 40px !important;
        padding: 10px 0px 0px 0px !important;
        /* padding: 0px !important; */
        text-align: center !important;
    }
    .footer-black a {
        color:white !important;
    }
    .mobile-flag-icon{
        width:40px;
    }
    .mobile-bottom-menu ul {
        list-style-type: none;
        padding-left: 20px;
        padding-top: 10px;
    }
    .mobile-bottom-menu ul a{
        color: black;
    }
    .mobile-bottom-menu ul li {
        font-size: 12px;
        color: black;
        align-items: center;
        border-bottom: 1px solid #eee;
        display: flex;
        padding-right: 20px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .mobile-bottom-menu .menu-mobile {
        position: absolute;
        bottom: 60px;
        right: 20px;
        /*padding: 20px 40px 20px 0;*/
        background-color: #f4f8fb !important;
        border-radius: 10px;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
    }
    .inner-sub-menu.menu-mobile{
        display:none;
    }
    /*.inner-change-item-ccid, inner-change-coupon-active, inner-change-shipping-price{
        display:block !important
    }*/
    .option_btn_hidden_mobile{
        display:none;
    }
    .input-check-serial::placeholder {
        font-size:10px
    }


}

@media (max-width: 575.98px) {
    .header .inner-wrap {
        justify-content: space-between;
    }
    .header .inner-logo img {
        height: 67px;
        width: auto;
    }
    .header .inner-left {
        display: flex;
        align-items: center;
        gap: 20px;
        max-width: 245px;
    }
    .section-1 .inner-title {
        font-size: 22px;
    }

}