@media only screen and (max-width: 1450px) {
    .popbtm-container{
        width:85%;  
    }
}
@media only screen and (max-width: 1150px) {
    .folder{
        width:30%;
    }
    .quarter-container{
        width:50%;
    }
}
@media only screen and (max-width: 850px) {
    .section-container-1{
        width:90%;
    }
    .folder{
        width:48%;
    }
}
@media only screen and (max-width: 650px) {
    .sec-thum-area{
        display: none;
    }
    .content-area{
        width:80%;
    }
    .welcome-section{
        padding:2rem;
    }
    .hb-area{
        display: block;
    }
    .menu-opened .navigation-area{
        transform: translateX(0);
    }
    .navigation-area{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff;
        top: 0;
        left: 0;
        max-width: 400px;
        display: flex;
        padding: 1rem;
        transform: translateX(-100%);
        transition: all .5s ease;
    }
    .navigation-area ul{
        flex-direction: column;
        width: 100%;
        margin-top: 3rem;
    }
    
    .navigation-area ul li{
        height: auto;
        margin-bottom: 1rem;
    }
    .nav-link{
        font-size: 20px;
    }
    .mt-action-sec{
        display: none;
    }
    #main-titlebar{
        justify-content: center;
    }
    .input-text{
        min-width: 100%;
    }
    .search-sec{
        width:100%;
    }
    .tc-table{
        width:max-content;

    }
    .tbl-outer{
        overflow-x: scroll;
        padding-bottom:20px;
    }
    .mob-plus{
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        padding: 10px;
        background: var(--theme-clr-1);
        position: absolute;
        right: -2px;
        display: flex;
        align-content: center;
        justify-content: center;
        top: -25px;
    }
    .mob-plus:before{
        content:'+';
        color: #fff;
        position: relative;
        font-size: 2rem;
        line-height: 0.9;
    }
    .mob-plus .btn-txt{
        display: none;
    }
    .sc1-upper .main-title{
        width:60%;
    }
    
}
@media only screen and (max-width: 450px) {
    .eye-name, .eye-row .pop-i-c-title, .eye-row-chunk, .eye-option-sec{
        width:100%;
    }
    .pb-footer{
        flex-wrap: wrap;
    }
    .eye-container,.eye-row, .eye-option-sec, .result-content {
        flex-wrap: wrap;
    }
    .new-report{
        width:100%;
    }
    .eye-option-sec .radio-container{
        width: 50%;
        margin-bottom: 1rem;
    }
    .radio-row .radio-container{
        width:30%;
    }
    .result-content .pop-i-c-title{
        width:100%;
    }
    .result-content .radio-container{
        width:50%;
    }
    .popbtm-container{
        width:100%;
    }
    .half-container,.quarter-container{
        width:100%;
        padding: 0 !important;
    }
    .radio-row .pop-i-c-title{
        width:45%;
        padding-right: 10px;
    }
    .folder{
        width:98%;
    }
    .inner-card{
        width:90%;
    }
    .logo-area-signin{
        font-size: 1.5rem;
    }
   
    .section-container-1{
        width:100%;
        padding: 20px;
    }
    .welcome-section{
        padding:2rem 1rem;
    }
    .content-area{
        width:100%;
    }
    .welcome-sub-text{
        line-height: 1.2;
        margin:20px 0;
    }
    .mob-plus{
        top: 0.1rem;
    }
}