@media (max-width: 1080px) {
    .grid__flex {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        padding-inline: 80px;
        position: relative;
        z-index: 1;
        width: 100%;
    }
    .grid__flex.three-col{
        grid-template-columns: repeat(1, 1fr);
    }   

    .logo-main {
        width: 240px;
    }
}

@media (max-width: 768px) {
    .main__home{
        padding-block: 40px;
        display: grid;
        height: auto;
        padding: 20px;
    }
    .grid__flex {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
        padding-inline: 80px;
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .logo-main {
        display: none;
    }

    .main__wrapperBlur{
        width: 100%;
        margin-top: 0;
    }

    .logo-small {
        display: block;
        width: 80px;
    }
    .save_data{
        margin-top: 10px;
    }
    .grid_flex, .grid_flex.two-column{
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 550px) {
    .logo-small {
        display: block;
        width: 50px;
    }
    .action_menu{
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .grid__flex{
        padding-inline: 20px;
    }
    aside{
        padding: 10px;
    }
    .content_wrapper{
        padding: 18px;
    }
    #progressbar{
        overflow-x: scroll;
    }
    #progressbar li{
       min-width: 80px !important;
    }
    
}