@media only screen and (max-width:572px){
    .w-100 {
        width: 634px !important;
    }
    #main.nosidebar #content, div#content {
        display: inline-flex;
    }
    .controller-new_pages #content {
        overflow: scroll;
    }

    .toggle-btn {
        position: absolute;
        top: 50%;
        left: 186px !important;
      }
 

}

@media only screen and (min-width:300px) and (max-width:400px){
    .add-page-modal, .delete-modal {
       width: 303px !important;
       min-width: 300px !important;
    }
}


@media only screen and (min-width:400px) and (max-width:572px){
    .add-page-modal, .delete-modal {
       width: 303px !important;
       min-width: 200px;
    }
} 

@media only screen and (max-width:899px){
    .controller-new_pages .page-head {
        flex-wrap: wrap;
    }
    .controller-new_pages .page-title {
        min-width: fit-content;
    }
    .search-drawer {
        z-index: 9999;
    }
}



@media only screen and (min-width:657px) and (max-width:910px){
    .search-drawer .no-data-icon {
        left: calc(100% - 80%);
    }
    .search-drawer {
        width: calc(100% - 63%);
    }

    .search-drawer[open="false"] {
        right: -38%;
    }
}

@media only screen and (min-width:543px) and (max-width:657px){
    .search-drawer .no-data-icon {
        left: calc(100% - 91%);
    }
    .search-drawer {
        width: calc(100% - 59%);
    }
    .search-drawer[open="false"] {
        right: -41%;
    }
}

@media only screen and (min-width:437px) and (max-width:543px){
    .search-drawer .no-data-icon {
        left: calc(100% - 88%);

    }
    .search-drawer[open="false"] {
        right: -57%;
    }
    .search-drawer {
        width: calc(100% - 48%);
    }

}
@media only screen and (min-width:375px) and (max-width:437px){
    .search-drawer .no-data-icon {
        left: calc(100% - 85%);

    }
    .search-drawer[open="false"] {
        right: -67%;
    }
    .search-drawer {
        width: calc(100% - 40%);
    }

}

@media only screen and (min-width:354px) and (max-width:375px){
    .search-drawer .no-data-icon {
        left: calc(100% - 84%);

    }
    .search-drawer[open="false"] {
        right: -87%;
    }
    .search-drawer {
        width: calc(100% - 23%);
    }

}