@media (max-width: 575.98px) {
    .view-1 {
        display: block;
    }

    .view-2 {
        display: none;
    }

    .view-3 {
        display: none;
    }

    .view-12 {
        display: block;
    }

    .view-13 {
        display: block;
    }

    .view-23 {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .view-1 {
        display: none;
    }

    .view-2 {
        display: block;
    }

    .view-3 {
        display: none;
    }

    .view-12 {
        display: block;
    }

    .view-13 {
        display: none;
    }

    .view-23 {
        display: block;
    }
}

@media (min-width: 768px) {
    .view-1 {
        display: none;
    }

    .view-2 {
        display: none;
    }

    .view-3 {
        display: block;
    }

    .view-12 {
        display: none;
    }

    .view-13 {
        display: block;
    }

    .view-23 {
        display: block;
    }
}