﻿
/* مخفی کردن منوی دسکتاپ در موبایل */
@media (max-width: 768px) {
    .menu-desktop {
        display: none !important;
    }
    .bottom-menu {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        border-top: 1px solid #ddd;
        justify-content: space-around;
        padding: 8px 0;
        z-index: 1000;
    }
    .bottom-menu .menu-item {
        text-align: center;
        font-size: 12px;
        color: #777;
        flex: 1;
    }
    .bottom-menu .menu-item.active,
    .bottom-menu .menu-item:hover {
        color: #000;
        font-weight: bold;
    }
    .bottom-menu i {
        display: block;
        font-size: 18px;
        margin-bottom: 4px;
    }
}





/* در دسکتاپ، منوی پایین حذف شود */
@media (min-width: 769px) {
    .bottom-menu {
        display: none !important;
    }
}


	@media (min-width: 770px)
 {.container, .container-md, .container-sm{    max-width: 948px ;}

}


	@media (min-width: 1400px)
 {.container, .container-md, .container-sm{    max-width: 1320px ;}

}