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

    .solar-dictionary {
        padding: 15% 0 10% 0;
        height: auto;
    }

    .tabs-container {
        display: none;
    }

    .tabs-container-mobile {
        width: 87%;
        height: 6%;
        position: relative;
    }

    .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;
        height: 50px;
    }

    .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;
    }

    .sod-hero-container > h1 {
        font-size: clamp(1rem, 8.53vw, 115px);
        width: 100%;
        margin: 15% 0 4% 0;
        font-weight: 600;
        font-family: 'Articulat CF semiBold';
    }

    .sod-hero-container > h2 {
        font-size: clamp(10px, 3.73vw, 40px);
        width: 70.4%;
    }

    .sod-content {
        height: auto;
        align-items: center;
        margin-top: 8%;
    }

    .sod-card-container {
        width: 89.07%;
        flex-direction: column;
        gap: 20px;
    }

    .sod-letter-cont {
        width: 64%;
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 2.8%;
    }

    .sod-letter-cont > h3 {
        font-size: clamp(1rem, 7.9vw, 80px);
    }

    .sod-result-cont {
        width: 86.67%;
        margin: 0;
    }

    .sod-result {
        width: 100%;
        gap: 60px;
    }

    .sod-result1 > h2, .sod-result2 > h2 {
        font-size: clamp(22px, 9.07vw, 90px);
    }

    .result-cont {
        gap: 5px;
    }

    .result-cont > h3 {
        font-size: clamp(1rem, 5.87vw, 60px);
    }

    .result-cont > p,
    .result-cont > p > a {
        font-size: clamp(10px, 3.73vw, 40px);
    }

}


@media  screen and (max-width: 479px) {
    .solar-dictionary {
        padding: 25% 0 15% 0;
    }

    .sod-content {
        margin-top: 10%;
        gap: 30px;
    }

    .sod-result {
        margin-top: 30px;
    }

    .sod-result1, .sod-result2 {
        gap: 30px;
    }

    
}