@media(max-width: 1300px){
    .video_chat_widget {
        width: 130px;
    }
    .video_chat_item {
        height: 40px;
    }
    .left_sidebar_steps .sidebar_step h3 {
        font-size: 32px;
        line-height: 28px;
        margin-right: 10px;
    }
    .left_sidebar_steps .sidebar_step p {
        font-size: 10px;
        line-height: 16px;
    }
    .left_sidebar_steps .sidebar_step {
        padding: 10px;
    }
    .left_sidebar_steps {
        width: 130px;
    }
    .right_steps_sidebar {
        width: 100px;
    }
    .right_steps_sidebar .right_step_item h3 {
        font-size: 10px;
    }
    .right_steps_sidebar .right_step_item .img_wrpr {
        height: 50px;
    }
}

@media(max-width: 1199px){

}

@media(max-width: 991px){

}

@media(max-width: 767px){
    body {
        padding-bottom: 30px;
    }
    .bottom_menu_nav {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
        background-color: #001B1F;
        border-top: 1px solid #142F34;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 30px;
    }
    .bottom_menu_nav li {
        margin: 0 15px;
    }
    .bottom_menu_nav li a {
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        color: #9BAFB3;
    }
    .bottom_menu_nav li a.active {
        color: #C3E365;
    }
    .center_section>div+div {
        margin-left: 0;
    }
    .left_sidebar_steps {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        padding: 10px;
        background-color: #001B1F;
        height: calc(100vh - 30px);
        transform: translateX(-100%);
        overflow: hidden;
        opacity: 0;
        transition: 0.3s all ease-in-out;
        width: 150px;
    }
    .left_sidebar_files {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        padding: 10px;
        background-color: #001B1F;
        height: calc(100vh - 30px);
        transform: translateX(-100%);
        overflow: hidden;
        opacity: 0;
        transition: 0.3s all ease-in-out;
    }
    .left_sidebar_files_inner {
        max-height: calc(100vh - 178px);
    }
    .right_steps_sidebar {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
        padding: 10px;
        background-color: #001B1F;
        height: calc(100vh - 30px);
        transform: translateX(100%);
        overflow: hidden;
        opacity: 0;
        transition: 0.3s all ease-in-out;
        width: 130px;
    }
    .right_steps_sidebar.active,
    .left_sidebar_steps.active,
    .left_sidebar_files.active {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
    .header_online_users {
        display: none;
    }
    .undo_redo_btns {
        margin-right: 15px;
    }
    .bottom_section_top_controls {
        flex-direction: column;
    }
    .bottom_section_top_controls .left_controls,
    .bottom_section_top_controls .center_controls {
        margin-right: initial;
    }
    .bottom_section_top_controls .center_controls {
        margin-top: 10px;
    }
    .app_content .center_section,
    .app_content {
        height: initial;
    }
    .main_workflow_section {
        overflow-y: initial;
    }
}

@media(max-width: 576px){
    .header_logo {
        display: none;
    }
    .app_header_right .btn .btn_text {
        display: none;
    }
    .app_header_right .btn svg {
        margin-left: 0;
    }
    .video_chat_widget {
        position: fixed;
        z-index: 5;
        bottom: 40px;
    }
    .desktop_mobile_toggle {
        max-width: 174px;
    }
    .desktop_mobile_toggle span {
        font-size: 12px;
        width: 80px;
    }
    .desktop_mobile_toggle:before {
        width: 80px;
    }
    .desktop_mobile_toggle.mobile:before {
        left: 84px;
    }
    .campaign_name {
        font-size: 12px;
        margin-left: 10px;
    }
}

@media(max-width: 400px){
	
}