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

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

@media (max-width:1366.98px) {
    .for-gap {

        gap: 5px;
    }

}

@media (max-width:1199.98px) {
    a.navbar-brand img {
        width: 210px;
        height: 40px;
    }

    .for-gap {
        gap: 0px;
    }

    .dropdown-btn {
        background-color: #010101;
        color: white;
        padding: 10px 5px;
        font-size: 16px;
        border: none;
    }

    .menu-link {
        padding: 9px 4px;
        background-color: #216fa7;
        border: 0;
        border-radius: 0.25rem;
        max-height: 42px;
        font-size: 12px;
        color: whitesmoke;
    }

    li.nav-item {
        margin-left: 0px;
    }

    .headding p {
        font-size: 17px;
        font-weight: 500;
        color: white;
        letter-spacing: 0.4px;
        line-height: 1.4;
    }

    .headding h2 {
        font-size: 60px;
        margin-bottom: 15px;
    }

    .blog-detail-text p.sm-headding {
        font-size: 14px;
    }

    h2.blog-post-title a {
        font-size: 20px;
    }

    p.ql-align-justify span {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
    }

    .slidebar {
        background-size: cover;
        background-image: url(../img/bg-slaider.webp);
        padding: 100px 0 100px;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 70vh;
    }

}

@media (max-width: 991px) {

    .navbar-light .navbar-toggler-icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTkgMTlIN1Y1aDJ6bTQtMTRoLTJ2MTRoMnptNC0waC0ydjE0aDJ6IiAvPjwvc3ZnPg==) !important;
        /* filter: invert(20%); */
        rotate: 90deg;
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 767.98px) {}

@media (max-width:575.98px) {}

@media (max-width: 480px) {}


@media screen and (min-device-width: 800px) and (max-device-width: 900px) {}

@media screen and (min-device-width: 300px) and (max-device-width: 400px) {}

@media screen and (min-device-width: 320px) and (max-device-width: 768px){
    .titl-txt h1 {
        font-size: 24px;
    }
    .entry-meta span{
        font-size: 14px;
    }
    .blog-detail-text {
        padding: 15px 30px 15px 30px !important;
        flex-grow: 1;
        min-width: 0;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .widget_categories li.cat-item a {
        color: #0170b9;
        font-weight: 500;
        font-size: 15px;
        margin-bottom: -5px !important;
    } 
    .categories-page-main li {
        color: #216fa7;
        text-decoration: none !important;
        font-weight: 500;
        margin-bottom: -5px;
    }
    h1.author-new-text {
        font-size: 20px !important;
        font-weight: 900;
    }
}