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

@media only screen and (max-width: 960px) {
}

@media (min-width: 767px) {
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 767px) {

    .tab-bar {
        display: flex !important;
    }

    .floating-order {
        width: 148px;
        height: 41px;
        left: 10px; /* تغییر از right به left */
        right: unset;
        top: 17px;
        display: none !important;
        direction: ltr; /* متن و آیکون‌ها از چپ به راست */
        text-align: left; /* ترازبندی محتوا به چپ */
    }

        .floating-order a {
            display: inline-block !important;
        }

            .floating-order a > i {
                font-size: 1.2em;
                line-height: 1.5;
            }

            .floating-order a.of, .floating-order a.ow {
                display: none
            }

    .floating-socials, .floating-logotype {
        display: none;
    }

    button.scroltop {
        bottom: 65px;
    }

    .btn-filter-wrap li {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 480px) {
    .btn-filter-wrap li {
        display: block !important;
        margin: 5px;
        border: 1px solid #315178;
        transition: .4s;
        border-radius: 3px;
    }
}