@media only screen and (min-width: 2000px) {
    .container-high-resolution {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
        max-width: 1320px;
    }

    .position-relative-xl2 {
        position: relative;
    }

    header .user-not-login {
        top: -3.2rem;
    }

    main section .order-section .order-side-factor {
        position: absolute;
        top: -5rem;
    }
}

@media only screen and (max-height: 628px) {
    header .mega-menu,
    header .mega-menu .mega-menu-child:nth-child(1),
    header .mega-menu .mega-menu-child .boxs .box .child:nth-child(1),
    header .mega-menu .mega-menu-child .boxs .box .child:nth-child(2) {
        height: 82vh;
    }
}

@media only screen and (max-height: 580px) {
    header .mega-menu,
    header .mega-menu .mega-menu-child:nth-child(1),
    header .mega-menu .mega-menu-child .boxs .box .child:nth-child(1),
    header .mega-menu .mega-menu-child .boxs .box .child:nth-child(2) {
        height: 55vh;
    }
}

@media only screen and (max-height: 580px) and (max-width: 992px) {
    .auth-section .col-lg-6:nth-child(2) .description {
        margin: 10vh auto 0 !important;
    }
}

@media screen and (max-height: 480px) and (min-width: 992px) {
    .auth-section .col-lg-6:nth-child(2) .description {
        margin: 18vh auto 0;
    }

}

