.DefultView {
    display: block;
}
.mobleView {
        display: none;
    }

/* small desktop */
@media all and (max-width: 1200px) {
    .DefultView {
        display: block;
    }
    .mobleView {
        display: none;
    }
}

/* tablet */
@media all and (max-width: 1024px) {
    .DefultView {
        display: none;
    }

    .mobleView {
        display: block;
    }
}

/* mobile phone */
@media all and (max-width: 768px) {
    .DefultView {
        display: none;
    }

    .mobleView {
        display: block;
    }
}