@media  only screen and (max-width: 500px) {
    /* For mobile phones: */
    .customMobileView{
        display: block !important;
    }
    .tablet {
        display: none !important;
    }
    .laptop-s {
        display: none !important;
    }
    .laptop-m {
        display: none !important;
    }
    .web {
        display: none !important;
    }
}

@media  only screen and (min-width: 501px) and (max-width: 767px) {
    /* For tablets: */
    .customMobileView{
        display: none !important;
    }
    .tablet {
        display: block !important;
    }
    .laptop-s {
        display: none !important;
    }
    .laptop-m {
        display: none !important;
    }
    .web {
        display: none !important;
    }
}

@media  only screen and (min-width: 768px) and (max-width: 991px) {
    /* For small laptops: */
    .customMobileView{
        display: none !important;
    }
    .tablet {
        display: none !important;
    }
    .laptop-s {
        display: block !important;
    }
    .laptop-m {
        display: none !important;
    }
    .web {
        display: none !important;
    }
}

@media  only screen and (min-width: 992px) and (max-width: 1199px) {
    /* For small laptops: */
    .customMobileView{
        display: none !important;
    }
    .tablet {
        display: none !important;
    }
    .laptop-s {
        display: none !important;
    }
    .laptop-m {
        display: block !important;
    }
    .web {
        display: none !important;
    }
}

@media  only screen and (min-width: 1200px){
    /* For web and larger: */
    .customMobileView{
        display: none !important;
    }
    .tablet {
        display: none !important;
    }
    .laptop-s {
        display: none !important;
    }
    .laptop-m {
        display: none !important;
    }
    .web {
        display: block !important;
    }
}