@media (min-width: 576px) {
    .advertisements-section .container {
        max-width: 95%;
    }
}

@media (min-width: 1199px) {
    .advertisements-section .col-lg-9 .d-xl-inline-block.four-grid {
        display: none !important;
    }

    .advertisements-section .col-lg-12 .d-xl-inline-block.four-grid {
        display: inline-block !important;
    }
}

@media (max-width:1699px) {
    .category-wrap.theme-bg-color h2 {
        font-size: 30px;
    }
}

@media (max-width: 1600px) {


    .bidding-c label {
        font-size: 16px !important;
    }


    .zoud-search.search-box1 {
        min-width: 300px;
        width: 100%;
    }

    .brand-logo .svg-icon {
        width: 50px;
        height: auto;
        margin-left: 20px;
    }

    header .main-navbar .nav-menu > li > a {
        display: block;
        color: #0e2647;
        font-size: 14px;
    }

    .brand-logo img {
        max-width: 90px;
    }
}


@media (max-width:1559px) {
    .category-wrap.theme-bg-color h2 {
        font-size: 26px;
    }

    .category-wrap.theme-bg-color .light-text {
        font-size: 50px;
        top: 28px;
    }
}

@media (max-width: 1499px) {

    .main-header .btn-sell .btn-spacing {
        padding: 10px 10px;
        font-size: 12px;
    }

    header .main-menu .menu-right > ul > li + li {
        margin-right: 10px;
    }

        header .main-menu .menu-right > ul > li + li.btn-sell {
            margin-right: 8px;
        }

    .zoud-search.search-box1 {
        min-width: 170px;
    }

        .zoud-search.search-box1 .form-control {
            width: 170px;
        }

    header .main-menu .menu-right .search-box {
        padding: 10px 10px;
    }

    .brand-logo img {
        max-width: 80px;
    }

    header .main-navbar .nav-menu > li > a {
        font-size: 13px;
    }

    header .main-menu .menu-right > ul > li svg.pe-2 {
        padding-left: 0.2rem !important;
    }

    header .main-navbar .nav-menu > li.dropdown .menu-title {
        padding-left: 15px;
    }

    header .main-navbar .nav-menu > li + li + li {
        margin-right: 10px;
    }

    header .search-full.open {
        width: calc(100% - 290px);
    }

    header .search-full .input-group .input-group-text.close-search {
        left: -48px;
        top: 6px;
        width: 40px;
        height: 40px;
        right: unset;
    }

    .card-zoud {
        width: 100%;
        padding: 25px 20px;
    }

        .card-zoud .btn {
            min-width: 130px;
            padding: 8px 12px;
        }

        .card-zoud .img-card-zoud {
            width: 122px;
        }

    .list-advertisements-section .list-style .product-box .img-wrapper {
        width: 40%;
    }

    .list-advertisements-section .list-style .product-box .product-details {
        width: 60%;
    }
}

@media (max-width:1429px) {
    .auction-block-card .footer-card-auction .product-description .qty-box .input-group .form-control {
        font-size: 24px;
        max-width: 116px;
    }

    .auction-block-card .footer-card-auction .product-description .qty-box {
        padding: 2px 8px;
    }

        .auction-block-card .footer-card-auction .product-description .qty-box .price-input-box #Riyal {
            top: 12px;
            width: 21px;
            height: 22px;
        }

        .auction-block-card .footer-card-auction .product-description .qty-box .input-group-prepend .quantity-left-minus {
            width: 28px;
            height: 26px;
            border-radius: 5px !important;
            padding: 3px 1px;
        }

        .auction-block-card .footer-card-auction .product-description .qty-box .input-group-prepend .quantity-right-plus {
            width: 28px;
            height: 26px;
            border-radius: 5px !important;
            padding: 3px 1px;
        }
}

@media (max-width:1417px) {
    .category-wrap.theme-bg-color h2 {
        font-size: 24px;
    }
}

@media (max-width: 1400px) {
    .save-details-box .save-details .button a.btn-l {
        min-width: 120px;
    }
}