@media only screen and (max-width: 1400px) {
    header .mega-menu .mega-menu-child .boxs .box .main-menu-content .menu li a {
        font-size: 14px;
    }

    main section .intro-section .content h1 {
        margin-top: 232px;
        font-size: 29px;
        line-height: 51px;
    }

    main section .price-day-section .splide .box .order-box .order-control input {
        width: 50%;
    }

    main
    section
    .categories-section
    .splide
    .splide__slide.is-active
    .box
    ul
    li
    a {
        font-size: 13px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .details
    .child
    span:nth-child(2) {
        font-size: 14px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .number {
        font-size: 13px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    span:nth-child(1) {
        font-size: 13px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .btn-default {
        padding: 0.6rem 0.4rem;
        font-size: 13px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory
    a {
        font-size: 11px;
        color: #1765fc;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory
    li:first-child
    a {
        padding-left: 7px;
    }

    main section .all-customers ul {
        grid-template-columns: repeat(8, 1fr);
    }

    main
    section
    .product-section
    .content
    .child:nth-child(3)
    .order-all
    .order-box
    .order-control
    input {
        width: 60%;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div:nth-child(6) {
        width: 15%;
    }

    main section .basket-factor .box-content .factor-content li div:nth-child(6) {
        width: 13%;
    }

    main section .basket-factor .box-content .factor-content li div:nth-child(7) {
        width: 18%;
    }

    main section .basket-factor .box-content .factor-content li div:nth-child(2) {
        width: 15%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(2) .buttons {
        margin: 5px auto 0;
    }

    main section .by-type-section ul li span,
    main section .by-brand-section ul li span {
        font-size: 13px;
    }

    main
    section
    .plp-products-section
    .factor-final-box.final-plp
    .show-more-content-box
    .content
    ul
    li
    .d-flex {
        display: block !important;
    }

    main section .categories-section .categories-desktop .cat-item {
        width: 20%;
    }
}

@media only screen and (max-width: 1200px) {
    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    input {
        width: 118px;
    }

    header .mega-menu .mega-menu-child .boxs .box .child .brands li {
        width: 46%;
    }

    main section .success-report-section .main-content,
    main section .brands-sections .main-content,
    main section .purchase-process .main-content,
    main section .blog-section .main-content {
        width: 900px;
    }

    main section .brands-sections .main-content ul {
        grid-template-columns: repeat(4, 1fr);
    }

    main section .purchase-process .main-content ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px;
    }

    main section .intro-section .title {
        margin-top: 70%;
    }

    main section .intro-section .dots {
        top: 34%;
    }

    main section .intro-section .content h1 {
        font-size: 24px;
    }

    .panel section aside .panel-menu .top-menu img {
        width: 45px;
        height: 45px;
    }

    .panel section aside .panel-menu .top-menu .user-info ul li:nth-child(1) {
        padding-left: 7px;
        margin-left: 2px;
    }

    .panel section section .main-box .boxs .box form h4 {
        font-size: 17px;
    }

    .panel section aside .panel-menu .bottom-menu ul {
        padding: 40px 0 10px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .number {
        font-size: 12px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    span:nth-child(1) {
        font-size: 11px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .btn-default {
        padding: 0.6rem 0.1rem;
        font-size: 12px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .details
    .child
    span:nth-child(2) {
        font-size: 13px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory
    li:first-child
    a {
        padding-left: 13px;
    }

    main section .our-mission-section ul {
        width: 100%;
    }

    main section .team-section .content .child:nth-child(1) {
        position: relative;
        width: 55%;
    }

    main section .team-section .content .child:nth-child(2) {
        width: 45%;
    }

    main section .construction-sales-team .content .box .child:nth-child(1) {
        width: 45%;
    }

    main section .construction-sales-team .content .box .child:nth-child(2) {
        width: 55%;
    }

    main section .construction-sales-team #slides-btn {
        width: 55%;
    }

    main section .product-section .content .child:nth-child(1),
    main section .product-section .content .child:nth-child(1) img,
    main section .product-section .content .child:nth-child(3) {
        height: 290px;
    }

    main section .product-section .content .child:nth-child(1) ul li img {
        width: 55px;
        height: 55px;
    }

    main section .product-section .content .child:nth-child(1) ul li {
        width: 55px;
        height: 55px;
        margin-left: 1px;
    }

    main section .product-section .content .child:nth-child(3) .order-all h4 {
        font-size: 15px;
    }

    main
    section
    .product-section
    .content
    .child:nth-child(3)
    .order-all
    .order-box
    .order-control
    input {
        width: 50%;
    }

    main section .product-section .content .child:nth-child(3) .order-all {
        padding: 12px;
    }

    main
    section
    .product-section
    .content
    .child:nth-child(2)
    .pro-details
    .detail:nth-child(2n)
    span {
        font-size: 14px;
    }

    main section .product-section .content .child:nth-child(2) h1 {
        font-size: 17px;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div:nth-child(6) {
        width: 16%;
    }

    main section .factor-section .factor-final-box ul li span span {
        font-size: 13px;
    }

    main section .factor-section .factor-final-box ul li span {
        font-size: 13px;
    }

    main section .basket-factor .box-content .factor-content li p span {
        font-size: 12px;
    }

    main section .basket-factor .box-content .factor-content li div:nth-child(6) {
        width: 14%;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    .edit
    li
    .btn-default {
        height: 34px;
        padding: 5px 1px;
        font-size: 12px;
    }

    main section .basket-factor .box-yellow div svg,
    main section .basket-factor .box-green div svg {
        margin-left: 5px;
        position: relative;
        right: -5px;
    }

    main section .contact-us-plp-section .flex .child:nth-child(2) {
        padding: 25px 0;
    }

    main section .contact-us-plp-section .flex .child:nth-child(2) h4 {
        font-size: 1.2rem;
        text-align: right;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .order-box
    .btn-add-basket {
        font-size: 11px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .order-box
    .order-control
    input {
        height: 38.2px;
        width: 20%;
    }

    main section .plp-products-section .product-day .flex-day span {
        font-size: 12px;
    }

    main section .plp-products-section .product-day .flex-day p {
        font-size: 12px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .price-day-discount::after {
        height: 19.8px;
    }

    main section .plp-products-section .factor-final-box ul li span {
        font-size: 13px;
    }

    main section .plp-products-section .box-green p {
        width: 90%;
        font-size: 14px;
    }

    main section .categories-section .categories-desktop .cat-item {
        width: calc(100% / 4);
    }

    main section .order-section .main-box {
        width: 95%;
    }

    main section .order-section .main-box form button {
        font-size: 12px;
    }

    main section .order-section .main-box form button svg {
        width: 15px;
    }
}

@media only screen and (max-width: 992px) {
    main section .contact-us-plp-section .title-box {
        margin-bottom: 40px;
    }

    main section .contact-us-plp-section .title-box .child .text-box {
        position: relative;
        height: 150px;
        overflow: hidden;
    }

    main section .contact-us-plp-section .title-box .child .text-box .bottom {
        position: absolute;
        background: rgb(255, 255, 255);
        background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.51) 0%,
                rgb(255, 255, 255) 100%
        );
        bottom: 0;
        padding: 20px;
        left: 0;
        right: 0;
        text-align: left;
    }

    main
    section
    .contact-us-plp-section
    .title-box
    .child
    .text-box
    .bottom
    button {
        color: #1765fc;
        font-family: "IRANSansX-Bold";
    }

    main
    section
    .contact-us-plp-section
    .title-box
    .child
    .text-box
    .bottom
    button.active
    svg {
        transform: rotate(180deg);
    }

    main section .contact-us-plp-section .title-box .child {
        width: 100%;
        margin: 20px 0;
    }

    main section .by-type-section ul {
        display: block;
        background: transparent;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        border: none;
    }

    main section .by-type-section ul li {
        background: #ffffff;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        position: relative;
        width: auto;
        display: inline-block;
        padding: 10px;
        color: #000 !important;
        font-family: "IRANSansX-Bold";
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
        margin-left: 10px;
        border-radius: 4px;
        border: none !important;
    }

    main section .by-type-section ul li img {
        display: none;
    }

    main section .by-type-section ul li span {
        color: #000 !important;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .price-day-discount::after {
        content: "";
        width: 20px;
        height: 20px;
        background: #ff7362;
        position: absolute;
        left: -9px;
        transform: rotate(45deg);
        top: 4px;
        z-index: 1;
        border-radius: 4px 4px 4px 4px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    p
    .price-day-discount {
        display: inline-block !important;
        padding-top: 2px;
        padding-bottom: 0;
        margin-left: 12px;
        font-size: 13px;
    }

    main section .contact-us-plp-section .flex .child img {
        width: 300px;
    }

    main section .contact-us-plp-section .flex .child:nth-child(1) {
        height: 290px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(1) {
        padding: 15px 0;
        width: 100%;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(2) {
        width: 40%;
        padding: 12px 0;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(4) {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        border: 1px solid #f3f3f3;
        box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.25);
        width: 100%;
        z-index: 10000;
        text-align: center;
        height: 110px;
        justify-content: space-between;
        padding: 45px 20px 20px 20px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .btn-blue {
        padding: 0 30px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    input {
        width: auto;
        flex-grow: 1;
        margin-left: 10px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .btn-blue.active {
        padding: 10px 25px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .price-day-discount {
        display: none;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    button:not(.select-cu) {
        font-size: 16px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .alert {
        width: 100%;
        padding: 10px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child {
        position: static;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .select-cu-box.active {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 400px;
        top: auto;
        border-radius: 20px 20px 0 0;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .price {
        font-size: 16px;
        display: block;
        text-align: left;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .label {
        display: inline-block;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .select-cu {
        width: 65%;
        display: inline-block;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(3) {
        padding: 15px 0;
        width: 40%;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(5) {
        padding: 8px 0;
        width: 10%;
    }

    main section .intro-section #sliderbs {
        margin-top: 20px;
    }

    main section .categories-section {
        margin-top: 35px;
    }

    main section .intro-section #sliderbs {
        overflow: unset;
        border-radius: 0;
    }

    main section .intro-section .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -40px;
        left: 0;
        flex-flow: row;
        top: auto;
    }

    main section .intro-section .carousel-indicators [data-bs-target] {
        border: 1px solid #092474 !important;
        margin: 0 5px !important;
    }

    main section .intro-section img {
        border-radius: 8px !important;
    }

    main section .intro-section .carousel-indicators .active {
        height: 10px;
        width: 45px;
        background: #092474;
    }

    .mobile-hide-item {
        display: none !important;
    }

    main section .contact-us-plp-section {
        padding-top: 114px;
    }

    header .user-not-login ul li span span {
        font-size: 12px;
    }

    main section .order-section .main-box {
        width: 100%;
    }

    main section .order-section .main-box form button {
        font-size: 15px;
    }

    main section .order-section .main-box form button svg {
        width: 19px;
    }

    main section .invoice-section {
        margin-top: 90px;
    }

    main section .invoice-section .main-box .table {
        margin-top: 15px;
        margin-bottom: 0;
        display: none;
    }

    main section .invoice-section .alert-success {
        width: 100%;
    }

    main section .invoice-section .main-box .factor-title .child:nth-child(1) {
        display: none;
    }

    main section .invoice-section .main-box .factor-title .child:nth-child(2) {
        order: 3;
        margin-left: 0;
        text-align: left;
    }

    main section .invoice-section .main-box .factor-title .child:nth-child(3) {
        order: 2;
    }

    main section .invoice-section .main-box .factor-title .child:nth-child(4) {
        margin-left: 40px;
        order: 1;
    }

    main section .invoice-section .main-box .box {
        width: 100%;
        margin-right: auto;
        background: transparent;
    }

    main section .invoice-section .main-box .box .child {
        border: none;
        padding: 18px 0;
    }

    main section .invoice-section .main-box .box .child:nth-child(odd) {
        text-align: right;
    }

    main section .invoice-section .main-box .box .child:nth-child(even) {
        text-align: left;
    }

    main section .invoice-section .main-box .box .child:nth-child(9) {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    main section .invoice-section .main-box .box .child:nth-child(10) {
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    main section .invoice-section .buttons {
        width: 100%;
    }

    main section .invoice-section .main-box {
        border: none;
        background: #f7f7f7;
    }

    main section .invoice-section .main-box .show-all {
        text-align: center;
        color: #1765fc;
    }

    main section .order-section .main-box .alert-success {
        margin-bottom: 4px !important;
        margin-top: 11px;
    }

    main section .order-section .main-box form {
        margin-top: 110px;
    }

    main section .order-section .main-box form .child:nth-child(1) {
        width: 100%;
    }

    main section .order-section .main-box form .child:nth-child(2) {
        padding-top: 10px;
        width: calc(50% - 10px);
    }

    main section .order-section .main-box form .child:nth-child(3) {
        padding-top: 10px;
        width: calc(50% - 10px);
    }

    header .navbar {
        padding: 0;
        padding-top: 10px;
    }

    header {
        box-shadow: none !important;
    }

    header .navbar .top-header .container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    header .btn-menu svg {
        width: 25px;
        height: auto;
    }

    header .btn-menu svg line {
        stroke: #fff;
    }

    header .navbar .top-header {
        background-color: #092474;
    }

    header .navbar .navbar-nav {
        display: none;
    }

    body.bg-screen-mobile-white {
        background-color: #fff;
    }

    .mobile-nav {
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #ffffff;
        box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
        z-index: 1003;
    }

    .mobile-nav ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile-nav ul li {
        position: relative;
        width: 33.3333333333%;
        text-align: center;
    }

    .mobile-nav ul li.different {
        background: #1765fc;
    }

    .mobile-nav ul li.different a,
    .mobile-nav ul li.different button {
        color: #fff;
    }

    .mobile-nav ul li.different a svg:nth-child(2),
    .mobile-nav ul li.different button svg:nth-child(2) {
        display: none;
    }

    .mobile-nav ul li:nth-child(2).active {
        background: rgba(23, 101, 252, 0.3) !important;
    }

    .mobile-nav ul li:nth-child(2).active a,
    .mobile-nav ul li:nth-child(2).active button {
        color: #1765fc;
    }

    .mobile-nav ul li:nth-child(2).active a svg:nth-child(1),
    .mobile-nav ul li:nth-child(2).active button svg:nth-child(1) {
        display: none;
    }

    .mobile-nav ul li:nth-child(2).active a svg:nth-child(2),
    .mobile-nav ul li:nth-child(2).active button svg:nth-child(2) {
        display: block;
    }

    .mobile-nav ul li:nth-child(1).active a,
    .mobile-nav ul li:nth-child(1).active button {
        color: #1765fc;
    }

    .mobile-nav ul li:nth-child(1).active a svg path,
    .mobile-nav ul li:nth-child(1).active button svg path {
        fill: #1765fc;
    }

    .mobile-nav ul li:nth-child(3).active a,
    .mobile-nav ul li:nth-child(3).active button {
        color: #1765fc;
    }

    .mobile-nav ul li:nth-child(3).active a svg path,
    .mobile-nav ul li:nth-child(3).active button svg path {
        stroke: #1765fc;
    }

    .mobile-nav ul li a,
    .mobile-nav ul li button {
        width: 100%;
        font-family: "IRANSansX-Bold";
        display: block;
        color: #707070;
        font-size: 12px;
        text-align: center;
        padding: 10px 4px;
    }

    .mobile-nav ul li a span,
    .mobile-nav ul li button span {
        min-width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        top: 14px;
        right: auto;
        background-color: #30b667;
        color: #fff;
        padding: 0.125rem;
        text-align: center;
        border: 0.0625rem solid #f1f1f1;
        border-radius: 20px;
        line-height: 1.25rem;
    }

    .mobile-nav ul li a svg,
    .mobile-nav ul li button svg {
        display: block;
        text-align: center;
        margin: 0 auto 10px;
    }

    .search-box-mobile {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: 100%;
        background-color: #fff;
        z-index: 1001;
    }

    .search-box-mobile form {
        position: relative;
    }

    .search-box-mobile .form-control {
        padding: 0.675rem 2.15rem 0.675rem 0.9rem;
    }

    .search-box-mobile .show-search-content-mobile-btn {
        position: absolute;
        left: 0.625rem;
        top: 0.7875rem;
        z-index: 2;
    }

    .search-box-mobile .close-search-box-mobile {
        position: absolute;
        right: 0.625rem;
        top: 0.888rem;
        z-index: 2;
    }

    .search-box-mobile .search-result {
        background: #fff;
        height: 80vh;
        padding: 1.5rem 1rem;
        margin: 0 auto;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-color: #bbbcc1 #f1f1f1;
        scrollbar-width: thin;
    }

    .search-box-mobile .search-result::-webkit-scrollbar {
        width: 0.5625rem;
        height: 0.625rem;
    }

    .search-box-mobile .search-result::-webkit-scrollbar-track {
        background: #fff;
        border: 0.0625rem solid #d6d6d6;
    }

    .search-box-mobile .search-result::-webkit-scrollbar-thumb {
        background: rgba(63, 63, 63, 0.3529411765);
        border-radius: 0;
        border: 0.0625rem solid #d7e6dc;
    }

    .search-box-mobile .search-result::-webkit-scrollbar-thumb:hover {
        background: #929398;
    }

    .search-box-mobile .search-result .title {
        display: block;
        font-family: "IRANSansX-Bold";
        border-bottom: 0.0625rem solid #000;
        padding-bottom: 0.75rem;
        margin-bottom: 0.4375rem;
    }

    .search-box-mobile .search-result .not-find {
        text-align: center;
        margin-top: 6.25rem;
    }

    .search-box-mobile .search-result ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .search-box-mobile .search-result ul li {
        margin: 0.9375rem 0;
    }

    .search-box-mobile .search-result ul li a {
        display: inline-block;
        color: #000000;
    }

    .search-box-mobile .search-result ul li a img {
        margin-left: 0.25rem;
        vertical-align: sub;
    }

    .search-box-mobile .search-result ul li a span {
        color: #1765fc;
    }

    .search-box-mobile .search-result ul li a:hover {
        color: #1765fc;
    }

    .mega-menu,
    header .search-result,
    .search-box,
    .btn-mega-menu {
        display: none !important;
    }

    header.active {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    header.active .btn-menu svg line {
        stroke: #707070;
    }

    header.active .navbar .top-header {
        background-color: #fff;
    }

    header.active .navbar .container .btn-contact-us {
        border: 1px solid #1765fc;
    }

    header.active .navbar .container .btn-contact-us:hover {
        color: #fff;
        background-color: #1765fc;
    }

    header.active .navbar .container .btn-contact-us:hover svg {
        filter: brightness(0%) invert(1);
    }

    header.active .btn-user-mobile {
        position: relative;
        color: #000;
    }

    header.active .btn-user-mobile svg {
        filter: unset;
    }

    header.active .btn-user-mobile:hover,
    header.active .btn-user-mobile:focus,
    header.active .btn-user-mobile:active {
        background-color: transparent !important;
    }

    main section .success-report-section .main-content,
    main section .brands-sections .main-content,
    main section .purchase-process .main-content,
    main section .blog-section .main-content {
        width: 100%;
    }

    header .navbar .container .btn-contact-us {
        margin-right: auto;
        padding: 0.88rem 0.9rem;
        margin-left: 10px;
        background: #fff;
        color: #1765fc;
        border: 1px solid transparent;
    }

    header .navbar .container .btn-contact-us svg path {
        fill: #1765fc;
    }

    header .navbar .container .basket {
        display: none;
    }

    header .btn-user {
        display: none;
    }

    header .navbar .top-header {
        padding-top: 0.6rem;
    }

    header .btn-user-mobile {
        position: relative;
        background: transparent;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
    }

    header .btn-user-mobile span {
        width: 70px;
        display: inline-block;
        line-height: 17px;
        vertical-align: middle;
    }

    header .btn-user-mobile svg {
        filter: brightness(0%) invert(1);
    }

    header .btn-user-mobile .number {
        position: absolute;
        right: -2px;
        top: -2px;
        width: auto;
        min-width: 25px;
        height: 25px;
        color: #fff;
        line-height: 27px;
        background-color: #cc304b;
        border-radius: 20px;
        border: 1px solid #f1f1f1;
        z-index: 2;
    }

    header .btn-user-mobile svg {
        width: 24px;
        height: auto;
    }

    header {
        background: #092474 !important;
    }

    header .navbar .navbar-brand img {
        filter: brightness(0%) invert(1) !important;
    }

    header.active {
        background: #fff !important;
    }

    header.active .navbar .navbar-brand img {
        filter: brightness(100%) invert(0) !important;
    }

    main section .intro-section .slider-box {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 200px;
        overflow: hidden;
        border-radius: 7px;
    }

    main section .intro-section .slider-box .slider {
        position: relative;
        height: 200px;
    }

    main section .intro-section {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        height: auto;
        margin-top: 90px;
        padding-bottom: 54px;
    }

    main section .intro-section .container:nth-child(1) {
        order: 2;
    }

    main section .intro-section .container:nth-child(2) {
        position: static !important;
        order: 1;
    }

    main section .intro-section .content .row .box {
        background: #ffffff;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        padding: 25px 15px;
        border-radius: 7px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    main section .intro-section .content .row .box h1 {
        color: #092474;
        margin-top: 0;
    }

    main section .intro-section .content .row .box span {
        color: #333333;
    }

    main section .intro-section .title {
        margin-top: 0;
        margin-bottom: -70px;
        top: 44px;
        position: relative;
        padding: 0 15px;
        border: none;
        font-size: 18px;
    }

    main section .intro-section .slider-box .overlay {
        background: linear-gradient(
                89.87deg,
                rgba(51, 51, 51, 0.65) 21.53%,
                rgba(51, 51, 51, 0.65) 45.84%
        );
    }

    main section .intro-section .brands {
        position: relative;
        top: 164px;
    }

    main section .intro-section .brands li span {
        font-size: 14px;
    }

    main section .intro-section .dots {
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: auto;
        text-align: center;
    }

    main section .intro-section .dots li {
        display: inline-block;
        margin: 0;
        width: 10px;
        height: 10px;
    }

    main section .intro-section .dots li.active {
        height: 10px;
        width: 60px;
    }

    main section .intro-section .dots li.active:hover {
        height: 10px;
        width: 60px;
    }

    main section .intro-section .dots li:hover {
        width: 20px;
        height: 10px;
    }

    main section .categories-section .mobile-categories-section-box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 15px;
        margin-top: 25px;
    }

    main section .categories-section .mobile-categories-section-box li {
        width: calc(33.3333333333% - 30px);
    }

    main section .categories-section .mobile-categories-section-box li .item {
        position: relative;
        width: 100%;
        min-height: 120px;
        padding: 10px;
        background-color: #fff;
        text-align: center;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }

    main section .categories-section .mobile-categories-section-box li .item a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: transparent;
    }

    main section .categories-section .mobile-categories-section-box li .item img {
        display: block;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        text-align: center;
        -o-object-fit: contain;
        object-fit: contain;
    }

    main section .categories-section .mobile-categories-section-box li .item h5 {
        font-family: inherit;
        color: #000000;
        font-size: 15px;
        margin-top: 15px;
    }

    main section .success-report-section .splide-components .report-box,
    main section .blog-section .splide-components .box {
        position: static;
    }

    main
    section
    .success-report-section
    .splide-components
    .splide__slide.is-next
    .report-box
    .btn-default,
    main
    section
    .blog-section
    .splide-components
    .splide__slide.is-next
    .box
    .btn-white {
        margin-top: 15px;
    }

    main section .customers-section .remove-container-styles-mobile {
        max-width: 100% !important;
        padding: 0 !important;
    }

    main section .customers-section .splide .splide__slide .box {
        opacity: 0.4;
    }

    main section .customers-section .splide .splide__slide.is-visible .box {
        opacity: 1;
    }

    main section .purchase-process .main-content ul {
        display: block;
        background-color: #fff;
        padding: 0 15px;
    }

    main section .purchase-process .main-content ul li {
        border-radius: 0;
        border-bottom: 0.5px solid #bbbbbb;
        padding: 22px 10px;
        box-shadow: none;
        cursor: pointer;
    }

    main section .purchase-process .main-content ul li:last-child {
        border: none;
    }

    main section .purchase-process .main-content ul li span {
        display: inline-block;
        margin-right: 25px;
        vertical-align: middle;
    }

    main section .purchase-process .main-content ul li img {
        position: absolute;
        right: 17px;
        top: 26px;
    }

    main section .purchase-process .main-content ul li p {
        font-size: 14px;
        color: #707070;
        margin-top: 10px;
        height: 0px;
        overflow: hidden;
    }

    main section .purchase-process .main-content ul li p.active-p {
        height: 100%;
    }

    main section .purchase-process .main-content ul li:after {
        content: url("../images/arrow-down.svg");
        position: absolute;
        top: 45px;
        left: 12px;
        display: inline-block;
        transform: scale(1.3);
    }

    main section .purchase-process .main-content ul li::before {
        content: "";
        position: static;
        top: -25px;
        right: 10px;
        width: 56px;
        height: 56px;
        background-color: #fed1cb;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
    }

    main section .purchase-process .main-content ul li.active::after {
        transform: scale(1.3) scaleY(-1);
    }

    footer .top-footer .flex div p {
        width: 100%;
    }

    footer .top-footer .flex {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    footer .top-footer .flex div {
        width: 100%;
    }

    footer .top-footer .flex div:first-child {
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 25px;
    }

    footer .top-footer .flex div:last-child {
        margin-top: 25px;
    }

    footer .top-footer .flex div .quick-links li {
        text-align: right;
    }

    footer .top-footer .flex div .social svg {
        width: 22px;
        height: 22px;
    }

    footer .bottom-footer img {
        width: 5.3125rem;
        margin: 0 auto;
        display: block;
        margin-top: 30px;
    }

    footer .top-footer .flex div span {
        font-size: 20px;
    }

    footer .top-footer .flex div .quick-links span {
        font-size: 15px;
    }

    footer .top-footer .flex div h4 {
        color: #858585;
        font-size: 1.3rem;
        margin-bottom: 1.75rem;
        text-align: right;
    }



    .auth-section .col-lg-6:nth-child(1) {
        /*position: absolute;*/
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        background: #fff;
        /*height: auto;*/
        padding-top: 25px;
        padding-bottom: 20px;
        border-radius: 20px 20px 0 0;
    }

	.mobile-logo {
		display:block !important;
	}

    .auth-section .col-lg-6:nth-child(2) .description {
        margin: 17vh auto 0;
        margin-top: 3vh;
    }

	.auth-section .col-lg-6:nth-child(2) .description img {
		max-width: 90%;
	}

    .auth-section .col-lg-6:nth-child(2) .description ul {
        display: none;
    }

    .auth-section .col-lg-6:nth-child(2) .description h6 {
        display: none;
    }

   /* .auth-section .col-lg-6:nth-child(1) .auth-box .btn-default {
        color: #1765fc;
        background: #b9d1fe;
    }*/

    .panel {
        margin-top: 0;
        padding-bottom: 65px;
    }

    .panel section aside .panel-menu {
        display: none;
    }

    .panel section section .main-box {
        min-height: auto;
        background: #fff;
        border: none;
    }

    .panel section section .main-box .boxs .box form .buttons {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        margin: 0;
    }

    .panel section section .main-box .boxs .box form .buttons .container-mobile {
        display: flex;
        justify-content: space-between;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .panel section section .main-box .boxs .box form .buttons .btn-white-default {
        width: 115px;
    }

    .panel section section .main-box .boxs .box form .buttons .btn-default {
        flex-grow: 1;
    }

    .panel section section .main-box .boxs .box form .flex .child {
        width: 100%;
        margin-top: 25px !important;
    }

    .panel section section .main-box .boxs .box form h4 {
        font-size: 16px;
        margin: 25px 0 0;
    }

    .panel section section .main-box .tabs {
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        text-align: center;
        background: rgba(23, 101, 252, 0.2);
        padding: 6px;
        border-radius: 4px;
    }

    .panel section section .main-box .tabs li {
        width: 50%;
    }

    .panel section section .main-box .tabs li button {
        padding: 15px;
        color: #1765fc;
        width: 100%;
    }

    .panel section section .main-box .tabs li.active button {
        color: #092474;
        border-bottom: none;
        background: #fff;
        box-shadow: 0px 1px 4px rgba(9, 36, 116, 0.231186);
        border-radius: 4px;
    }

    .panel section .page-title,
    .user-not-login .page-title {
        position: relative;
        padding: 20px 0 30px;
        text-align: center;
    }

    .panel section .page-title h3,
    .user-not-login .page-title h3 {
        font-size: 19px;
    }

    .panel section .page-title .back-btn,
    .user-not-login .page-title .back-btn {
        position: absolute;
        right: 0;
        top: 23px;
    }

    .panel section .page-title .back-btn svg,
    .user-not-login .page-title .back-btn svg {
        width: 20px;
        height: auto;
    }

    main .factor-section .page-title,
    .user-not-login .page-title {
        position: relative;
        padding: 20px 0 30px;
        text-align: center;
    }

    main .factor-section .page-title h3,
    .user-not-login .page-title h3 {
        font-size: 19px;
    }

    main .factor-section .page-title .back-btn,
    .user-not-login .page-title .back-btn {
        position: absolute;
        right: 13px;
        top: 21px;
    }

    main .factor-section .page-title .back-btn svg,
    .user-not-login .page-title .back-btn svg {
        width: 20px;
        height: auto;
    }

    .panel section aside .panel-menu .bottom-menu ul {
        height: auto;
        border: none;
    }

    .container-mobile {
        max-width: 720px;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    }

    .panel section section .main-box {
        padding: 0;
    }

    .panel section section .main-box .boxs .box form {
        padding-bottom: 90px;
    }

    footer {
        padding-bottom: 60px;
    }

    footer.long-page {
        padding-bottom: 140px;
    }

    .panel section section .main-box .boxs .box .order-status li {
        background: #f7f7f7;
        padding: 15px;
        border-radius: 4px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content {
        flex-wrap: wrap;
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 17px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child:nth-child(4) {
        padding-top: 20px;
        padding-bottom: 6px;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child:last-child {
        justify-content: center;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default {
        font-family: "IRANSansX-Bold";
        background-color: transparent;
        color: #1765fc;
        border: none;
        padding: 0;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default::after,
    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default:focus {
        background-color: transparent;
        color: #1765fc;
        border: none;
        padding: 0;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default:hover {
        background-color: transparent;
        color: #598ff9;
        border: none;
        padding: 0;
    }

    .panel section section .main-box .boxs .box .order-status li .details {
        flex-flow: row-reverse;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .details
    .child:nth-child(2) {
        margin: 0 25px 0 auto;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .details
    .child:nth-child(1)
    span:nth-child(1) {
        text-align: left;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    span:nth-child(1) {
        font-size: 14px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .number {
        font-size: 14px;
    }

    .panel section section .panel-order .tabs {
        display: none;
    }

    .panel section section .panel-order .boxs .box {
        display: block !important;
    }

    .panel section section .panel-order .boxs .box .title-order {
        font-family: "IRANSansX";
        font-size: 14px;
        color: #858585;
        text-align: center;
        margin-bottom: -11px;
    }

    .panel section section .panel-order .boxs .box:nth-child(2) {
        margin-top: 25px;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory {
        position: relative;
        width: 100%;
        flex-wrap: wrap;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory
    li {
        width: 50%;
        padding: 5px 0;
        margin: 0;
        text-align: center;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory
    li
    a {
        font-family: "IRANSansX-Bold";
        font-size: 12px;
        border: none !important;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    .order-status
    li
    .main-order-content
    .child
    .factory::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        height: 28px;
        width: 1.5px;
        background: #1765fc;
    }

    main section .all-brands-section ul li {
        background-color: #f7f7f7;
    }

    main section .all-brands-section ul {
        grid-template-columns: repeat(4, 1fr);
    }

    main section .all-questions-section .questions-box .question {
        width: 100%;
    }

    main section .offer-section .content .child:nth-child(2) {
        display: none;
        position: fixed;
        width: 100%;
        padding: 35px 30px;
        background: #fff;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10000;
        border-radius: 20px 20px 0 0;
    }

   /* main section .offer-section .content .child:nth-child(2) .btn-default {
        color: #1765fc;
        background: #b9d1fe;
    }*/

    /*main section .offer-section .content .child:nth-child(2) .btn-default:hover {
        color: #1765fc;
        background: #b9d1fe;
    }*/

    main section .offer-section .content .child:nth-child(1) {
        width: 100%;
    }

    main section .offer-section .container:nth-child(2) {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    main section .job-section .box form {
        display: none;
        gap: 0;
        flex-flow: column;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 10000;
        padding: 35px 30px;
        border-radius: 20px 20px 0 0;
    }

    main section .job-section .box form div {
        width: 80%;
        margin: 0 auto 17px;
    }

   /* main section .job-section .box form div .btn-default {
        color: #1765fc;
        background: #b9d1fe;
    }

    main section .job-section .box form div .btn-default:hover {
        color: #1765fc;
        background: #b9d1fe;
    }*/

    main section .job-section .box form div:last-child {
        margin: 0 auto;
    }

    main section .offer-section .content .child:nth-child(1) {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    main section .offer-section .content .child:nth-child(1) svg {
        width: 170px;
        height: auto;
    }

    main section .offer-section .content .child:nth-child(1) h6 {
        margin: 29px 0 23px;
        font-size: 18px;
    }

    main section .why-us-section .title div h2 {
        margin-right: 0;
    }

    main section .why-us-section .title div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 26px;
    }

    main section .why-us-section .mobile-hexagonal {
        background-color: #fff;
        padding: 15px;
        border-radius: 4px;
    }

    main section .why-us-section .mobile-hexagonal li {
        margin-bottom: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(187, 187, 187, 0.5647058824);
    }

    main section .why-us-section .mobile-hexagonal li:last-child {
        margin: 0;
        padding: 0;
        border: none;
    }

    main section .why-us-section .mobile-hexagonal li img {
        width: 33px;
        display: inline-block;
        vertical-align: middle;
    }

    main section .why-us-section .mobile-hexagonal li p {
        display: inline;
        color: #092474;
    }

    main section .why-us-section .line {
        display: none;
    }

    main section .our-story-section .container:nth-child(2) {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    main section .team-section .container:nth-child(2) {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    main section .team-section .content .child:nth-child(1) {
        width: 100%;
        margin: 0 auto;
        order: 2;
        border-radius: 0;
        padding: 60px 20px 20px;
        top: -3px;
    }

    main section .team-section .content .child:nth-child(2) {
        position: relative;
        width: 85%;
        margin: 28px auto -26px;
        z-index: 1;
        order: 1;
    }

    main section .construction-sales-team .content .box .child:nth-child(1) {
        width: 100%;
    }

    main section .construction-sales-team .content .box .child:nth-child(2) {
        width: 100%;
        text-align: center;
        margin-top: 21px;
    }

    main section .construction-sales-team .content .box .child:nth-child(2) p {
        display: none;
    }

    main section .construction-sales-team #slides-btn li {
        border: 1px solid #fd6451;
    }

    main section .construction-sales-team #slides-btn li.active {
        background-color: #fd6451;
    }

    main section .construction-sales-team #slides-btn {
        position: relative;
        top: 5px;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }

    main section .our-mission-section ul {
        background: #ffffff;
        display: block;
        margin-top: 70px;
        border-radius: 4px;
        padding: 25px 20px;
    }

    main section .our-mission-section ul li {
        position: relative;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        padding-bottom: 18px;
        margin-bottom: 18px;
        border-bottom: 1px solid #bbbbbb;
    }

    main section .our-mission-section ul li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    main section .our-mission-section ul li h5 {
        display: inline-block;
        vertical-align: middle;
    }

    main section .our-mission-section ul li img {
        position: absolute;
        top: 7px;
        right: 6px;
        width: 35px;
        height: 35px;
    }

    main section .our-mission-section ul li p {
        color: #707070;
    }

    main section .our-mission-section ul li::before {
        content: "";
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        background: #fed1cb;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        vertical-align: middle;
    }

    main section .product-section .content .child:nth-child(1) {
        display: none;
    }

    main section .product-section .content .child:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    main
    section
    .product-section
    .content
    .child:nth-child(3)
    .order-all
    .order-all-title {
        display: none;
    }

    main section .product-section .content .child:nth-child(3) .order-all h4 {
        display: none;
    }

    main section .product-section .content .child:nth-child(3) {
        height: auto;
    }

    main section .product-section .content .child:nth-child(3) .order-all {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        border: none;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        border-radius: 20px 20px 0 0;
        z-index: 1000;
    }

    main section .product-description h3 {
        font-size: 15px;
    }

    main section .product-section {
        margin-top: 90px;
    }

    main section .product-section .mobile-gallery img {
        width: 100%;
    }

    main section .product-section .mobile-gallery .links {
        position: absolute;
        top: 20px;
    }

    main section .product-section .content .child:nth-child(2) h1 {
        font-size: 18px;
        margin-top: 20px;
    }

    main section .factor-section {
        margin-top: 0;
    }

    main section .factor-section .box-content {
        background: #ffffff;
        border: none;
        padding: 0;
        border-radius: 0;
        margin-top: 30px;
    }

    main section .factor-section .factor-final-box {
        background: #f7f7f7;
        margin-top: 30px;
        border-radius: 10px;
        border: none;
    }

    main section .factor-section .box-content .buttons {
        display: none;
    }

    main section .factor-section .factor-final-box h6 {
        display: none;
    }

    main section .factor-section .factor-final-box p {
        display: none;
    }

    main section .factor-section .box-content .final-price-box {
        display: none;
    }

    main section .factor-section .box-content .factor-content {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    main section .factor-section .box-content .factor-content::-webkit-scrollbar {
        display: none;
    }

    main section .factor-section .box-content .factor-content li {
        display: inline-block;
        width: 70%;
        border: 1px solid #dddddd;
    }

    main section .factor-section .box-content .factor-content li span {
        color: #000;
        font-size: 14px;
    }

    main section .factor-section .box-content .factor-content li .black {
        font-size: 15px;
        margin-top: -10px;
        margin-bottom: 6px;
    }

    main section .factor-section .box-content .factor-content li {
        background: rgba(249, 249, 249, 0.5098039216);
    }

    main section .factor-section .box-content .factor-content li div {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        margin-top: 12px;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div.discount-box {
        background: #efefef;
        border-radius: 4px;
        padding: 15px;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div.discount-box
    div {
        margin: 0;
        display: block;
        text-align: left;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div.discount-box
    div
    .discount {
        position: static;
        margin-left: 19px;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div.discount-box
    div
    .discount
    span {
        font-size: 13px;
    }

    main section .factor-section .box-content .factor-content li div p {
        margin: 0;
    }

    main
    section
    .factor-section
    .box-content
    .factor-content
    li
    div:nth-child(1) {
        display: none;
    }

    main section .factor-section .upload-files .gray-text {
        color: #404040;
    }

    main section .factor-section .upload-files ul {
        border-bottom: 1px solid #dddddd;
        padding-bottom: 30px;
    }

    main section .factor-section .upload-files ul li {
        display: inline-block;
        width: 80px;
        height: 80px;
        border-radius: 1px;
        margin-left: 5px;
        background: #c4c4c4;
        margin-top: 13px;
        border: 1px solid #1765fc;
        overflow: hidden;
    }

    main section .factor-section .upload-files ul li:last-child {
        margin: 0;
    }

    main section .factor-section .upload-files ul li img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    main section .basket-factor .box-content .factor-content li div:nth-child(7) {
        width: 100% !important;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .buttons {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: row-reverse;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .buttons
    li {
        width: auto;
        padding: 0;
        margin: 0;
        border: none;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .edit {
        width: 100%;
        display: none;
        justify-content: space-between;
        background: #fcfcfc;
        top: 16px;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .edit
    li {
        width: auto;
        padding: 0;
        margin: 0;
        border: none;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .edit
    li
    .btn-default {
        padding: 5px 14px;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .edit
    li:nth-child(1) {
        flex-grow: 1;
        margin-left: 8px;
    }

    main
    section
    .basket-factor
    .box-content
    .factor-content
    li
    div:nth-child(7)
    .edit
    li:nth-child(1)
    input {
        width: 100%;
    }

    main section .basket-factor .box-yellow p,
    main section .basket-factor .box-green p {
        display: block !important;
    }

    .pay-way {
        display: block !important;
    }

    main section .basket-factor .pay-way-flex p {
        display: block !important;
    }

    main section .order-basket-box {
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #fff;
        padding: 14px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        border-radius: 20px 20px 0 0;
        z-index: 20;
    }

    main section .basket-factor .factor-final-box {
        background: #f7f7f7;
        margin-top: 30px;
        border-radius: 10px;
        border: none;
        margin-bottom: 150px;
    }

    main section .contact-us-plp-section .container:nth-child(2) {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    main section .contact-us-plp-section .flex {
        flex-flow: column;
    }

    main section .contact-us-plp-section .flex .child {
        width: 100%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) {
        display: block;
        position: relative;
        top: -24px;
        padding: 30px 0;
        border-radius: 0 20px 0 0;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) h4 {
        text-align: right;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons {
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-wrap: wrap;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons li {
        width: 49%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons li a {
        display: block;
    }

    main
    section
    .contact-us-plp-section
    .flex
    .child:nth-child(3)
    .buttons
    li
    a
    button {
        width: 100%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3)::before {
        display: none;
    }

    main section .filter-plp-section .item {
        margin-top: 15px;
        overflow-y: hidden;
        padding: 4px 0;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    main section .filter-plp-section .item::-webkit-scrollbar {
        display: none;
    }

    main section .filter-plp-section .main-content {
        margin-top: 20px;
        display: flex;
        flex-flow: row-reverse;
        justify-content: flex-end;
    }

    main section .filter-plp-section .main-content .search-plp {
        margin-right: 15px;
        margin-left: 0;
    }

    main section .contact-us-plp-section .container:nth-child(2) {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    main section .contact-us-plp-section .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    main section .contact-us-plp-section .flex .child {
        width: 100%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) {
        display: block;
        position: relative;
        top: -24px;
        padding: 14px 0;
        border-radius: 0 20px 0 0;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) h4 {
        text-align: right;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons li {
        width: 49%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons li a {
        display: block;
    }

    main
    section
    .contact-us-plp-section
    .flex
    .child:nth-child(3)
    .buttons
    li
    a
    button {
        width: 100%;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3)::before {
        display: none;
    }

    main section .filter-plp-section .item {
        margin-top: 15px;
        overflow-y: hidden;
        padding: 4px 0;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    main section .filter-plp-section .item::-webkit-scrollbar {
        display: none;
    }

    main section .filter-plp-section .main-content {
        /* nima */
        margin-top: 0px;
        /* nima */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    main section .filter-plp-section .main-content .search-plp {
        margin-right: 15px;
        margin-left: 0;
    }

    main section .plp-products-section .product-day .button {
        flex-wrap: wrap;
    }

    main section .plp-products-section .product-day .button div:nth-child(1) {
        width: 90%;
        order: 1;
    }

    main section .plp-products-section .product-day .button div:nth-child(2) {
        width: 100%;
        order: 3;
        text-align: center;
    }

    main section .plp-products-section .product-day .button div:nth-child(3) {
        width: 10%;
        order: 2;
        text-align: left;
    }

    main section .plp-products-section .product-day .button p:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 12px;
    }

    main section .plp-products-section .product-day .button p:nth-child(2) span {
        display: none;
    }

    main section .plp-products-section .product-day .button p span {
        font-size: 14px;
    }

    main section .plp-products-section .product-day .flex-day:nth-child(1) {
        display: none !important;
    }

    main section .plp-products-section .product-day .flex-day-container {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container::-webkit-scrollbar {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 70%;
        padding: 20px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day {
        width: 50%;
        margin-bottom: 12px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(2n + 1) {
        text-align: right;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(2n) {
        text-align: left;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day
    p
    b {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:last-child {
        width: 100%;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .child-flex-day:nth-child(2n + 1) {
        display: block;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day
    p
    b {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:last-child {
        width: 100%;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .child-flex-day:nth-child(2n + 1) {
        display: block;
    }

    main section .plp-products-section .product-day .flex-day span {
        font-size: 14px;
    }

    main section .plp-products-section .product-day .flex-day p {
        font-size: 14px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .price-day-discount::after {
        left: auto;
        right: -9px;
    }

    main section .by-type-section {
        margin-top: -25px;
    }

    main section .by-brand-section ul {
        padding: 0;
        border: none;
        gap: 15px;
    }

    main section .by-type-section ul li::after,
    main section .by-brand-section ul li::after {
        display: none;
    }

    main section .by-brand-section ul li {
        background: #ffffff;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        position: relative;
        width: calc(33.3333333333% - 15px);
    }

    main section .by-type-section ul li span,
    main section .by-brand-section ul li span {
        font-size: 12px;
    }

    .modal-backdrop {
        --bs-backdrop-zindex: 1001;
    }

    .modal.send-shopping-list {
        --bs-modal-margin: 0;
        --bs-modal-border-width: 0;
        --bs-modal-border-radius: 0;
        --bs-modal-zindex: 1002;
    }

    .modal.send-shopping-list .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        border: none;
    }

    .modal.send-shopping-list .modal-dialog .modal-content {
        border-radius: 0px;
        height: 100vh;
        overflow: hidden;
        overflow-y: auto;
        padding-bottom: 85px;
    }

    .modal.send-shopping-list .modal-dialog .modal-content .page-title {
        width: 100%;
        position: relative;
        text-align: center;
        padding-top: 15px;
    }

    .modal.send-shopping-list .modal-dialog .modal-content .page-title h6 {
        font-size: 19px;
    }

    .modal.send-shopping-list .modal-dialog .modal-content .page-title .back-btn {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .modal.send-shopping-list
    .modal-dialog
    .modal-content
    .page-title
    .back-btn
    svg {
        width: 20px;
        height: auto;
    }

    .modal.modal-factor {
        --bs-modal-margin: 0;
        --bs-modal-border-width: 0;
        --bs-modal-border-radius: 0;
    }

    .modal.modal-factor .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        border: none;
    }

    .modal.modal-factor .modal-dialog .modal-content {
        border-radius: 0px;
        height: 100vh;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal.modal-factor .modal-dialog .modal-content .page-title {
        width: 100%;
        position: relative;
        text-align: center;
        padding-top: 15px;
    }

    .modal.modal-factor .modal-dialog .modal-content .page-title h6 {
        font-size: 19px;
    }

    .modal.modal-factor .modal-dialog .modal-content .page-title .back-btn {
        position: absolute;
        right: 0;
        top: 15px;
    }

    .modal.modal-factor .modal-dialog .modal-content .page-title .back-btn svg {
        width: 20px;
        height: auto;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child
    .factory {
        position: relative;
        width: 100%;
        flex-wrap: wrap;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child
    .factory
    li {
        width: 50%;
        padding: 5px 0;
        margin: 0;
        text-align: center;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child
    .factory
    li
    a {
        font-family: "IRANSansX-Bold";
        font-size: 12px;
        border: none !important;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child
    .factory::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        height: 28px;
        width: 1.5px;
        background: #1765fc;
    }

    .modal.modal-factor .modal-dialog .modal-content .order-status li {
        background: #f7f7f7;
        padding: 15px;
        border-radius: 4px;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content {
        flex-wrap: wrap;
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 17px;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child:nth-child(4) {
        padding-top: 20px;
        padding-bottom: 6px;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child:last-child {
        justify-content: center;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default {
        font-family: "IRANSansX-Bold";
        background-color: transparent;
        color: #1765fc;
        border: none;
        padding: 0;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default::after,
    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default:focus {
        background-color: transparent;
        color: #1765fc;
        border: none;
        padding: 0;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child:last-child
    a
    .btn-default:hover {
        background-color: transparent;
        color: #598ff9;
        border: none;
        padding: 0;
    }

    .modal.modal-factor .modal-dialog .modal-content .order-status li .details {
        flex-flow: row-reverse;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .details
    .child:nth-child(2) {
        margin: 0 25px 0 auto;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .details
    .child:nth-child(1)
    span:nth-child(1) {
        text-align: left;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child
    span:nth-child(1) {
        font-size: 14px;
    }

    .modal.modal-factor
    .modal-dialog
    .modal-content
    .order-status
    li
    .main-order-content
    .child
    .number {
        font-size: 14px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(7) {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(8) {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(8)
    .btn-more-pro-details-toggle {
        display: none;
    }

    main
    section
    .filter-plp-section
    .main-content
    .main-mega-search-content
    .mega-search,
    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .quotation-pro-details,
    main section .plp-products-section .product-day .flex-day .more-pro-details {
        width: 100%;
        position: fixed;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10008;
        border-radius: 20px 20px 0 0;
    }

    main
    section
    .filter-plp-section
    .main-content
    .main-mega-search-content
    .mega-search
    p,
    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .quotation-pro-details
    p,
    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .more-pro-details
    p {
        white-space: normal;
    }

    .show-more-info-mobile {
        display: block;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        color: #1765fc;
        font-size: 13px;
        margin: 19px auto 0;
        padding-bottom: 0;
    }

    .panel .main-panel-index {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    header .user-not-login {
        max-height: 100%;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding-bottom: 55px;
        z-index: 100;
    }

    header.z-index-header {
        z-index: 10000;
    }

    header .user-not-login .order-basket-btn-box {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
    }

    header .user-not-login .order-basket-btn-box .btn-plus {
        width: 100%;
        color: #1765fc;
        border: 1px solid #1765fc;
        border-radius: 4px;
    }

    #mainBasket .page-title {
        box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1);
    }

    #mainBasket .page-title h3 {
        font-size: 17px;
    }

    .mega-search-mobile {
        width: 100%;
        height: 70vh;
        background: #fff;
        position: fixed;
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10008;
        padding: 20px 20px 65px 20px;
        border-radius: 20px 20px 0 0;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .mega-search-mobile .d-flex {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .mega-search-mobile .main li {
        border: 1px solid #bbbbbb;
        padding: 15px 8px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .mega-search-mobile .main li .show-more-content-btn {
        position: relative;
        width: 100%;
        padding-bottom: 5px;
        display: block;
        text-align: right;
    }

    .mega-search-mobile .main li .show-more-content-btn svg {
        position: absolute;
        left: 0;
        top: 5px;
    }

    .mega-search-mobile .main li .sub-menu {
        height: 0px;
        max-height: 150px;
        overflow: hidden;
        overflow-y: auto;
    }

    .mega-search-mobile .main li .sub-menu li {
        margin-top: 15px;
    }

    .mega-search-mobile .main li .sub-menu li .form-check .form-check-input {
        float: right;
        margin-left: 9px;
        margin-top: 0px;
        width: 1.4em;
        height: 1.4em;
        cursor: pointer;
    }

    .mega-search-mobile
    .main
    li
    .sub-menu
    li
    .form-check-input:checked[type="checkbox"] {
        background-image: url("../images/plus-checkbox.svg");
        background-size: 12px;
    }

    .mega-search-mobile .main li .sub-menu li .form-check-label {
        margin-top: 4px;
    }

    .mega-search-mobile .main li .sub-menu li .form-check-input:focus {
        box-shadow: none;
    }

    .mega-search-mobile .main li ul li {
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .mega-search-mobile .main li .add-filter li {
        display: inline-block;
        background: #1765fc;
        color: #fff;
        padding: 5px;
        margin-left: 5px;
        border-radius: 4px;
        margin-top: 12px;
        margin-bottom: 0;
    }

    .mega-search-mobile .main li .add-filter li svg {
        position: static;
    }

    .mega-search-mobile .buttons {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 5px 20px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        z-index: 2;
    }

    .mega-search-mobile .buttons div {
        width: 49%;
    }

    .mega-search-mobile .buttons div button {
        width: 100%;
        display: block;
    }

    main section .price-day-section .container {
        max-width: 100% !important;
    }

    main section .price-day-section .border {
        border-radius: 0;
        margin-top: 20px;
        border: none !important;
    }

    main section .brands-sections .main-content ul li::after {
        display: none;
    }

    main section .brands-sections .main-content ul li {
        width: calc(33.3333333333% - 10px);
        background: #fff;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    main section .brands-sections .main-content ul {
        border: none;
        gap: 15px;
    }

    main section .blog-section .splide-components .splide__slide.is-next .box,
    main
    section
    .success-report-section
    .splide-components
    .splide__slide.is-next
    .report-box {
        box-shadow: none;
        border: 0.3px solid #bbbbbb;
    }

    main section .blog-section .splide-components .splide__slide.is-active .box,
    .splide__slide.is-active .report-box {
        border: 1px solid #1765fc;
        box-shadow: 2px 2px 2px rgba(23, 101, 252, 0.2);
    }

    main section .plp-products-section .product-day .button .price-day-discount {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(5) {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(6) {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(10) {
        display: block;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(11)
    span {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day
    .price-day-discount::after {
        height: 18px;
        width: 18px;
        top: 2px;
        right: -6px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(13) {
        width: 100%;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:last-child {
        display: none;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(9) {
        background: #f8f8f8;
        height: 43px;
        padding: 14.5px 9px 14.5px 0;
        margin: 0;
        border-radius: 0 4px 0 0;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(10) {
        background: #f8f8f8;
        height: 43px;
        padding: 11px 0 11px 9px;
        margin: 0;
        border-radius: 4px 0 0 0;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(11) {
        background: #f8f8f8;
        height: 43px;
        padding: 18.8px 9px 18.8px 0;
        border-radius: 0 0 4px 0;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(12) {
        background: #f8f8f8;
        height: 43px;
        padding: 11px 0 11px 9px;
        border-radius: 0 0 0 4px;
    }

    main section .factor-section .factor-final-box ul li:last-child {
        border-top: 1px solid #dddddd;
        padding-top: 22px;
    }

    main section .intro-section .container {
        height: auto;
    }

    main section .intro-section .dots {
        bottom: -28px;
    }

    main section .intro-section .dots li {
        border: 1px solid #092474;
    }

    main section .intro-section .dots li.active {
        background: #092474;
    }

    main section .all-brands-section ul li {
        width: calc(25% - 15px);
        padding: 15px 4px;
    }

    main section .all-brands-section ul {
        gap: 15px;
        border: none;
        border-radius: 0;
    }

    main section .all-brands-section ul li::after {
        display: none;
    }

    main section .all-brands-section ul li img {
        width: 50px;
        height: 50px;
    }

    main section .order-section {
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    header .user-not-login .show-more-content-box .content {
        min-height: 30vh;
        padding-bottom: 100px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(3) {
        padding: 23px 0 0;
        width: 35%;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(2) {
        width: 50%;
        padding: 12px 0;
        display: flex;
        align-items: center;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .label {
        margin-bottom: 0;
        margin-left: 5px;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .select-cu {
        width: auto;
        display: inline-block;
        flex-grow: 1;
    }

    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child:nth-child(5) {
        padding: 14px 0 0;
        width: 10%;
    }

    main section .order-section .main-box form .order-serch-box ul {
        height: 55vh;
    }

    main section .customers-section .splide .box img {
        width: 55px;
        height: 55px;
    }

    main section .customers-section .splide .box span {
        font-size: 14px;
    }

    main section .success-report-section .splide-components .splide__slide,
    main section .blog-section .splide-components .splide__slide {
        opacity: 0.4;
    }

    main
    section
    .success-report-section
    .splide-components
    .splide__slide.is-active,
    main section .blog-section .splide-components .splide__slide.is-active {
        opacity: 1;
    }

    .container-mobile {
        max-width: 540px;
    }

    main section .all-customers ul {
        grid-template-columns: repeat(4, 1fr);
    }

    main section .our-values-section .circle-box-big {
        width: 300px;
        height: 300px;
        margin: 90px auto;
    }

    main section .our-values-section .circle-box-little {
        width: 170px;
        height: 170px;
        margin: 153px auto;
    }

    main section .our-values-section .logo {
        width: 35px;
        position: absolute;
        top: 46%;
    }

    main section .our-values-section .circle-box-little .circle::before,
    main section .our-values-section .circle-box-big .circle::before {
        width: 50px;
        height: 50px;
    }

    main section .our-values-section .circle-box-little .circle svg,
    main section .our-values-section .circle-box-big .circle svg {
        width: 30px;
        height: 30px;
        margin-top: 8px;
    }

    main section .our-values-section .circle-box-big .circle:nth-child(1) svg {
        margin-top: -9px;
    }

    main section .our-values-section .circle-box-big .circle:nth-child(1) {
        -webkit-animation: circleMobile 12s linear infinite;
        animation: circleMobile 12s linear infinite;
    }

    main section .our-values-section .circle-box-big .circle:nth-child(2) {
        -webkit-animation: circleMobile2 12s linear infinite;
        animation: circleMobile2 12s linear infinite;
    }

    main section .our-values-section .circle-box-big .circle:nth-child(3) {
        -webkit-animation: circleMobile3 12s linear infinite;
        animation: circleMobile3 12s linear infinite;
    }

    main section .our-values-section .circle-box-big .circle:nth-child(4) {
        -webkit-animation: circleMobile4 12s linear infinite;
        animation: circleMobile4 12s linear infinite;
    }

    main section .our-values-section .circle-box-little .circle {
        z-index: 2;
    }

    main section .our-values-section .circle-box-little .circle:nth-child(1) {
        -webkit-animation: circleMobile5 12s linear infinite;
        animation: circleMobile5 12s linear infinite;
    }

    main section .our-values-section .circle-box-little .circle:nth-child(2) {
        -webkit-animation: circleMobile6 12s linear infinite;
        animation: circleMobile6 12s linear infinite;
    }

    main section .our-values-section .circle-box-little .circle:nth-child(3) {
        -webkit-animation: circleMobile7 12s linear infinite;
        animation: circleMobile7 12s linear infinite;
    }

    main section .our-values-section .circle-box-big .circle,
    main section .our-values-section .circle-box-little .circle {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: 85px;
    }

    main section .our-values-section {
        height: 470px;
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 576px) {
    main
    section
    .filter-by-brand-n
    .main-content-w
    .main-content-w-box
    .main-content-w-child
    .acc-filter-by-brand-n
    ul
    li
    .child
    .price {
        font-size: 13px;
    }

    h1 {
        font-size: 18px;
    }

    .alert-show {
        width: 90%;
        margin: 0 auto;
        right: 0;
    }

    .container-mobile {
        max-width: 100%;
    }

    .panel
    section
    section
    .main-box
    .boxs
    .box
    form
    .flex
    .child
    .toggle-password {
        top: 27px;
    }

    main section .all-brands-section ul {
        grid-template-columns: repeat(3, 1fr);
    }

    main section .all-brands-section select {
        width: 100%;
    }

    main section .offer-section .content .child:nth-child(2) form h5 {
        font-size: 14px;
    }

    main section .offer-section .content .child:nth-child(2) form {
        width: 92%;
    }

    main section .job-section .box form h5 {
        font-size: 14px;
    }

    main section .job-section .box form div {
        width: 92%;
    }

    main section .about-us-page-title .content h4 {
        font-size: 20px;
    }

    main section .about-us-page-title .content p {
        font-size: 14px;
    }

    main section .our-mission-section ul li h5 {
        font-size: 13px;
    }

    main section .filter-plp-section .main-content .search-plp input {
        width: 300px;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) h4 {
        font-size: 17px;
    }

    main section .contact-us-plp-section .flex .child:nth-child(3) .buttons {
        width: 99%;
        margin: 13px auto 0;
    }

    main section .plp-products-section .product-day .button h6 {
        font-size: 15px;
    }

    .modal.send-shopping-list .files-uploaded li {
        height: 72px;
    }

    .title h2 {
        font-size: 15px;
    }

    main section .categories-section .mobile-categories-section-box li .item h5 {
        font-size: 13px;
    }

    main section .price-day-section .splide .box h4 {
        font-size: 14px;
    }

    main section .price-day-section .splide .box {
        padding: 14px;
    }

    main section .success-report-section .splide-components .report-box h3,
    main section .blog-section .splide-components .box h3 {
        font-size: 15px !important;
    }

    .report-box ul li {
        font-size: 13px;
    }

    .report-box p {
        font-size: 13px;
    }

    footer .top-footer .flex div h4 {
        font-size: 1.1rem;
    }
}

@media only screen and (max-width: 520px) {
    body {
        font-size: 13px;
    }

    main section .intro-section .content .row .box h1 {
        font-size: 21px;
    }

    main section .intro-section .title {
        top: 60px;
    }

    main section .intro-section .brands {
        top: 175px;
    }

    main section .categories-section .mobile-categories-section-box li {
        width: calc(33.3333333333% - 10px);
    }

    main section .success-report-section .splide-components .report-box h3 {
        font-size: 17px;
        margin-top: 17px;
        margin-bottom: 5px;
    }

    main section .brands-sections .main-content ul {
        grid-template-columns: repeat(3, 1fr);
    }

    main section .blog-section .splide-components .box h3 {
        font-size: 16px;
        margin-top: 22px;
    }

    main section .blog-section .splide-components .box p {
        font-size: 13px;
    }

    main section .blog-section .splide-components .box span {
        font-size: 13px;
    }

    footer .top-footer .flex div .logo img {
        width: 7.888rem;
    }

    footer .top-footer .flex div .quick-links span {
        font-size: 13px;
    }

    .panel section .page-title h3,
    .user-not-login .page-title {
        font-size: 18px;
    }

    .panel section .page-title .back-btn svg,
    .user-not-login .page-title .back-btn svg {
        width: 18px;
    }

    main .factor-section .page-title h3 {
        font-size: 18px;
    }

    main .factor-section .page-title .back-btn svg {
        width: 18px;
    }
}

@media only screen and (max-width: 490px) {
    .mobile-nav ul li a,
    .mobile-nav ul li button {
        font-size: 10px;
        padding: 10px 0px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(10)
    span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 450px) {
    main section .plp-products-section .product-day .flex-day span {
        font-size: 11px;
    }

    main section .filter-plp-section .main-content .search-plp input {
        width: 218px;
        padding: 12px 30px 12px 10px;
    }

    main section .plp-products-section .product-box div h5 {
        font-size: 15px;
    }

    main
    section
    .contact-us-plp-section
    .flex
    .child:nth-child(3)
    .buttons
    li
    .btn-blue {
        font-size: 13px;
    }

    main section .by-brand-section ul li {
        width: calc(33.3333333333% - 15px);
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day
    .child-flex-day:nth-child(10)
    span {
        font-size: 11px;
    }

    main
    section
    .plp-products-section
    .product-day
    .flex-day-container
    .flex-day {
        width: 80%;
        padding: 15px;
    }
}

@media only screen and (max-width: 410px) {
    header .btn-user-mobile svg {
        width: 18px;
        height: auto;
    }

    header .navbar .top-header .container {
        grid-template-columns: 1fr 1fr 1.3fr;
    }
}

@media only screen and (max-width: 390px) {
    main section .intro-section .content .row .box h1 {
        font-size: 19px;
    }

    .btn {
        font-size: 14px;
    }

    header .btn-user-mobile span {
        width: 75px;
    }

    header .btn-user-mobile {
        padding: 0.5rem 0.9rem;
    }

    main section .intro-section .brands li span {
        font-size: 13px;
    }

    main section .offer-section .content .child:nth-child(1) h6 {
        font-size: 15px;
    }

    main section .why-us-section .mobile-hexagonal li p {
        font-size: 12px;
    }

    main section .job-section .box span {
        font-size: 14px;
    }

    main section .about-us-page-title .content p {
        font-size: 13px;
    }

    main section .brands-sections .main-content ul li {
        width: calc(33.3333333333% - 9px);
    }

    main section .brands-sections .main-content ul {
        border: none;
        gap: 8px;
    }
}