@media  screen and (max-width: 1024px) {
    .no-mb{
        display: none !important;
    }
    
    .no-desk{
        display: flex !important;
    }

    .blog {
        min-height: auto;
        height: 800px;
        padding-top: 80px;
    }

    .tabs-container {
        display: none;
    }

    .tabs-container-mobile {
        width: 87%;
        height: fit-content;
        position: relative;
        padding-top: 20px;
    }

    .tabs-container-mobile > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        background: #F2FADF;
        backdrop-filter: blur(30px);
        padding: 6%;
        border-radius: 100px;
    }

    .tabs-container-mobile > div > h3 {
        color: #2C5134;
        font-family: "Articulat CF";
        font-size: clamp(7px, 4.267vw, 30px);
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.48px;
    }

    .tabs-container-mobile > div > svg {
        transition: 0.2s ease;
    }

    .tabs-container-mobile > ul {
        position: absolute;
        width: 100%;
        height: auto;
        padding: 3% 0;
        border-radius: 30px;
        background: #F2FADF;
        backdrop-filter: blur(30px);
        left: 0;
        top: 110%;
        display: none;
        z-index: 5;
    }

    .tabs-container-mobile ul > li {
        padding: 5%;
    }

    .tabs-container-mobile ul > li > a {
        color: #5E5E5E;
        font-family: "Articulat CF";
        font-size: clamp(10px, 4.27vw, 26px);
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.48px;
        cursor: pointer;
    }

    .bl-hero-container {
        gap: 5%;
    }

    .bl-hero-container > h1 {
        font-size: clamp(40px, 9.067vw, 93px);
        font-weight: 700;
    }

    .bl-hero-container > p {
        font-size: clamp(10px, 3.733vw, 25px);
        width: 78.4%;
    }

    .bl-search-bar-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 25%;
        height: 20%;
    }

    .search-bar input {
        width: 71.73vw;
        padding: 0 3vw;
        font-size: clamp(1rem, 4.267vw, 25px);
    }
    .search-bar input::placeholder {
        font-size: clamp(1rem, 4.267vw, 25px);
    }

    .search-bar input::-webkit-input-placeholder {
        text-align: center;
    }

    .search-bar svg {
        width: 5%;
        left: 33%;
    }

    .search-component {
        width: 100%;
        height: 50px;
    }

    .search-component > h3 {
        font-size: clamp(1rem, 5vw, 30px);
    }
    
    .search-component > svg {
        width: 5%;
        height: auto;
    }

    .bl-card-container {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: unset;
        gap: 15px;
    }

    .bl-card {
        width: 100%;
        padding: 0;
        border-radius: 10px;
    }

    .bl-card > img {
        width: 100%;
        height: 2000px !important;
        height: auto;
        border-radius: 10px;
        overflow: hidden;
    }

    .bl-card > div {
        height: 100%;
    }

    .bl-card h3 {
        font-size: clamp(10px, 3.73vw, 34px);
        width: 92%;
        margin-left: 5%;
        margin-top: 10px;
        font-family: 'Articulat CF Bold';
    }

    .bl-blog-minutes > a {
        width: 35px;
        height: 35px;
    }
    .bl-blog-minutes{
        display: flex;
        align-items: center;
        padding: 10px 10px;
    }
    .bl-blog-minutes > div > div {
        font-size: clamp(12px, 2.7vw, 18px);
    }

    .bl-pagination {
        width: 25%;
        height: auto;
        margin: 100px 0 200px 0;
    }
    .select-component-container{
        width: 90%;
    }
    .select-arrow{
        right: 2%;
    }
}

@media  screen and (max-width: 768px) {
    .blog {
        height: 670px;
    }

    .search-bar svg {
        left: 28%;
    }

    .bl-pagination {
        margin: 80px 0 120px 0;
    }

}

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

    .blog {
        height: 570px;
    }

    .search-bar svg {
        width: 5%;
    }

    .search-bar input {
        padding-left: 10%;
    }

    .search-bar svg {
        width: 8%;
    }

    .bl-blog-minutes {

    }

    .bl-blog-minutes > div > div {
        padding: 5px;
    }

    .bl-blog-minutes > a {
        width: 23px;
        height: 23px;
    }

    .bl-pagination {
        width: 45%;
    }
}