@media (min-width: 1px) and (max-width: 480px) {
    .da-top .adv21 {
        width: 100%;
        height: 100%;
    }
    .da-top .adv42 {
        width: 50%;
        height: 100%;
    }

    .porn-with-grid-list {
        grid-template-columns: repeat(auto-fill, 50%);
    }

    .eobso-list {
        grid-template-columns: repeat(auto-fill, 50%);
    }

    .pagination ul li.navs {
        display: inline;
    }

    .pagination ul li.active {
        display: inline;
    }
}


@media (min-width: 481px) and (max-width: 768px) {
    .da-top .adv21 {
        width: 50%;
        height: 100%;
    }
    .da-top .adv42 {
        width: 25%;
        height: 100%;
    }

    .porn-with-grid-list {
        grid-template-columns: repeat(auto-fill, 33.333333%);
    }

    .eobso-list {
        grid-template-columns: repeat(auto-fill, 33.333333%);
    }

    .pagination ul li.navs {
        display: inline;
    }

    .pagination ul li.active {
        display: inline;
    }
}


@media (min-width: 769px) and (max-width: 9999px) {
    .da-top .adv21 {
        width: 50%;
        height: 100%;
    }
    .da-top .adv42 {
        width: 25%;
        height: 100%;
    }

    .porn-with-grid-list {
        grid-template-columns: repeat(auto-fill, 20%);
    }

    .eobso-list {
        grid-template-columns: repeat(auto-fill, 20%);
    }

    .pagination ul li {
        display: inline;
    }
}