/* mobile display show() hide () */
.hide-mobile {
    visibility: visible;
}

.show-mobile {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 800px) {
    .show-mobile {
        visibility: visible;
        display: flex;
    }

    .hide-mobile {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .show-mobile {
        display: block;
        display: flex;
    }

    .hide-mobile {
        display: none;
        visibility: hidden;
    }
}

@media (max-width: 575px) {
    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 782px) and (max-width: 834px) {
    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 600px) {
    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
        visibility: hidden;
    }
}

@media only screen and (min-width: 782px) and (max-width: 834px) {
    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
    }
}