@media (min-width: 376px) {}

@media (min-width: 576px) {}

@media (min-width: 769px) {}

@media (min-width: 992px) {
    .navbar{
        background-color   : rgba($color: $nav-bg, $alpha: 0) !important;

        .navbar-nav{
            box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
            background-color: $active;
            border-radius: $thumbnail-border-radius;
        }
    }
    .navbar-nav{
        .nav-item{
            .nav-link{
                padding: 0.25rem 1.2rem;
            }
        }
    }
    .post-title{
        font-size: 1rem;
    }

    .post-desc{
        p{
            font-size: 0.9rem;
        }
    }
    
    .post-item {
        .card-body {
            p{
                font-size: 14px ;
                margin-bottom: 0;
            }
        }
    }
}

@media (min-width: 1200px) {
    .navbar-nav{
        .nav-item{
            .nav-link{
                padding: 0.25rem 1.5rem;
            }
        }
    }
    .post-title{
        font-size: 1.25rem;
    }

    .post-desc{
        p{
            font-size: 1rem;
        }
    }
}

@media (max-width: 991px) {
    .navbar{
        &.position-sticky{
            position: relative !important;
        }
    }
}

@media (max-width: 767px) {
    .cat-item{
        .card-title{
            font-size: 14px;
        }
        p{
            font-size: 12px;
        }
    }
}