@media (max-width: 575.98px) {
    .read-more-btn {
        display: inline-block;
        padding: 8px 14px;
        background-color: #ff5722;
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
        font-weight: bold;
        transition: background-color 0.3s;
        font-size: 10px;
    }
    .blog-title {
        font-size: 15px !important;
        font-weight: 700;
        color: #333;
        margin-bottom: 10px;
        line-height: 25px !important;
        text-align: left;
    }
    .blog-card-body {
        padding: 5px !important;
        text-align: center;
    }
    .blog-card-body {
        padding: 5px;
        text-align: center;
    }
    .blog-title {
        font-size: 18px;
        font-weight: 700;
        color: #333;
        margin-bottom: 10px;
        line-height: 30px;
        text-align: center !important;
    }
    .date p{
        font-size:15px !important ;
    }
    .blog-meta {
        font-size: 11px !important;
        color: #777;
        margin-bottom: 15px;
    }
    .blog-excerpt {
        font-size: 12px !important;
        color: #555;
        margin-bottom: 20px;
    }
    .weather p{
        font-size: 15px !important;
    }
    .navbar-expand-lg {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: 100px;
        background-color: white;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }
    .navbar-collapse {
        background-color: white;
        padding: 10px;
        z-index: 999;
    }
    .banner-img img {
        height: 203px;
        border-radius: 10px;
    }
    .tending-content {
        background-color: white;
        padding: 10px;
        border-radius: 5px;
        padding-bottom: 8px !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .line{
        display: none;
    }
    .trening-head h5{
        font-size: 17px;
    }
    .heading h5{
        font-size: 17px;
    }
    .tutorial-video video {
        height: auto;
    }
    .kheladula-inner img {
        height: 200px !important;
    }
}

@media (min-width: 576px) and (max-width: 766.98px) {
    .tutorial-video video {
        height: auto;
    }
    .navbar-expand-lg {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: 100px;
        background-color: white;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }
    .navbar-collapse {
        background-color: white;
        padding: 10px;
        z-index: 999;
    }
    .banner-img img {
        height: 203px;
        border-radius: 10px;
    }
    .tending-content {
        background-color: white;
        padding: 10px;
        border-radius: 5px;
        padding-bottom: 8px !important;
    }
    .line{
        display: none;
    }
    .video-title h6{
        text-align: left !important;
    }
    .kheladula-inner img {
        height: 400px !important;
    }
}

@media (min-width: 767px) and (max-width: 991.98px) {
    .line{
        display: none;
    }
}
@media (min-width: 991.98px) and (max-width: 1250px) {
    .line{
        display: none;
    }
}