@media only screen and (max-width: 1200px) {
    .emagazine-box .info {
        height: auto;
    }
}

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

    .home-header #navbar .collapse.show {
        transition-timing-function: ease-in;
        transition: 0.5s;
        background-color: green;
    }
    
    .archive-box .item-box {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .user-navbar .navbar-brand,
    .home-navbar .navbar-brand {
        max-width: 400px; /* Adjust this value as needed */
    }

    .page-links-box a {
        padding: 8px;
    }

    .my-qrcode-show-page .card {
        width: 90%;
    }

    .my-tickets-page table .buttons-column .open-my-qr-code {
        margin-top: 8px;
    }

    .home-navbar .navbar-brand,
    .user-navbar .navbar-brand {
        font-size: 12px;
    }

    .home-navbar .year-logo,
    .user-navbar .year-logo {
        width: 40px;
        height: 40px;
    }
}

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

    .ticket-page .body .seats-box .showcase {
        width: 350px;
    }

    .home-navbar .navbar-brand,
    .user-navbar .navbar-brand {
        max-width: 250px; /* Adjust this value as needed */
    }
    
    .articles-show-page .tab button {
        width: 100%;
    }

    .articles-show-page .tab,
    .articles-show-page #aboutAuthors {
        padding-left: 0;
    }

    .article-box {
        padding-left: 24px;
    }

    .archive-box .item-box {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .archive-box .item-box p {
        font-size: 12px;
    }
}

@media screen and (max-width: 425px) {
    .user-navbar .navbar-brand,
    .home-navbar .navbar-brand {
        max-width: 200px; /* Adjust this value as needed */
    }   
}

@media (min-width: 1200px) {

    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        font-size: 2.2rem;
    }

}

@media (min-width: 1024px) {
    .slider-box .card__thumb {
        max-height: 300px;
    }

    .slider-box .card__thumb::after {
        top: calc(100% - 140px);
    }

    .slider-box .card__caption {
        top: calc(100% - 110px);
        transform: unset;
    }

    .slider-box .card__snippet {
        margin: 60px 0;
    }
}

@media (min-width: 992px) {

    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        font-size: 1.6rem;
    }
}