.visible-mobile, .visible-tablet {
    display: none;
}

.hidden-mobile, .hidden-tablet {
    display: initial;
}

@media (max-width: 385px) {
    .navbar-brand img {
        max-width: 130px;
        /*height: auto !important;*/
    }
}

@media (min-width: 768px) and (max-width: 998px) {

    .modal-dialog {
        max-width: 700px;
    }

    .modal-body {
        padding: 2rem !important;
    }

    #browse-first-section {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        columns: 3;
    }

}

@media only screen and (max-width: 768px) {

    .visible-tabled {
        display: initial !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .modal-body {
        padding: 2rem !important;
    }

    #browse-first-section {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        columns: 3;
    }
}

@media only screen and (max-width: 576px) {

    .visible-mobile {
        display: initial !important;
    }

    .hidden-mobile {
        display: none !important;
    }

    .modal-body {
        padding: 2rem 1rem !important;
    }

    .custom-popup {
        border-radius: 0 !important;
    }

    #browse-first-section {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        columns: 2;
    }
}