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

    .prev-cat,
    .next-cat {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width:1635px) and (min-width:1530px) {
    .categories-swipper-parent {
        width: 92%;
    }
}

@media screen and (min-width:1370px) and (max-width:1725px) {
    .arrows-resp-margin {
        margin: 0 3rem;
    }
}

@media screen and (min-width:1370px) and (max-width:1395) {
    .categories-swipper-parent {
        width: 92%;
    }
}

@media screen and (min-width:1280px) and (max-width:1360px) {
    .categories-swipper-parent {
        width: 90%;
    }
}

@media (min-width:1720px) {
    .x3l-flex {
        display: flex !important;
    }
}

@media screen and (min-width:1380px) {
    .box-container {
        flex-direction: row
    }
}

@media screen and (max-width:1370px) {
    .my-ads-grid-cols {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :root {
        font-size: 13px !important;
    }
}


@media screen and (max-width:1368px) {
    .swiper-buttons>img {
        height: 25px;
        width: 25px;
    }
}

@media (min-width:1300px) {
    :root {
        font-size: 15px;
    }
}

@media (max-width:1300px) and (min-width:991px) {
    :root {
        font-size: 13px;
    }
}

@media screen and (max-width:1110px) and (min-width:1024px) {
    .categories-swipper-parent {
        width: 92%;
    }
}

@media screen and (max-width:980px) {
    :root {
        font-size: 10px !important;
    }

    .category-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(4, minmax(5.625rem, auto));
        grid-gap: 12px;
    }

    .category-grid-1 {
        grid-area: 1 / 1 / 2 / 6;
    }

    .category-grid-2 {
        grid-area: 2 / 1 / 3 / 6;
    }

    .category-grid-3 {
        grid-area: 3 / 1 / 4 / 6;
    }

    .category-grid-4 {
        grid-area: 4 / 1 / 5 / 6;
    }
}

@media screen and (max-width:911px) {
    .my-ads-grid-cols {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width:840px) and (min-width:768px) {
    .categories-swipper-parent {
        width: 90%;
    }
}

@media screen and (max-width:718px) and (min-width:650px) {
    .categories-swipper-parent {
        width: 86%;
    }
}

@media screen and (max-width:702px) {
    .banner {
        background-size: cover;
        background-position: right;
        background-color: #f9f9fd;
    }

    /* .cat-slider-slide {
        height: 5.625rem;
        width: 5.625rem;
    } */

    .category-after::after {
        top: 58%;
    }

    .categories-ellipsis {
        width: 7ch;
    }
}

@media screen and (max-width:425px) {
    .my-ads-grid-cols {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .prev-cat>svg,
    .next-cat>svg {
        height: 24px;
        width: 24px;
    }
}

@media screen and (max-width:650px) {
    .next-cat {
        right: -2rem !important;
    }

    .prev-cat {
        left: -2rem !important;
    }

    .categories-swipper-parent {
        width: 86%;
    }
}

@media screen and (max-width:375px) {
    .next-cat {
        right: -22px !important;
    }

    .prev-cat {
        left: -22px !important;
    }

    .categories-swipper-parent {
        width: 94%;
    }
}

@media screen and (max-width:350px) {
    .next-cat {
        right: -22px !important;
    }

    .prev-cat {
        left: -22px !important;
    }

    /* .cat-slider-slide {
        height: 6.563rem;
        width: 6.563rem;
    } */

    .categories-swipper-parent {
        width: 88%;
    }
}