@media (max-width:1399px) {
    .product-box.arrange-card .items-option-products .date h3,
    .product-box.arrange-card .items-option-products .date .ms-1 {
        font-size: 16px;
    }

    .product-box.arrange-card .items-option-products .loc h5 {
        font-size: 15px;
    }

    .product-box.arrange-card .items-option-products .loc svg {
        width: 12px;
        height: 15px;
    }

    .box-delevery-way .item-li .box-icon svg {
        width: 24px;
        height: 24px;
    }

    .product-box.arrange-card .items-option-products .date .d-flex > svg {
        width: 15px;
        height: 18px;
    }

    .box-delevery-way .item-li {
        margin-left: 2px;
    }

    .product-box.arrange-card .footer-card-product .date-alerm h4 {
        font-size: 15px;
    }

    .product-box.arrange-card .footer-card-product .date-alerm svg {
        width: 16px;
        height: 18px;
    }

    .product-box.arrange-card .footer-card-product .date-alerm .countdown-container .countdown-box span {
        font-size: 10px !important;
    }

    .product-box.arrange-card .footer-card-product .btn {
        padding: 6px 8px;
        font-size: 14px;
    }

        .product-box.arrange-card .footer-card-product .btn.btn-solid-default svg {
            width: 16px;
            height: 16px;
        }

    .product-box.arrange-card .slider-products.small-height-ads img {
        height: 220px;
    }

    .box-delever-option .item-box .box-icon {
        margin-left: 8px;
    }

    .box-delever-option .item-box .info-way .title-way {
        font-size: 15px;
    }

    .box-delever-option .item-box {
        padding: 13px 10px !important;
    }

        .box-delever-option .item-box .info-way .par-way {
            font-size: 13px;
        }

        .box-delever-option .item-box .box-icon svg {
            width: 25px;
            height: 25px;
        }

    .list-advertisements-section .list-style .product-box.arrange-card .slider-products.small-height-ads img {
        max-width: 100%;
        height: 150px;
    }

    .list-advertisements-section .list-style .product-box.arrange-card .diamond {
        width: 25px !important;
    }

    .list-advertisements-section .list-style .product-box.arrange-card .heart-button {
        width: 30px;
        height: 30px;
        top: 5px;
        left: 8px;
    }

    .list-advertisements-section .list-style .product-box {
        padding: 10px;
        border-radius: 10px;
    }

        .list-advertisements-section .list-style .product-box .img-wrapper {
            border-radius: 10px;
        }

    .category-wrap.theme-bg-color h2 {
        font-size: 32px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li::after {
        left: 70%;
        width: 80px;
    }
}

@media (max-width:1397px) {
    .card-zoud {
        padding: 25px 16px;
    }

        .card-zoud .title-card-zoud {
            font-size: 23px;
        }

        .card-zoud .par-card-zoud {
            margin-bottom: 13px;
            font-size: 16px;
        }

        .card-zoud .img-card-zoud {
            width: 115px;
        }

        .card-zoud::after {
            bottom: -196px;
        }
}

@media (max-width: 1366px) {
    .lang-dropdown .dropdown-menu {
        left: 0 !important;
    }
}







@media (max-width:1349px) {
    .box-delever-option .item-box {
        margin-left: 10px;
    }

        .box-delever-option .item-box .box-icon {
            margin-left: 9px;
        }

    .download-app h3, .download-app h4 {
        font-size: 32px;
    }
}




@media (max-width:1299px) {
    .list-advertisements-section .list-style .date .loc {
        display: none !important;
    }

    .product-box.arrange-card .footer-card-product .date-alerm h4 {
        font-size: 13px;
    }

    .product-box.arrange-card .footer-card-product .btn {
        padding: 5px 8px;
        font-size: 13px;
        border-radius: 5px !important;
    }

    .product-box.arrange-card .btn-solid-default::before {
        border-radius: 0px;
    }

    .product-box.arrange-card .footer-card-product .btn.btn-solid-default svg {
        width: 14px;
        height: 14px;
        margin-left: 2px;
    }

    .product-box.arrange-card .box-delevery-way .item-li .box-icon svg {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 1280px) {

    .pro-img {
        width: 120px;
    }

    .save-details-box .save-details .button span {
        display: none
    }

    .price-detail-bidding {
        padding: 11px 13px;
        margin-left: 9px;
    }


    .footer-sm-space {
        padding: 0 25px;
    }



    .download-app {
        padding: 28px;
        background-color: aliceblue;
        border-radius: 20px;
        margin: 77px 22px !important;
    }

        .download-app h2 {
            font-size: 35px;
            line-height: 54px;
        }



    .img-screen1 img {
        position: absolute;
        width: 248px;
        left: 135px;
        top: -101px;
    }

    .img-screen2 img {
        position: absolute;
        width: 218px;
        left: 0px;
    }

    .zoud-search.search-box1 {
        min-width: 170px;
        width: 100%;
    }
}

@media (max-width:1269px) {
    .card-zoud {
        padding: 18px 12px;
        margin-right: 0;
        width: 100%;
    }

    .home-section .col-lg-9 ~ .col-lg-3 {
        padding-left: 0;
    }

    .card-zoud .img-card-zoud {
        width: 100px;
    }

    .card-zoud .title-card-zoud {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .card-zoud .par-card-zoud {
        margin-bottom: 12px;
        font-size: 15px;
    }

    .card-zoud .btn {
        min-width: 130px;
        padding: 8px 12px;
    }

    .card-zoud::after {
        bottom: -200px;
    }
}

@media (max-width:1109px) {
    .category-wrap.theme-bg-color h2 {
        font-size: 26px;
    }
}



@media (max-width: 1199px) {

    .box-download-app img {
        max-width: 136px;
    }

    .card-zoud {
        display: none;
    }

    cf-turnstile {
        max-width: 100%;
        min-width: 100%;
    }

    .home-section .col-lg-9.col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .advertisementDetails-section .box-infoOn-img .details-image-concept .title-details {
        font-size: 24px;
    }

    .advertisementDetails-section .box-infoOn-img .details-image-concept .video-popup .popup-media svg {
        width: 32px;
        height: 32px;
    }

    .box-delever-option .item-box {
        max-width: 100%;
        flex: 0 0 100%;
        margin-left: 0;
    }

    .box-delever-option {
        flex-wrap: wrap;
    }

    .product-count.views-number-block ul li:first-of-type .box-icon svg {
        width: 20px;
        height: 20px;
    }

    .product-count.views-number-block ul li .box-icon svg {
        width: 16px;
        height: 16px;
    }

    .cf-turnstile {
        max-width: 250px;
    }

    header .wislist-empty {
        padding: 12px;
    }

    header .main-menu .icon-menu-mobile {
        padding: 3px;
        height: 40px;
        width: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background-color: aliceblue;
        color: #2a6fac;
        border-radius: 50%;
        transition: .4s;
    }

        header .main-menu .icon-menu-mobile:hover {
            transform: translateY(-4px);
        }

    header .main-navbar .nav-menu > li + li + li {
        margin-right: 0;
    }

    header .main-navbar .nav-menu > li > a .according-menu {
        display: none !important;
    }

    header .main-navbar .nav-menu > li.dropdown {
        position: relative;
    }

        header .main-navbar .nav-menu > li.dropdown .menu-title {
            padding-left: 22px;
        }

        header .main-navbar .nav-menu > li.dropdown a::before {
            content: "";
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 512.012 512.012" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g transform="matrix(1,0,0,1,0,10)"><path d="M505.325 129.52c-9.241-9.802-24.699-10.167-34.452-.951l-214.88 203.566L41.138 128.57c-9.753-9.241-25.187-8.851-34.452.951-9.265 9.777-8.851 25.211.927 34.476l231.63 219.439a24.328 24.328 0 0 0 16.75 6.681 24.39 24.39 0 0 0 16.775-6.681l231.63-219.439c9.778-9.266 10.192-24.699.927-34.477z" fill="%230E2647" opacity="1" data-original="%23000000" class=""></path></g></svg>');
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
        }

        header .main-navbar .nav-menu > li.dropdown .nav-submenu.menu-content li a::before {
            display: none;
        }

        header .main-navbar .nav-menu > li.dropdown .nav-submenu li a:after {
            display: none;
        }

        header .main-navbar .nav-menu > li.dropdown .nav-submenu svg {
            display: none;
        }

    .category-slider1 .slick-prev {
        top: 80px;
    }

    .category-slider1 .slick-next {
        top: 119px;
    }

    .buy-ads-popup .payAdForm-modal .box-delever-option {
        flex-wrap: nowrap;
    }

        .buy-ads-popup .payAdForm-modal .box-delever-option .item-box {
            max-width: calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
        }

    .createAdvertisement-section.steps ul.tab-step-box li::after {
        left: 98%;
    }
}


@media (max-width: 1150px) {


    .pro-img {
        margin-bottom: 10px
    }

    .save-details-box .save-details .button a.btn-l {
        min-width: 170px;
    }
}



@media (max-width: 991px) {

    .addeffect-section .qty-box .input-group input {
        padding: 4px 10px;
    }


    .addeffect-section .qty-box .input-group-prepend .quantity-right-plus {
        width: 40px;
        height: 40px;
        padding: 7px 9px;
    }

    .addeffect-section .qty-box .input-group-prepend .quantity-left-minus {
        width: 40px;
        height: 40px;
        padding: 7px 6px;
    }

    .details-items .cloth-details-size .details-image-concept h2 {
        font-size: 17px;
    }

    .footer-sm-space {
        padding: 0 15px;
    }



    .download-app h2 {
        font-size: 24px;
        line-height: 40px;
    }

    .img-screen2 img {
        position: absolute;
        width: 173px;
        left: -65px;
        top: -34px;
    }

    .img-screen1 img {
        position: absolute;
        width: 202px;
        left: 35px;
        top: -71px;
    }

    .download-app {
        padding: 25px;
        background-color: aliceblue;
        border-radius: 20px;
        margin: 20px 15px !important;
    }

    .category-section {
        padding: 30px 25px;
    }

    .title-2 h2, .title-2 h1 {
        font-size: 26px;
    }

    .box-download-app img {
        max-width: 100px;
    }

    .mobile-madia {
        display: flex;
    }

    .supportQuestion-section .category-option {
        height: 81px;
        overflow: hidden;
        display: block;
        transition: .5s;
    }

        .supportQuestion-section .category-option.open-navTabs {
            height: auto;
            overflow: auto;
        }

        .supportQuestion-section .category-option .icon-choose {
            width: 30px;
            height: 30px;
            border: 0;
            outline: none;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            padding: 0;
            background-color: transparent;
        }

        .supportQuestion-section .category-option.open-navTabs .icon-choose svg {
            display: none
        }

        .supportQuestion-section .category-option.open-navTabs .icon-choose {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 24px;
        }



    .cloth-review .nav-tabs .nav-link {
        padding: 10px 18px;
        font-size: 15px;
    }

    .messages-section .block-message .box-info a.title-ads {
        font-size: 14px;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .messages-section .block-message .box-img {
        margin-left: 6px;
    }

    .messages-section .block-message {
        padding: 8px 8px;
    }

        .messages-section .block-message .img-ads {
            width: 45px;
            height: 45px;
        }

        .messages-section .block-message .box-info {
            width: calc(100% - 51px);
        }

            .messages-section .block-message .box-info .footer-info .done-buy {
                padding: 4px 8px;
            }

                .messages-section .block-message .box-info .footer-info .done-buy svg {
                    width: 14px;
                    height: 14px;
                    margin-left: 2px;
                }

    .messages-section .cloth-review .tab-pane {
        padding: 15px;
    }

    .sticky-bottom-cart .container {
        max-width: 100%;
        padding: 0 20px;
    }

    .sticky-bottom-cart .block-offer-buy .user-info-info-block p .link-user {
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
    }

    .shop-category-section .category-wrap.theme-bg-color {
        padding-left: 46px;
        min-height: 90px;
        width: 70%;
        margin: auto;
    }

    .category-wrap.theme-bg-color h2 {
        font-size: 22px;
    }

    .white-arrow .slick-arrow {
        width: 25px;
        height: 25px;
    }

    .category-slider1 .slick-prev {
        left: 16%;
        top: -28px;
        right: unset;
    }

    .category-slider1 .slick-next {
        left: 16%;
        top: -78px;
        right: unset;
    }

    .light-arrow .slick-arrow:before, .white-arrow .slick-arrow:before {
        top: -1px !important;
        left: 0px;
        width: 23px;
        height: 23px;
    }

    .advertisementDetails-section .cloth-details-size-box {
        padding-left: 0;
    }

    .advertisementDetails-section .details-image-vertical {
        margin-bottom: 15px;
    }

    .advertisements-section .hide-button {
        display: flex !important;
    }

    .category-section.special-section {
        padding-bottom: 40px;
    }

    .category-section.best-ads-section {
        padding: 35px 0px;
    }

    .custome-nav-tabs {
        height: auto;
        position: relative !important;
        top: 0 !important;
        width: 100%;
    }

        .custome-nav-tabs.show {
            right: 0;
        }

    .category-option {
        position: fixed;
        top: 0;
        right: -320px;
        background-color: #fff;
        z-index: 144;
        padding: 15px;
        width: 300px;
        height: 100vh;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        overflow-y: scroll;
        overflow-x: auto;
    }

    .myAccount-info-section .category-option .button-close {
        text-align: end;
    }

        .myAccount-info-section .category-option .button-close .btn {
            margin-right: auto;
            width: 30px;
            height: 30px;
            border-radius: 50% !important;
            background-color: #ff6161;
            color: #fff;
            justify-content: center;
            align-items: center;
            transition: .4s;
        }

    .category-option .button-close button .feather {
        margin: 0;
        width: 24px;
    }

    .myAccount-info-section .category-option .custome-nav-tabs {
        margin-bottom: 0;
    }

    .myAccount-info-section .custome-nav-tabs li {
        display: block;
        width: 100%;
    }

    .myAccount-info-section .category-option {
        background-color: #eff2f7;
    }

        .myAccount-info-section .category-option .custome-nav-tabs {
            padding: 8px;
            border-radius: 0;
        }

    .buy-ads-popup .payAdForm-modal .box-delever-option {
        flex-wrap: wrap;
    }

        .buy-ads-popup .payAdForm-modal .box-delever-option .item-box {
            max-width: 100%;
            flex: 0 0 100%;
        }

    .createAdvertisement-section.steps ul.tab-step-box li::after {
        left: 62%;
    }

    .seller-details-section .seller-details-box {
        display: block;
        text-align: center;
    }

        .seller-details-section .seller-details-box .seller-avatar {
            width: 75px;
            height: 75px;
            margin-left: 0;
            margin-bottom: 12px;
        }

    .seller-details-section .seller-info-content .emoji-div {
        gap: 10px;
        margin-top: 8px;
        margin-right: 0;
        justify-content: center;
    }

    .seller-details-section .seller-info-content.d-flex {
        display: block !important;
    }

        .seller-details-section .seller-info-content.d-flex .text-16,
        .seller-details-section .seller-info-content.d-flex .name-seller {
            display: inline-block !important;
        }
}


@media (max-width: 767px) {


    .cloth-review .nav-tabs {
        justify-content: start !important;
    }



    .steps ul {
        justify-content: center !important;
    }

    .download-app {
        padding: 30px 20px;
    }

    .save-details-box .save-details .button a.btn-l {
        min-width: 150px;
    }

    .download-app .my-5.font-light {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .download-app .collection-contain h2 br {
        display: none;
    }

    .bidding-c label {
        font-size: 15px !important;
        font-weight: 600;
    }

    .product-buttons {
        justify-content: center !important;
    }



    .qty-box.me-3 {
        margin-left: 0 !important
    }


    section, .section-t-space {
        padding-top: 30px;
    }

    .sub-footer .text-end {
        text-align: center !important
    }

    .brand-logo .svg-icon {
        width: 25px;
        margin-left: 0px !important;
    }


    .service-section {
        padding: 30px 0
    }


    .img-screen1 {
        display: none;
    }

    .img-screen2 {
        display: none;
    }

    .advertisementDetails-section .ads-star-block {
        margin-top: 20px;
    }

        .advertisementDetails-section .ads-star-block .title-ads-star {
            text-align: right
        }

        .advertisementDetails-section .ads-star-block .par-star {
            text-align: right
        }

    .title {
        margin-bottom: 25px;
    }

    .box-download-app img {
        max-width: 110px;
    }

    .service-section .service-wrap .service-content h3 {
        margin-top: 0;
        font-size: 15px;
    }

    .service-section .service-wrap .service-content span {
        letter-spacing: 0;
        margin-top: 6px;
        font-size: 13px;
    }

    .service-style-2 .service-icon img {
        max-width: 60px;
    }

    .service-style-2 .service-wrap .service-icon {
        margin-bottom: 10px;
    }

    .footer-sm-space .footer-contact .socail-linkes .buttons {
        justify-content: center;
    }

    .footer-sm-space .footer-contact .text-white {
        text-align: center;
    }

    footer .footer-contact a.footer-logo {
        margin-left: auto;
    }

    .product-box.arrange-card .items-option-products .date h3,
    .product-box.arrange-card .items-option-products .date .ms-1 {
        font-size: 13px;
        margin-right: 0.12rem !important;
    }

    .box-delevery-way .item-li .box-icon svg {
        width: 20px;
        height: 20px;
    }

    .product-box.arrange-card .items-option-products .date .d-flex > svg {
        width: 14px;
        height: 14px;
    }

    .loc {
        margin-right: 1px;
    }

    .product-box {
        padding: 15px 12px;
    }

        .product-box.arrange-card .items-option-products .date .d-flex > svg {
            width: 13px;
            height: 13px;
        }

        .product-box.arrange-card .footer-card-product .date-alerm h4.ms-1 {
            font-size: 13px;
            margin-right: 0.12rem !important;
        }

    ul.pagination li.pagination-next a::after,
    ul.pagination li.pagination-prev a::after {
        width: 14px;
        height: 14px;
    }

    .list-advertisements-section .custom-gy-5 > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .supportQuestion-section {
        min-height: auto;
    }

    .createAdvertisement-section .tab-step-box li .t-step {
        margin: 0 10px;
        min-width: 92px;
    }

    .createAdvertisement-section .tab-step-box li .title-text {
        font-size: 14px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li::after {
        left: 61%;
        width: 40px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li .title-number {
        font-size: 13px;
        width: 36px;
        height: 36px;
        border-radius: 4px;
        line-height: 33px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li.current .title-number {
        font-size: 13px;
    }

    .break .bg-m h1 {
        font-size: 20px;
    }

    .break .bg-m .breadcrumb li {
        font-size: 13px;
    }

    #upload-photo .box {
        min-width: 150px;
    }

    #upload-photo .js--image-preview {
        height: 150px;
    }

    .seller-details-section .seller-details-box .name-seller.me-2 {
        margin-left: 0.2rem !important;
        font-size: 14px;
    }

    .seller-details-section .seller-info-content.d-flex .text-16 {
        font-size: 14px;
    }

    .seller-details-section .seller-info-content .emoji-div {
        gap: 8px;
    }

        .seller-details-section .seller-info-content .emoji-div .emoji img {
            width: 16px;
            margin-left: 3px;
        }

        .seller-details-section .seller-info-content .emoji-div .emoji span {
            font-size: 12px;
        }

    .seller-details-section .social-list .item-social .link-social svg {
        width: 28px;
        height: 28px;
    }

    .style-tab-3 .cloth-review .nav-tabs .nav-link {
        padding: 8px 20px;
        font-size: 15px;
        margin-left: 10px;
    }

    .seller-content-section .customer-review-box {
        padding: 12px;
    }

        .seller-content-section .customer-review-box .comment-review-content .option-content {
            font-size: 11px;
        }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .user-name {
            font-size: 15px;
        }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .comment-user {
            align-items: start;
        }

            .seller-content-section .customer-review-box .comment-review-content .comment-review-block .comment-user .customer-profile {
                margin-left: 8px;
            }

                .seller-content-section .customer-review-box .comment-review-content .comment-review-block .comment-user .customer-profile img {
                    width: 52px;
                    height: 52px;
                }

        .seller-content-section .customer-review-box .comment-reply-content {
            padding-top: 10px;
            margin-top: 10px;
            padding-right: 0;
        }

            .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-details .title-reply-name {
                font-size: 15px;
            }

            .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-details .par-reply {
                font-size: 14px;
            }

            .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-profile .seller-avatar {
                width: 52px;
                height: 52px;
            }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .par-comment {
            font-size: 14px;
        }
}

@media (max-width:575px) {
    .modal-dialog-scrollable .modal-body .msg-body .general-alert .title-oofer {
        font-size: 16px;
    }

    .chat-section .time {
        font-size: 10px;
        line-height: 1.2;
    }

    .modal-dialog-scrollable .modal-body {
        padding: 10px 10px;
    }

    .chat-section .msg-body ul li .content-message-box {
        padding: 8px 8px;
    }

    .chat-section .msg-body ul li.sender p, .chat-section .msg-body ul li.repaly p {
        line-break: anywhere;
    }

    .auction-block-card {
        padding: 15px 12px;
    }

        .auction-block-card .price .price-detail {
            font-size: 30px;
        }

        .auction-block-card .price #Riyal {
            width: 26px;
            height: 26px;
        }

        .auction-block-card .footer-card-auction .product-description .qty-box {
            padding: 0px 4px;
        }

        .auction-block-card .footer-card-auction .btn {
            padding: 10px 6px;
            font-size: 12px;
        }

            .auction-block-card .footer-card-auction .btn svg {
                width: 16px;
                height: 16px;
            }

        .auction-block-card .footer-card-auction .product-description .qty-box .input-group-prepend .quantity-right-plus,
        .auction-block-card .footer-card-auction .product-description .qty-box .input-group-prepend .quantity-left-minus {
            width: 20px;
            height: 20px;
        }

        .auction-block-card .footer-card-auction .btn-box {
            margin-right: 5px;
        }

        .auction-block-card .footer-card-auction .product-description .qty-box .price-input-box #Riyal {
            top: 8px;
            width: 18px;
            height: 18px;
        }

        .auction-block-card .footer-card-auction .product-description .qty-box .input-group .form-control {
            font-size: 20px;
            max-width: 80px;
            padding: 2px 2px;
            padding-left: 22px;
        }

    header .notifications-nav .onhover-div {
        left: -188px;
    }

    header .main-menu .menu-right > ul > li + li.btn-sell {
        display: none;
    }

    .category-slider1 .slick-next {
        top: -56px;
    }

    .category-slider1 .slick-prev {
        top: -20px;
    }

    .advertisementDetails-section .box-infoOn-img .details-image-concept .title-details {
        font-size: 17px;
    }

    .list-box-category .item-category {
        margin-left: 2px;
        font-size: 12px;
        padding-left: 8px;
    }

        .list-box-category .item-category::after {
            width: 4px;
            height: 4px;
        }

    .code-ads-box .price-detail-bidding p.dir-ltr {
        font-size: 13px;
    }

    .code-ads-box .price-detail-bidding {
        padding: 4px 12px;
    }

        .code-ads-box .price-detail-bidding span {
            font-size: 13px;
        }

    .auction-block-card .title-card {
        font-size: 14px;
    }

    .auction-block-card .product-count .span-text {
        margin-left: 2px;
        font-size: 10px;
    }

    .auction-block-card .countdown-container .countdown-box {
        margin-right: 3px;
        padding-right: 6px;
    }

        .auction-block-card .countdown-container .countdown-box .number {
            padding: 2px;
            width: 25px;
            height: 25px;
            font-size: 14px !important;
        }

        .auction-block-card .countdown-container .countdown-box::after {
            font-size: 15px;
        }

    .product-count.views-number-block ul li .box-icon {
        width: 30px;
        height: 30px;
        margin-left: 5px;
    }

        .product-count.views-number-block ul li .box-icon svg {
            width: 15px;
            height: 15px;
        }

    .product-count.views-number-block ul li:first-of-type .box-icon svg {
        width: 18px;
        height: 18px;
    }

    .product-count.views-number-block ul li .lang {
        font-size: 15px;
    }

    .advertisement-block-card {
        padding: 15px 10px;
    }

    .date-ads-block .item-date-ads .box-date-title p {
        font-size: 13px;
    }

    .date-ads-block .item-date-ads .box-date-title svg {
        margin-left: 3px;
        width: 14px;
        height: 16px;
    }

    .product-count {
        padding: 12px 10px !important;
    }

    .date-ads-block .item-date-ads .box-date-title {
        align-items: center;
    }

    .date-ads-block .item-date-ads .box-date-title {
        margin-bottom: 4px;
    }

    .date-ads-block .item-date-ads .par-date {
        font-size: 13px;
    }

    .advertisement-block-card .ul-btn-controls .item-btn .btn-action {
        padding: 6px 5px;
        font-size: 12px;
        min-width: 46px;
    }

        .advertisement-block-card .ul-btn-controls .item-btn .btn-action svg {
            margin-left: 2px;
            width: 11px;
            height: 11px;
        }

    .advertisementDetails-section .ads-star-block .div-box {
        text-align: center;
    }

    .advertisement-block-card .ul-btn-controls .item-btn {
        margin-left: 3px;
        margin-bottom: 0;
    }

    .box-delever-option {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .advertisementDetails-tabs.cloth-review .nav-tabs .nav-link {
        padding: 8px 14px;
        font-size: 15px;
        margin-left: 8px;
    }

    .advertisementDetails-tabs.cloth-review .nav-tabs {
        padding: 8px 8px;
        border-radius: 10px;
    }

    .advertisementDetails-tabs.cloth-review .tab-pane {
        padding-top: 20px;
    }

    .details-image-1.big-height-ads .popup-media {
        height: 350px;
    }

    .details-image-1.big-height-ads img {
        height: 350px;
    }

    .black-slide .slick-list .slick-track .slick-slide img {
        height: 100px;
        background-color: #f2f2f2;
    }

    .advertisementDetails-section .box-infoOn-img .details-image-concept .video-popup .popup-media svg {
        width: 26px;
        height: 26px;
    }

    .advertisementDetails-section .box-infoOn-img .details-image-concept .title-details {
        width: calc(100% - 34px);
    }

    .advertisements-section .select-featured .dropdown-toggle {
        padding: 6px 5px 5px 16px;
        min-width: 70px;
        font-size: 10px;
        border-radius: 5px !important;
    }

        .advertisements-section .select-featured .dropdown-toggle::before {
            top: 58%;
            left: 4px;
            width: 12px !important;
            height: 6px;
            background-size: contain;
        }

    .advertisements-section .filter-options .select-options > div + div {
        margin-right: 5px;
    }

    .advertisements-section .filter-options-other .filter-2 .form-control {
        padding: 4px 6px;
        min-width: 68px;
        font-size: 11px;
        border-radius: 5px;
    }

    .advertisements-section .select2-container .select2-choice {
        height: 21px;
        padding: 0 0 0 8px;
        line-height: 21px;
    }

        .advertisements-section .select2-container .select2-choice > .select2-chosen {
            margin-left: 14px;
        }

    .advertisements-section .hide-button button {
        font-size: 13px !important;
        padding: 8px 8px;
        border-radius: 8px !IMPORTANT;
    }

        .advertisements-section .hide-button button .feather {
            width: 16px;
            height: 15px;
            vertical-align: middle;
            margin-left: 5px;
            margin-top: 2px;
        }

    .break .bg-m {
        padding: 15px;
    }

        .break .bg-m .breadcrumb-bar.d-flex {
            display: block !important;
            text-align: center;
        }

            .break .bg-m .breadcrumb-bar.d-flex h1 {
                margin-bottom: 5px;
            }

    .break .breadcrumb {
        justify-content: center;
    }

    .advertisements-section .accordion-button {
        padding: 8px 10px;
        font-size: 14px;
    }

    .advertisements-section .category-option {
        padding: 10px 12px;
    }

    .advertisements-section .accordion-item:first-of-type .accordion-button {
        border-radius: 10px;
    }

    .advertisements-section .category-option .category-name .accordion-item .accordion-collapse {
        margin-top: 10px;
    }

    .advertisements-section .category-side .category-option .category-name .accordion-item {
        padding: 15px 8px;
        border-radius: 10px;
    }

    .advertisements-section .category-side .accordion-item h5 {
        font-size: 16px;
    }

    .advertisements-section .category-side .custome-form-check .form-check-label {
        font-size: 13px;
    }

    .advertisements-section .category-option .filter-2 .btn {
        padding: 8px 10px;
        border-radius: 6px !important;
    }

    .advertisements-section .category-option .filter-2 .btn-solid-default::before {
        border-radius: 2px;
    }

    .advertisements-section .category-option .filter-2 {
        padding: 15px 12px;
        border-radius: 10px;
    }

    .advertisements-section .category-option .form-control {
        padding: 10px;
        border-radius: 6px;
    }

    .supportQuestion-section .accordion-button {
        padding: 12px 8px;
        align-items: start;
        line-height: 1.2;
    }

    .main-footer .socail-linkes .buttons {
        gap: 3px;
    }

    .main-footer .socail-linkes a {
        width: 34px;
        height: 34px;
    }

        .main-footer .socail-linkes a svg {
            width: 17px;
            height: 17px;
        }

    footer .brand-logo img {
        max-width: 115px;
    }

    .footer-sm-space .footer-contact .text-white {
        font-size: 13px;
    }

    footer .footer-links .footer-content {
        padding-top: 0;
    }

    footer .main-footer .footer-links ul li a {
        font-size: 12px;
    }

    footer .main-footer .form-control {
        padding: 12px 12px;
    }

    footer .footer-newsletter p {
        font-size: 11px;
        letter-spacing: 0;
    }

    footer .footer-newsletter .input-group.mb-4 {
        margin-bottom: 10px !important;
    }

    footer .copy-right-par {
        font-size: 13px;
    }

    footer .sub-footer ul li img {
        width: 50px;
    }

    .messages-section .cloth-review .nav-tabs .nav-link {
        margin-left: 10px;
    }

    .cloth-review .nav-tabs .nav-link {
        padding: 7px 12px;
        font-size: 14px;
    }

    .messages-section .block-message .box-info a.title-ads {
        font-size: 12px;
        height: 18px;
        width: calc(100% - 46px);
    }

    .messages-section .block-message .box-info .footer-info .done-buy svg {
        width: 8px;
        height: 8px;
        margin-left: 1px;
    }

    .messages-section .block-message .box-info .footer-info .done-buy {
        padding: 4px 5px;
        font-size: 9px;
    }

    .messages-section .block-message .box-info a.title-ads {
        margin-bottom: 0;
    }

    .messages-section .block-message.done-buy .box-info .footer-info .num-chat-ads {
        font-size: 11px;
    }

    .messages-section .block-message .box-info .footer-info {
        margin-top: 2px;
    }

    .messages-section .block-message .last-massage {
        margin-top: 1px;
    }

    .price-detail {
        font-size: 25px;
    }

    .advertisement-block-card .header-advertisement-card .price #Riyal {
        width: 28px;
        height: 28px;
    }

    .advertisement-block-card .contact-withSaller .item-contactSaller a {
        padding: 10px 12px;
        font-size: 12px;
    }

        .advertisement-block-card .contact-withSaller .item-contactSaller a svg {
            margin-left: 4px;
            width: 15px;
            height: 15px;
        }

    .advertisement-block-card .user-sell {
        margin: 15px 0;
    }

    .advertisement-block-card .contact-withSaller {
        margin-bottom: 15px;
    }

    .email-bt {
        height: 46px;
        width: 46px;
        right: 16px;
        bottom: 78px;
    }

        .email-bt svg {
            width: 22px;
            height: 22px;
        }

    .madia-username {
        display: none;
    }

    .right-nav .dark-mode-item {
        margin-left: 6px;
        padding-left: 10px;
    }

    header .top-header .dropdown {
        font-size: 13px;
    }

    .lang-dropdown .dropdown-toggle img {
        width: 18px;
        margin-left: 2px;
    }

    .lang-dropdown .dropdown-toggle svg {
        margin-right: 2px;
        width: 12px;
        height: 12px;
    }

    .messages-section .ads-info-box .title-ads-messge {
        font-size: 14px;
        font-weight: 700;
    }

    .messages-section .ads-info-box .num-ads {
        font-size: 15px;
        padding: 4px;
        border-radius: 3px;
    }

    .svg-details-ads {
        width: 20px;
        height: 20px;
    }

    .mobile-madia h5 {
        font-size: 15px;
    }

    .shop-category-section .category-wrap.theme-bg-color {
        margin-bottom: 3px;
    }

    .title-have-span .title-box-header {
        margin-bottom: 0
    }

    .title-have-span .span-title {
        margin-bottom: 30px;
    }

    .title-2 h2, .title-2 h1 {
        font-size: 18px;
    }

    .title-box-header .box-btn-all a.btn {
        padding: 6px 10px;
        font-size: 13px;
    }

    .title-box-header .box-btn-all a svg {
        margin-right: 2px;
        width: 20px;
        height: 22px;
    }

    .round-arrow .slick-next {
        left: 8px;
    }

    .round-arrow .slick-prev {
        right: 8px;
    }

    .product-box.arrange-card .diamond {
        width: 30px !important;
    }

    .download-app h3, .download-app h4 {
        font-size: 20px;
        line-height: 1.6;
    }

    .download-app .par-download {
        font-size: 14px;
    }

    .download-app {
        padding: 25px 10px;
    }

    .title-have-span .span-title {
        font-size: 14px;
    }

    .advertisements-section .filter-options-other .filter-2 .form-control .select2-drop {
        right: -56px;
    }

    .advertisements-section .form-control .select2-search input {
        padding: 8px;
        text-align: right;
        margin-bottom: 10px;
        padding-left: 26px;
        background-size: 14px !important;
        background-position: 10px center !important;
        border-radius: 8px;
    }

    .advertisements-section .form-control .select2-drop {
        padding: 12px 10px;
    }

    .advertisements-section .select2-results .select2-result-label {
        padding: 8px 8px 8px;
        font-size: 13px;
    }

    .advertisements-section .form-control .select2-results .ui-select-choices-row {
        padding: 0;
    }

    .advertisements-section .filter-options-other .filter-2 .form-control .select2-drop {
        min-width: 170px;
    }

    .advertisements-section .filter-options-other .filter-2:last-of-type .form-control .select2-drop-active {
        right: -103px;
    }

    .container-fluid-lg {
        padding: 0px 15px;
    }

    .category-section .product-box .slick-dots {
        background-color: transparent;
        border-radius: 20px;
        box-shadow: none;
        z-index: 2;
    }

    .category-section .product-box .img-wrapper .slider-products {
        position: relative
    }

        .category-section .product-box .img-wrapper .slider-products::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            background: #FFFFFF;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0.26) 98%);
        }

    .category-section .product-box .slider-products .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 3px 0 0;
    }

    .category-section .product-box .slick-dots li button {
        padding: 0;
    }

    .category-section .product-box .slider-products .slick-dots li button:before {
        font-size: 7px !important;
    }

    .break .breadcrumb .breadcrumb-item {
        font-size: 12px;
    }

    .shop-category-section .title-2 span {
        margin-top: 4px;
        font-size: 14px;
    }

    .home-section .home-slider img {
        border-radius: 10px;
    }

    .shop-category-section .title {
        margin-bottom: 18px;
    }

    .shop-category-section .category-wrap.category-padding {
        padding: 10px;
    }

    .shop-category-section .category-wrap.theme-bg-color {
        padding-left: 40px;
        min-height: 60px;
        border-radius: 10px;
    }


    .yourMood-section .custom-gy-5 > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .title-box-header {
        margin-bottom: 35px;
    }

    .view-recently-section .title-2 span {
        margin-top: 5px;
        font-size: 14px;
    }

    .service-style-2 .service-icon img {
        max-width: 50px;
    }

    .download-app {
        border-radius: 10px;
    }

    .category-section.vertical-ads .product-box.arrange-card .loc {
        display: none !important;
    }

    .category-section .product-list-section.round-arrow .slick-slide .product-box .loc {
        display: none !important;
    }

    .category-section.vertical-slider .round-arrow .slider-products img {
        height: 160px;
    }

    .category-section.vertical-slider .product-box.arrange-card .slider-products.small-height-ads img {
        height: 160px;
    }

    .category-section .product-box.arrange-card .heart-button {
        width: 20px;
        height: 20px;
    }

        .category-section .product-box.arrange-card .heart-button svg {
            width: 14px;
        }

    .shop-category-section.category-section {
        padding-bottom: 0;
    }

    .shop-category-section .category-wrapper.category-slider1 .category-wrap {
        padding: 0px 6px 0;
    }

    .category-wrap.theme-bg-color h2 {
        font-size: 18px;
    }

    .shop-category-section .white-arrow .slick-arrow {
        width: 20px;
        height: 20px;
    }

        .shop-category-section .light-arrow .slick-arrow::before, .shop-category-section .white-arrow .slick-arrow::before {
            width: 16px;
            height: 16px;
            left: 1px;
            top: 1px !important;
            background-size: contain;
            background-position: center center;
        }

    .category-section .product-box .product-details {
        margin-top: 5px;
    }

    .category-section .product-box.arrange-card .product-details a.font-default h2 {
        height: 24px;
        font-size: 15px;
    }

    .category-section .product-box .items-option-products.mt-3 {
        margin-top: 7px !important;
    }

    .category-section .product-box.arrange-card .footer-card-product {
        margin-top: 8px;
        padding-top: 10px;
    }

    .box-download-app img {
        max-width: 130px;
    }

    .list-advertisements-section .title-have-span .span-title {
        margin-bottom: 15px;
    }

    .category-slider1 .slick-prev {
        left: 17%;
        top: -32px;
    }

    .category-slider1 .slick-next {
        left: 17%;
        top: -76px;
    }

    .shop-category-section .category-wrap.theme-bg-color {
        width: 70%;
        margin-bottom: 12px;
    }

    category-wrapper category-slider1 {
    }

    .shop-category-section .category-wrap.theme-bg-color h2 {
        width: 130px;
    }

    .shop-category-section .category-wrapper.category-slider1 .category-wrap {
        display: inline-block;
    }

    .home-section {
        padding: 10px 0 0;
    }

    .dashboard .page-title h2 {
        font-size: 22px;
    }

    .myAccount-info-section .filter-button .feather {
        width: 16px;
        margin-left: 3px;
    }

    .myAccount-info-section .btn-solid-default::before {
        border-radius: 2px !important;
    }

    .myAccount-info-section .filter-btn.btn-sm {
        padding: 4px 10px;
        font-size: 12px;
        border-radius: 5px !important;
    }

    .div-profile .img-profile img {
        width: 75px;
        height: 75px;
        max-width: 75px;
    }

    .custome-nav-tabs .div-profile {
        margin-bottom: 15px;
    }

    .save-details.profileBox img {
        width: 60px !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .save-details.profileBox h5 {
        margin-top: 0;
        font-size: 15px;
        text-align: center;
    }

    .save-details-box .save-details {
        padding: 10px;
    }

    .style-tab-2 .cloth-review .nav-tabs .nav-link {
        margin-left: 8px;
        padding: 6px 16px;
        font-size: 15px;
    }

    .invoice-card {
        padding: 12px 10px;
    }

        .invoice-card .icon-container {
            width: 52px;
            height: auto;
            margin-left: 8px;
        }

        .invoice-card .invoice-icon {
            height: 35px;
        }

        .invoice-card .icon-container a {
            width: 52px;
            height: 74px;
        }

        .invoice-card .invoice-info {
            width: calc(100% - 65px);
        }

    .done-paid {
        padding: 2px 8px;
        font-size: 9px;
    }

    .invoice-card .item-name {
        font-size: 14px;
        margin-bottom: 3px;
        height: 22px;
    }

    .invoice-card .footer-invoice .btn {
        padding: 6px;
        font-size: 12px;
    }

    .invoice-card .status {
        padding: 4px 10px;
        font-size: 10px;
    }

    .invoice-card .price {
        font-size: 14px;
    }

        .invoice-card .price #Riyal {
            width: 14px;
            height: 15px;
        }

    .messages-section .block-message .box-info .header-message .date-span {
        font-size: 9px;
    }

    .messages-section .block-message .last-massage {
        font-size: 11px;
    }

    .message-status {
        width: 11px;
        height: 11px;
    }

    .messages-section .block-message .box-info .footer-info .num-chat-ads {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 130px;
    }

    .messages-section .block-message .num-chat-not-read {
        width: 17px;
        height: 17px;
        font-size: 10px;
    }

    .messages-section .block-message .box-info a.title-ads {
        padding-left: 20px;
    }

    .package-section .box-package-title {
        margin-bottom: 30px;
    }

        .package-section .box-package-title .title-ads-popup {
            font-size: 20px;
            margin-bottom: 8px !important;
        }

    .package-section .package-price-item .checked-package {
        width: 20px;
        height: 20px;
        right: 7px;
        top: 6px;
    }

    .package-section .box-package-title .par-star {
        font-size: 13px;
        line-height: 1.5;
    }

    .package-section .package-price-item {
        padding-top: 25px;
    }

        .package-section .package-price-item .title-package {
            font-size: 14px;
            margin-bottom: 10px;
            padding: 0 5px;
        }

        .package-section .package-price-item .day-package {
            margin-bottom: 15px;
            font-size: 15px;
        }

        .package-section .package-price-item .price-package {
            margin-bottom: 10px;
            font-size: 15px;
            padding: 0 5px;
        }

            .package-section .package-price-item .price-package span {
                display: inline-block;
                vertical-align: middle;
            }

            .package-section .package-price-item .price-package #Riyal {
                width: 22px;
                height: 18px;
            }

        .package-section .package-price-item .par-package {
            padding: 10px 10px;
            font-size: 16px;
        }

            .package-section .package-price-item .par-package .price-package {
                font-size: 18px;
                vertical-align: middle;
            }

        .package-section .package-price-item .svg-icon-package {
            margin-bottom: 15px;
        }

    .package-section .box-package-title .div-box img {
        width: 100px;
    }

    .invoice-detailspopup.quick-view-modal .modal-body {
        padding: 15px;
        padding-top: 40px;
    }

    .invoice-detailspopup .invoice-header {
        margin-bottom: 15px;
    }

        .invoice-detailspopup .invoice-header .invoice-number {
            font-size: 16px;
        }

        .invoice-detailspopup .invoice-header .status-span {
            padding: 3px 15px;
            font-size: 10px;
        }

    .invoice-detailspopup .invoice-details-block {
        padding: 15px 10px;
    }

    .invoice-detailspopup .invoice-row {
        display: block;
        padding: 8px 0;
        font-size: 14px;
    }

        .invoice-detailspopup .invoice-row .label {
            font-size: 14px;
            display: block;
        }

        .invoice-detailspopup .invoice-row .value {
            display: inline-block;
            width: 100%;
            word-break: break-all;
            text-align: end;
            font-size: 12px;
            display: flex;
            margin-top: 2px;
            justify-content: end;
        }

    .invoice-detailspopup .invoice-details-block::after {
        left: -13px;
        bottom: -13px;
        width: 26px;
        height: 26px;
    }

    .invoice-detailspopup .invoice-details-block::before {
        right: -13px;
        bottom: -13px;
        width: 26px;
        height: 26px;
    }

    .quick-view-modal.buy-ads-popup .payAdForm-modal .modal-body {
        padding: 35px 15px;
    }

    .buy-ads-popup .payAdForm-modal .input-btn-block .input-btn-box .btn {
        min-width: 65px;
        font-size: 12px;
        padding: 6px 9px;
    }

    .buy-ads-popup .payAdForm-modal .input-btn-block .input-btn-box input.form-control {
        padding: 8px 12px;
        width: calc(100% - 73px);
    }

    .input-btn-block .input-btn-box .btn {
        min-width: 65px;
        font-size: 12px;
        padding: 6px 9px;
    }

    .input-btn-block .input-btn-box input.form-control {
        padding: 8px 12px;
        width: calc(100% - 73px);
    }

    .createAdvertisement-section .tab-step-box li .t-step {
        margin: 0 2px;
        min-width: 70px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li::after {
        left: 68%;
        width: 22px;
        border-bottom: 1px dashed #2c75b3;
        top: 30%;
    }

    .createAdvertisement-section.steps ul.tab-step-box li .title-number {
        font-size: 12px;
        width: 26px;
        height: 26px;
        line-height: 24px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li.current .title-number {
        font-size: 12px;
    }

    .createAdvertisement-section .tab-step-box li .title-text {
        font-size: 12px;
    }

    .createAdvertisement-section.steps ul.tab-step-box li {
        margin-bottom: 8px;
    }

    .createAdvertisement-section .tab-step-box {
        margin-bottom: 18px;
    }

    #upload-photo .js--image-preview {
        height: 134px;
    }

    #upload-photo .box {
        min-width: 134px;
        margin: 6px;
    }

    .tab-c-1 .ai-btn-box .btn {
        font-size: 13px;
        padding: 9px 10px;
    }

    textarea.form-control {
        min-height: 80px;
        max-height: 80px;
    }

    .createAdvertisement-section .alert-primary.alert {
        font-size: 13px;
        padding: 8px 9px;
        gap: 5px;
        border-radius: 6px;
    }

        .createAdvertisement-section .alert-primary.alert div {
            width: calc(100% - 30px);
        }

    .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item {
        padding: 15px 0;
    }

        .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item h5 {
            font-size: 15px;
        }

        .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item h4 {
            font-size: 17px;
        }

            .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item h4 svg {
                width: 20px;
                height: 20px;
            }


    .createAdvertisement-section .tab-c-4 .col-md-12.text-end .btn {
        font-size: 13px;
        padding: 8px 10px;
    }

    .createAdvertisement-section .tab-c-4 .payment-types-box .payment-types-block .custome-radio-box {
        display: block;
        margin-left: 0;
        margin-bottom: 15px;
    }

        .createAdvertisement-section .tab-c-4 .payment-types-box .payment-types-block .custome-radio-box:last-of-type {
            margin-bottom: 0;
        }

    .createAdvertisement-section .tab-c-4 .payment-types-box .custome-radio-box .form-check-input {
        margin-top: 5px;
        width: 17px;
        height: 17px;
        vertical-align: middle;
    }

    .createAdvertisement-section .tab-c-4 .wallet-total {
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .priceDetails-popup .info-box-ads .table-part tr th {
        padding: 6px 5px !important;
        font-size: 13px;
        min-width: 100px;
    }

    .priceDetails-popup .info-box-ads .table-part tr td {
        padding: 6px 5px !important;
        font-size: 13px;
    }

    .seller-details-section .seller-details-box .seller-avatar {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
    }

    .style-tab-3 .cloth-review .nav-tabs .nav-link {
        padding: 5px 10px;
        font-size: 14px;
        margin-left: 5px;
        border-radius: 6px;
    }


    .seller-content-section .customer-review-box .comment-review-content .comment-review-block {
        display: block;
    }

    .seller-content-section .customer-review-box .comment-review-content .option-content {
        display: flex;
        flex-direction: row;
        gap: 6px;
        justify-content: end;
        align-items: center;
    }

    .seller-content-section .customer-review-box .comment-review-content .option-content {
        font-size: 11px;
    }

    .seller-content-section .customer-review-box .ads-number {
        font-size: 14px;
    }

    .seller-content-section .customer-review-box .comment-reply-content .comment-reply {
        display: block;
    }

        .seller-content-section .customer-review-box .comment-reply-content .comment-reply .date-custo {
            display: block;
            text-align: end;
            font-size: 11px;
        }
    .login-section .materialContainer .input label { 
        font-size: 12px;
    }
    .login-section .materialContainer .input label { 
        line-height: 1.4;
    }
    .login-section .materialContainer .box {
        padding: 20px;
    }
    .saudi-sym { 
        font-size: 16px;
    }
    .login-section .materialContainer .input label {
        top: 30px;
    }
    .login-section .materialContainer .button.login a { 
        font-size: 15px; 
        padding: 14px 11px;
        border-radius: 10px;
    }
    .login-section .button.login a:before {
        top: 15px;
    }
    }

@media (max-width: 559px) {
    header .search-full.open {
        width: 100%;
    }

    header .search-full .input-group .input-group-text {
        width: 22px;
        height: 22px;
        left: unset;
        right: 6px;
        top: 8px;
    }

    header .search-full .input-group input {
        height: 40px;
        padding: 10px 12px;
        padding-left: 12px;
        padding-right: 34px;
    }

    header .search-full .input-group .input-group-text.close-search {
        left: 6px;
        top: 6px;
        width: 25px;
        height: 25px;
        background-color: transparent;
        right: unset;
    }

    .main-header .btn-sell .btn-spacing {
        padding: 5px 8px;
    }

    footer .main-footer {
        border-radius: 10px;
    }
}

@media (max-width: 550px) {

    section, .section-t-space {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .user-sell {
        padding: 15px 0px;
    }

    .t-step {
        margin: 0 5px;
    }

    .quick-view-modal .btn-close:before {
        top: 53px;
        left: 18px;
        z-index: 9999
    }

    .flex-ads {
        flex-direction: column;
    }

    .pro-img {
        width: 100%
    }

    .dashboard {
        padding: 0 0px;
    }

    .checkout-card.user-sell {
        flex-wrap: wrap;
    }

    .checkout-card .info-person {
        margin-top: 10px
    }

    .your-cart-box {
        margin-top: 20px
    }


    .bidding-buttuns {
        justify-content: center !important
    }

        .bidding-buttuns .form-check {
            margin-bottom: 20px !important
        }

    .product-count {
        flex-wrap: wrap;
        justify-content: center !important;
    }

        .product-count ul {
            margin-top: 16px;
        }
    /*
        .title {
            margin-bottom: 5px;
        }*/



    .title-2 h4 {
        font-size: 29px;
        letter-spacing: -1px;
        font-weight: 600;
    }

    .category-section {
        padding: 23px 0px;
    }



    .btn-spacing {
        padding: 9px 22px;
    }

    header .main-menu .menu-right {
        padding-right: 8px !important;
    }

    .modal .btn-box-footer .btn.btn-orange {
        margin-right: 2px;
    }

    .modal .btn-box-footer .btn {
        min-width: 66px;
    }

    .break h1 {
        font-size: 17px;
    }

    .package-section {
        padding: 30px 0;
    }


    .advertisements-section .filter-options .select-featured .dropdown-menu {
        margin-right: -15px;
        min-width: 140px;
        padding: 15px 8px;
    }

    .advertisements-section .filter-options .dropdown-item {
        padding: 8px 13px;
        font-size: 12px;
    }

    .category-slider1 .slick-slide img {
        max-width: 52px;
    }

    .box-img-category .category-shap {
        width: 90px;
        height: 90px;
    }

    .advertisementDetails-section .advertisement-block-card .user-sell {
        padding: 12px 10px;
    }
}



@media (max-width: 450px) {
    .category-wrap .category-content h3 {
        font-size: 12px;
    }

    .tg-dialog .tg-dialog-footer {
        padding: 12.5px 25px 25px 25px;
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 9px !important;
        justify-content: center;
    }

    .tg-dialog-footer-sup {
        width: 100% !important
    }

    #tg-dialog-prev-btn {
        order: 1
    }

    #tg-dialog-next-btn {
        order: 2
    }

    .price-detail-bidding {
        padding: 11px 4px;
        margin-left: 5px;
    }


    .mobile-menu li {
        font-size: 13px;
    }




    .btn-spacing.btn {
        padding: 5px 10px;
        font-size: 13px;
    }

    .btn-spacing .pe-2 {
        padding-left: 0.1rem !important;
    }

    .brand-logo img { /*
            max-width: 120px;*/
        margin: auto;
    }

    .advertisementDetails-section .ads-star-block {
        padding-right: 20px;
    }

        .advertisementDetails-section .ads-star-block .div-box {
            position: relative;
            right: unset;
            top: unset;
        }

            .advertisementDetails-section .ads-star-block .div-box img {
                width: 92px;
                margin-bottom: 5px;
            }

        .advertisementDetails-section .ads-star-block .title-ads-star {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 3px !important;
            text-align: center;
        }

        .advertisementDetails-section .ads-star-block .par-star {
            font-size: 14px;
            line-height: 1.5;
            text-align: center;
        }

        .advertisementDetails-section .ads-star-block .btn {
            padding: 6px;
            margin-top: 10px !important;
        }

    .package-section .package-price-item.golden-package .ribbon span {
        padding: 5px 0;
        font-size: 12px;
    }

    .package-section .package-price-item.golden-package .ribbon::before {
        top: 0px;
        right: 38px;
    }

    .package-section .package-price-item.golden-package .ribbon::after {
        bottom: 39px;
        left: 0px;
    }

    .package-section .package-info h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .package-section .package-info h6 {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .package-section .package-info .list-feature .item-feature {
        margin-left: 0;
        font-size: 15px;
        display: block;
    }

    .package-section .btn-yellow-box.button a.yes-btn {
        padding: 8px;
    }

    .package-section .btn-yellow-box.button.login a.yes-btn:before {
        top: 13px;
    }

    .box-download-app {
        text-align: center;
    }

        .box-download-app .item--app {
            margin-bottom: 4px;
        }


    .notifications .msg {
        padding: 25px 15px;
        padding-left: 18px;
        padding-right: 46px;
    }

        .notifications .msg .box-icon {
            right: 12px;
            top: 26px;
            width: 28px;
            height: 28px;
        }

            .notifications .msg .box-icon svg {
                width: 18px;
                height: 18px;
            }

    .notifications .box--delete {
        padding: 4px 6px;
        width: 30px;
        height: 30px;
        border-radius: 0 15px 0 0;
        padding: 2px 2px;
    }

        .notifications .box--delete svg {
            width: 16px;
            height: 16px;
        }

    .brand-logo img {
        max-width: 58px;
    }

    .brand-logo a {
        margin-left: 6px;
    }

    header .main-menu .menu-right {
        padding-right: 4px !important;
    }

        header .main-menu .menu-right > ul > li + li {
            margin-right: 4px;
        }

    .blinking-span {
        font-size: 12px;
        min-width: 100px;
    }

        .blinking-span svg.star-text {
            width: 22px !important;
            height: 20px;
        }

    .icon-chat-box {
        padding: 2px;
        height: 30px;
        width: 30px;
    }

    header .main-menu .icon-menu-mobile {
        height: 30px;
        width: 30px;
    }

    header .main-menu .menu-right .search-box {
        padding: 4px;
    }


    .header-zoud {
        padding: 8px 10px;
    }

    .list-ads-star-popup .modal-body .par-star {
        font-size: 16px;
        line-height: 1.5;
    }

    .list-ads-star-popup .modal-body .block-detail h6 {
        font-size: 16px;
    }

    .list-ads-star-popup .modal-body .block-detail {
        margin-bottom: 0;
    }

    .main-header .btn-sell .btn-spacing {
        padding: 2px 6px;
        border-radius: 8px !important;
        font-size: 10px;
    }

    header .main-menu .menu-right .search-box {
        padding: 5px 7px;
    }



    header .main-menu .menu-right > ul > li svg.pe-2 {
        padding-left: 0.1rem !important;
    }

    header .main-menu .menu-right > ul > li + li.btn-sell {
        margin-right: 6px;
    }

    .container-fluid-lg {
        padding: 0 15px;
    }

    header .main-menu .menu-right .search-box {
        padding: 4px;
        height: 30px;
        width: 30px;
    }

    .lang-dropdown .dropdown-toggle {
        font-size: 13px;
    }

    .dark-mode-item .dark-mode svg {
        width: 17px;
        height: 17px;
    }

    .notifications-nav .cart-icon svg {
        width: 17px;
        height: 17px;
    }

    header .top-header .border-list > li a.i-xs svg {
        height: 17px !important;
        width: 17px !important;
    }

    .lang-dropdown .dropdown-toggle img {
        width: 17px;
    }

    .category-section .slick-slider .slick-list .slick-slide > div {
        margin: 0;
    }

    .category-section .slick-slide .product-box,
    .category-section .slick-slide .product-box.featured-ad {
        margin: 0 5px;
    }
}

@media (max-width:439px) {
    .list-advertisements-section .list-style .product-box {
        padding: 7px;
    }

        .list-advertisements-section .list-style .product-box.arrange-card .footer-card-product .btn {
            padding: 2px 5px;
            font-size: 9px;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .footer-card-product .date-alerm h4.ms-1 {
            font-size: 10px;
            margin-right: 0.1rem !important;
        }

        .list-advertisements-section .list-style .product-box .product-details {
            padding-right: 8px;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .product-details a.font-default h2,
        .list-advertisements-section .list-style .featured-ad.arrange-card .product-details a.font-default h2 {
            font-size: 14px;
            height: 24px;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .items-option-products.mt-3 {
            margin-top: .5rem !important;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .footer-card-product {
            margin-top: 10px;
            padding-top: 10px;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .box-delevery-way .item-li {
            margin-left: 1px;
        }

            .list-advertisements-section .list-style .product-box.arrange-card .box-delevery-way .item-li .box-icon svg {
                width: 18px;
                height: 18px;
            }

        .list-advertisements-section .list-style .product-box.arrange-card .slider-products.small-height-ads img {
            max-width: 100%;
            height: 105px;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .diamond {
            width: 18px !important;
        }

        .list-advertisements-section .list-style .product-box.arrange-card .heart-button {
            width: 20px;
            height: 20px;
            top: 6px;
            left: 4px;
        }

            .list-advertisements-section .list-style .product-box.arrange-card .heart-button svg {
                width: 14px;
            }

    .slider-products .slick-dots li:first-of-type {
        margin-right: 6px;
    }

    .slider-products .slick-dots {
        bottom: 10px;
        width: 90%;
    }

        .slider-products .slick-dots li {
            height: 8px;
            width: 8px;
            margin: 0 6px 0 0;
        }


    .list-advertisements-section .list-style .product-box.arrange-card .footer-card-product .date-alerm svg {
        width: 12px;
        height: 14px;
        margin-top: 1px;
    }

    .list-advertisements-section .list-style .product-box.arrange-card .items-option-products .date .d-flex > svg {
        width: 11px;
        height: 11px;
    }

    .list-advertisements-section .list-style .countdown-container .countdown-box .number {
        font-size: 12px !important;
        line-height: 16px;
    }

    .list-advertisements-section .list-style .product-box.arrange-card .countdown-container {
        display: flex !important;
        flex-direction: row-reverse;
        gap: 3px;
    }

    .list-advertisements-section .list-style .product-box.arrange-card .footer-card-product .date-alerm .countdown-container .countdown-box span {
        font-size: 7px !important;
    }

    .list-advertisements-section .list-style .product-box.arrange-card .footer-card-product .btn.btn-solid-default svg {
        width: 12px;
        height: 12px;
    }

    .category-section.vertical-slider .round-arrow .slider-products img {
        height: 160px;
    }

    .category-section.vertical-slider .product-box.arrange-card .slider-products.small-height-ads img {
        height: 120px;
    }

    .category-section.vertical-ads .product-box.arrange-card .footer-card-product .date-alerm h4.ms-1 {
        font-size: 9px;
        margin-right: 3px !important;
    }

    .category-section .product-box {
        border-radius: 10px;
        padding: 6px 6px;
    }

    .category-section .img-wrapper {
        border-radius: 10px;
    }



    .category-section .product-box .countdown-container .countdown-box .number {
        font-size: 10px !important;
        vertical-align: middle;
        line-height: 1.2;
        display: inline-block;
    }
    .category-section .product-box.arrange-card .product-details a.font-default h2 {
        height: 22px;
        font-size: 13px;
    }
    .category-section .product-box.arrange-card .footer-card-product .date-alerm .countdown-container .countdown-box span {
        font-size: 6px !important;
        display: none;
        display: inline-block;
        line-height: .8;
    }
    .category-section .product-box.arrange-card .footer-card-product {
        margin-top: 5px;
        padding-top: 8px;
    }
    .category-section .product-box.arrange-card .footer-card-product .date-alerm .countdown.ms-1 {
        margin-left: 0.12rem !important;
    }

    .category-section .product-box .countdown-container {
        gap: 2px;
    }
    .product-box .countdown-container .countdown-box { 
        line-height: .8;
    }
    .product-box.arrange-card .footer-card-product .date-alerm svg {
        width: 14px;
        height: 14px;
    }

    .category-section .product-box .footer-card-product .btn {
        padding: 2px 2px;
        font-size: 7px;
    }

        .category-section .product-box .footer-card-product .btn.btn-solid-default svg {
            width: 8px;
            height: 8px;
            margin-left: 0px;
        }
  

    .title-box-header .box-btn-all a.btn {
        padding: 4px 6px;
        font-size: 12px;
        border-radius: 7px !important;
    }

    .title-box-header .box-btn-all a svg {
        width: 15px;
        height: 15px;
    }
}


@media (max-width:399px) {
    .modal-dialog-scrollable .modal-body .msg-body .general-alert {
        display: block;
    }

        .modal-dialog-scrollable .modal-body .msg-body .general-alert .title-oofer {
            font-size: 14px;
        }

        .modal-dialog-scrollable .modal-body .msg-body .general-alert .box-btn .btn-acceptoffer {
            margin-left: 2px;
        }

        .modal-dialog-scrollable .modal-body .msg-body .general-alert .box-btn .btn {
            padding: 5px 12px;
            font-size: 13px;
        }

        .modal-dialog-scrollable .modal-body .msg-body .general-alert.new-request-buy {
            display: flex;
        }

    .modal-dialog-scrollable .modal-body .msg-body .new-offer-message.general-alert .box-btn {
        text-align: end;
        margin-top: 1px;
    }

    .chat-section .msg-body ul:has(.general-alert) {
        padding-top: 60px;
    }
}

@media (max-width:384px) {
    .download-app .par-download {
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }

    .download-app h4.download-app-title {
        font-size: 18px;
    }
}

@media (max-width:375px) {
}

@media (max-width:353px) {
    .download-app h4.download-app-title br {
        display: none;
    }

    .download-app h4.download-app-title {
        font-size: 17px;
    }
}

@media (max-width:329px) {
}