@media (max-width: 1199.98px) {
    .wrapper.wrapper-2{
        padding-top: 86px;
    }
}

@media (max-width: 991.98px) {
    .doc-columns .doc-col{
        width: 33.3%;
        flex: 0 0 33.3%;
    }
}

@media (max-width: 767.98px) {
    .show-template .template-content{
        padding: 0px 10px 10px 10px;
    }
    .show-template .template-content > .template-content-header{
        padding-left: 10px;
        padding-right: 10px;
    }
    .preview-doc .preview-doc-image .image-view{
        margin-left: 10px;
        margin-right: 10px;
    }
    .preview-doc .preview-doc-image .info-view{
        font-size: 12px;
    }
    .modal__header-title{
        font-size: 18px;
    }
    .template-content .default-text{
        font-size: 14px;
        line-height: 26px;
    }
    .show-template .modal__content--container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .show-template .--close, .show-template .btn--blur{
        border: 1px solid #ccc;
    }
    .show-template .slide-arrows{
        z-index: 1;
    }
    .show-template .modal__header{
        padding: 10px;
    }






    .columns > .col-6-768 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .active--sidebar, .active--sidebar .uploaded-content{
        overflow: hidden;
    }
    .active--sidebar .overlay{
        display: block;
    }
    .active--sidebar .uploaded-section .uploaded-sidebar{
        left: 0px;
    }
    .active--sidebar .button[sidebar-action] .ico{
        transform: rotate(90deg);
    }
    .uploaded-content{
        margin-top: 20px;
        margin-left: 5px;
    }
    .wrapper.wrapper-2{
        padding-top: 54px;
    }
    .uploaded-section{
        height: calc(100vh - 58px);
        padding-top: 0;
    }
    .uploaded-section .uploaded-sidebar{
        position: absolute;
        z-index: 10;
        padding-left: 0;
        padding-right: 0;
        height: calc(100vh - 53px);
        left: -290px;
    }
    .uploaded-section .uploaded-sidebar .sidebar{
        overflow: visible;
        border-radius: 0;
        box-shadow: none;
    }
    
}

@media (max-width: 575.98px) {
    .modal__header-title {
        font-size: 16px;
    }
    .show-template .btn--md {
        padding: 2px 5px;
        font-size: 14px;
    }
    .show-template .modal__header .btn, .show-template .modal__body .btn{
        width:100%;
    }
    .show-template .template-content-container{
        padding-top: 70px;
    }
    .preview-doc .preview-doc-image{
        max-height: calc(100vh - 400px);
    }








    .columns > .col-12-576{
        flex: 0 0 100% ;
        max-width: 100%;
    }
    .category-name .ico{
        min-width: 24px;
        min-height: 24px;
    }
    .workflow .wokflow-head--item{
        flex: auto;
        width: calc(100vw - 180px);
        overflow: hidden;
        margin-right: 0 !important;
    }
    .workflow .wokflow-head--item:last-child{
        justify-content: flex-end;
    }
    .category-name, .category-desc{
        flex: auto;
        margin-right: 0 !important;
        width: 100%;
    }
    .category-name .info{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dbl-btns.dbl-btns-18 .dbl-btns-item:not(:last-child){
        margin-right: 8px;
        padding-right: 8px;
    }
    .dbl-btns.dbl-btns-18 .dbl-btns-item .btn:not(:last-child){
        margin-right: 8px;
    }
    .doc .doc-container{
        padding: 10px 0px 14px 0px;
    }
    .workflow .category-desc{
        display: none;
    }
}
@media (max-width: 480px) {
    .doc-columns .doc-col{
        width: 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 350px) {
    .uploaded-section .uploaded-sidebar{
        flex: 0 0 250px;
        width: 250px;
        left: -250px;
    }
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}