@media only screen and (max-width: 768px) {
    .d-desktop, .d-desktop-f {
        display: none !important;
    }

    .d-mobile {
        display: inline-block !important;
    }


    .first {
        order: 1;
    }
    .second {
        order: 2;
    }
    .third {
        order: 3;
    }
    .fourth {
        order: 4;
    }


    .container-fluid.p-0 {
        padding: 15px !important;
    }
    .container-fluid.p-0.navbar-header.fixed {
        display: none;
    }
    /* BreadCrumb */
    .container-fluid.p-0.breadcrumb-custom > div {
        padding: 30px 5px 5px;
    }
    .container-fluid.p-0.breadcrumb-custom > div a{
        font-size: 13px;
    }
    .container-fluid.p-0.breadcrumb-custom > div li{
        font-size: 13px;
    }
        /* header Mobile */
    .top-header-menu-mobile.d-mobile {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        background: white;
        width: 100%;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 8px 5px;
        box-shadow: 0 0 5px #ccc;
    }
    .top-header-menu-mobile.d-mobile i{
        font-size: 24px;
        position: relative;
        cursor: pointer;
        color: #444;
    }
    .top-header-menu-mobile.d-mobile .icon.icon-shopping-bag::after {
        content: attr(data-count);
        position: absolute;
        font-size: 11px;
        left: -8px;
        bottom: -6px;
        height: 15px;
        width: 15px;
        background: #ff5757;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-family: iranYekan;
    }

    .open_menu_mobile {
        position: fixed;
        top: 0;
        right: -100%;
        width: 65%;
        height: 100%;
        background: white;
        padding: 10px;
        z-index: 3;
    }
    .open_menu_mobile.active {
        right: 0;

    }

    .open_menu_mobile .content {
        padding: 10px 0;
    }
    .open_menu_mobile .content > .menu {
        margin-bottom: 7px;
    }
    .close_menu_mobile {
        position: fixed;
        top: 0;
        left: -100%;
        width: 35%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 3;
        cursor: pointer;
    }
    .close_menu_mobile.active{
        left: 0;
    }
    .open_menu_mobile a{
        color: #555;

    }
    .open_menu_mobile .header {
        text-align: center;
        padding: 5px 5px 10px;
        font-size: 13px;
        border-bottom: 1px solid #ccc;
    }
    .open_menu_mobile .menu {
        position: relative;
    }
    .open_menu_mobile .sub {
        margin-right: 15px;
        display: none;
    }
    .open_menu_mobile .sub.active{
        display: block;
    }
    .open_menu_mobile .main a {
        font-size: 12px;
        margin-bottom: 6px !important;
        position: relative;
        display: inline-block;
    }
    .open_menu_mobile .content > .menu .main i {
        font-size: 14px;
        margin-left: 5px;
        cursor: pointer;
    }
    /*Home Page*/
    .container-fluid.p-0.slider.categories {
        display: none;
    }
    .container-xxl.d-flex.justify-content-between.align-items-center {
        display: none !important;
    }
    .container-fluid.p-0.products > div > .content > div {
        flex-wrap: wrap;
    }
    .container-fluid.p-0.products > div > .content .product {
        width: 48%;
        margin: 1%;
    }
    .container-fluid.p-0.search-section > div .search-title {

        font-size: 20px;

    }
    .container-fluid.p-0.static-box img {
        margin: 10px 0;
    }
    .container-fluid.p-0.products > div > .header > div {
        margin-left: 10px;
        font-size: 12px;
    }
    .container-fluid.p-0.static-box-big img {
        margin-bottom: 15px;
        height: unset;
    }
    .container-fluid.p-0.static-box-big a {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

    /* Brands */
    .container-fluid.p-0.brands > div {
        padding: 10px 0;
    }
    .container-fluid.p-0.brands > div .custom-select {
        width: 100%;
    }
    .container-fluid.p-0.brands > div .custom-select select {
        width: 100%;
    }

    /*Products*/
    .container-fluid.p-0.products-list .menu-side {
        position: fixed;
        top: 0;
        z-index: 4;
        background: white;
        right: -100%;
        width: 65%;
        height: 100%;
        padding: 15px;
    }
    .container-fluid.p-0.products-list .menu-side.active{
        right: 0;
    }
    .close_menu_products-list {
        position: fixed;
        top: 0;
        left: -100%;
        width: 35%;
        height: 100%;
        background: #0000005c;
        z-index: 4;
        cursor: pointer;
    }
    .close_menu_products-list.active{
        left: 0;
    }
    .icon.icon-circuit.toggle-menu-product-list {
        position: fixed;
        bottom: 14px;
        z-index: 0;
        right: 15px;
        font-size: 30px;
        background: #44b7ff;
        border-radius: 50px;
        padding: 10px;
        color: white;
        cursor: pointer;
    }
    .container-fluid.p-0.products-list > div .box-filter h4 {
        font-size: 18px;
    }
    .container-fluid.p-0.products-list > div .box-filter .category.use-icon {
        font-size: 14px;
    }
    .container-fluid.p-0.products-list > div .box-filter .category input {
        vertical-align: -4px;
    }
    .container-fluid.p-0.products-list > div .box-filter .category {
margin-bottom: 10px;
        font-size: 14px;
    }

    /*Product*/
    .gallery-slider.d-mobile {
        display: block !important;
    }
    .gallery-slider.d-mobile > img{
        display: none;
    }
    .gallery-slider.d-mobile > img:first-child{
        display: block;
    }

    .container-fluid.p-0.product-details > div .buttons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .container-fluid.p-0.product-details > div .buttons .counter {
        display: flex;
        margin-bottom: 15px;
        width: 100%;
    }
    .container-fluid.p-0.product-details > div .add-to-cart {
        background: #44b7ff;
        padding: 6px 10px;
        border-radius: 5px;
        color: white;
        cursor: pointer;
        font-size: 12px;
    }
    .container-fluid.p-0.product-details > div div.tag-details .item {
        margin-left: 15px;
        cursor: pointer;
        padding: 10px 0;
        display: inline-block;
        font-size: 14px;
    }
    #nav-tab > a {
        width: 50%;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 0 !important;
    }
    #nav-tab > a.active {
        background: #f6f6f6;
    }
    .container-fluid.p-0.profile > div .tab-pane .address .buttons {
        width: 100px;
    }
    .container-fluid.p-0.profile > div .tab-pane .address .buttons > button {
        width: 100%;
        padding: 0px;
        margin-bottom: 5px;
    }
    .container-fluid.p-0.profile > div .tab-pane .address .address-text {
        font-size: 13px;
    }
    container-fluid.p-0.profile > div .addAddress {
        font-size: 14px;
    }
    .container-fluid.p-0.profile > div .tab-pane {
        padding: 30px 0;
    }
    .container-fluid.p-0.profile #nav-address .addAddress {
        padding: 5px 20px;
        font-size: 12px;
    }
    .container-fluid.p-0.profile #nav-orders * {
        font-size: 12px;
    }
    .container-fluid.p-0.profile > div .tab-pane .order > .header {
        flex-wrap: wrap;
    }
    .container-fluid.p-0.profile #nav-orders button {
        padding: 0 5px;
        width: 100%;
        margin-bottom: 5px;
    }
    .container-fluid.p-0.profile > div .tab-pane .order > .header .infos .info {
        margin-left: 15px;
    }
    .container-fluid.p-0.profile > div .tab-pane .order > .header .infos .info .title {
        color: #666;
        display: block;
    }
    .container-fluid.p-0.profile #nav-orders * {
        font-size: 11px;
    }
    .container-fluid.p-0.profile > div .tab-pane .order > .header .toggle {
        font-size: 14px;
        color: #1bb7f7;
        cursor: pointer;
        margin-top: 15px;
    }
    .container-fluid.p-0.profile > div .tab-pane .order > .informations > .header .info {
        margin-left: 20px;
    }
    .container-fluid.p-0.profile #nav-orders * {
        font-size: 11px;
    }
    .container-fluid.p-0.profile #nav-tab > a {
        width: 50%;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 0 !important;
        font-size: 12px;
    }
    .container-fluid.p-0.profile #nav-orders * {
        font-size: 12px;
    }
    .container-fluid.p-0.profile > div .tab-pane form button {
        float: left;
        border: none;
        margin: 0px 0;
        padding: 5px 30px;
        color: white;
        background: #FE324D;
        border-radius: 5px;
        font-size: 12px;
    }

    /* Footer */
    footer h5 {
        margin-top: 25px;
    }
    .container-fluid.p-0.social > div {
        padding: 0px 0;
    }
    .container-fluid.p-0.social > div .title {
        margin-bottom: 20px;
        font-size: 16px;
    }


    /*Cart*/
    .container-fluid.p-0.cart > div .products .product {
        display: flex;
        padding: 10px;
        margin-bottom: 15px;
        flex-wrap: wrap;
        border-bottom: 1px solid #aaa;
    }
    .container-fluid.p-0.cart > div .products .product:last-child{
        border-bottom: none;
    }
    .container-fluid.p-0.cart > div .products .product .informations {
        width: 100%;
        font-size: 12px;
        margin: 10px 0;
    }
    .container-fluid.p-0.cart > div .products .product .count {
        width: 30%;
        font-size: 14px;
    }
    .container-fluid.p-0.cart > div .products .product .price {
        width: 50%;
        font-size: 14px;
    }
    .container-fluid.p-0.cart > div .products .product .delete {
        width: 14%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        font-size: 24px;
        color: #ff6969;
        padding-bottom: 5px;
    }
    .top-header-menu-mobile.banner_static_top_header.d-mobile {
        position: relative;
    }
    .banner-static-top-header {
        text-align: center;
        padding: 8px;
        font-size: 13px;
        display: block;
        width: 100%;
        line-height: 1.9;
    }
}