@media (max-width: 450px){

    .login-form .form-control {
        font-size: 0.7rem;
        line-height: 1.7385;
    }

    .login-form .form-group-feedback-left .form-control {
        padding-left: 2rem;
    }

    .login-form .form-control-feedback {
        line-height: 34px;
    }

    .login-form .form-control-feedback {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .login-form .g-recaptcha {
        transform: scale(0.7);
        transform-origin: 0 0;
    }

    .login-form .field-signupform-recaptcha {
        margin-bottom: -1.25rem;
    }

    a.password-show-hide {
        right: 8px;
        top: 7px;
    }

    .ElementsApp, .ElementsApp .InputElement {

        font-size: 9px;
    }
    #payment-form .form-row, #payment-form2 .form-row {
        width: auto;
       float: none;
        display: block;
    }
    #payment-form, #payment-form2 {
        padding: 10px;
        height: auto;
        text-align: center;
    }
    #payment-form button, #payment-form2 button {
        display: block;
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        width: 180px;
    }
    .edit-article-buttons-block{
        text-align: center;
    }
    .edit-article-buttons-block button{
        width: 180px;
        margin-bottom: 10px;
    }
    .datepicker-dashboard .ui-datepicker {
        min-width: 300px;
    }
    .cms-connect{
        position: relative;
        top: auto;
        margin: 0 auto;
    }
    .ec-feedback-search-block{
        justify-content: center;
    }
    .logo_title_text {
        font-size: 1.2rem;
    }
    #calendar-widget > div.fc-toolbar.fc-header-toolbar > div.fc-right > h2 {
        font-size: 1rem;
    }
    #calendar-widget .fc-basic-view .fc-day-number {
        padding: 0rem;
    }
    .logo_title_text.view-xs{
        display:none;
    }
    .list-messages {
        width: auto;
    }
    #list-of-project-activities {
        width: auto;
    }
    /*.content {*/
        /*margin-left: 0;*/
        /*margin-right: 0;*/
    /*}*/
}
/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {
    .email-notifications-table{
        min-width: 600px;
    }
    .email-notifications-table select{
        padding-left: 0.5rem;
    }
    #filter .ec-filter-btn-dropdown{
        padding-left: 0;
    }
    .ec-feedback-search-block button{
        margin-bottom: 1.25rem;
    }
    .feedbacks-block .align-self-start{
        display:none;
    }
    #filter .ec-filter-btn-dropdown{
        text-align: center;
    }
    #filter .ec-filter-btn-dropdown button.dropdown-toggle::after {
        position: absolute;
        right: 12px;
        top: 10px;
    }
    #filter .ec-filter-right-group a,
    #filter .ec-filter-btn-dropdown button{
        width: 180px;
        text-align: left;
    }
    #filter .input-group.field-articlesearch-topicname,
    #filter .input-group.field-usersearch-name_or_email{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    #filter .input-group{
        justify-content: center;
    }
    .logo_title_text.view-xs{
        display:none;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem); }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
    .logo_title_text.view-xs{
        display:none;
    }
}

@media (min-width: 576px) {
    .width-column{
        width: 50%;
    }
}

@media (max-width: 767px){
    .account-menu .navbar-nav .li-red {
        margin-left: 0;
    }
    .schedule-demo-nav-item {
        margin-left: 0;
    }
    .edit-article-buttons-block button{
        margin-bottom: 10px;
    }
    .ec-search-projects{
        text-align:center;
    }
    .ec-search-projects button,
    .ec-search-projects input{

    }
    .projects-right-group-btns button{

    }
    .cms-block{
        justify-content: center;
    }
    .feedbacks-table table{
        width: 800px;
    }
    #filter .ec-filter-btn-dropdown{
        display: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #filter #articles-list-actions-dropdown {
        margin-bottom: 0;
    }

    #filter .ec-filter-right-group{
        text-align: center;
    }
    .projects-right-group-btns{
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .project-selector .multiselect-native-select,
    #filter .input-group .multiselect-native-select {
        width: 180px;
    }
    .grading-criteria-row-header .criteria-content,
    .grading-criteria-row .criteria-content {
        width: 200px;
    }
    .grading-criteria-row-header,
    .grading-criteria-row {
        display:inline-flex;
    }
    .template-settings-group-filds input,
    .template-settings-group-filds select{
        display: block;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .file-element,
    .grid-card{
        border: none;
        padding: 2.5rem;
        text-align: center;
    }
    .left-panel-file-page {
        text-align: center;
    }
    .left-panel-file-page #filter{
        margin-bottom: 0px;
        width: 150px;
        margin: 0 auto;
    }
    .left-panel-file-page #filter .input-group{
        margin-bottom: 0.5rem;
    }
    .center-panel-file-page button {
        width: 150px;
    }
    .right-panel-file-page {
        margin-top: 0.5rem;
        text-align: center;
    }
    .topic-left-group-btns{
        justify-content: center;
    }
    #users-list-actions-dropdown{
        margin: 0;
        margin-bottom: 1rem;
        width: 180px;
    }
    #users-list-actions-dropdown button{
        width: 180px;
        text-align: left;
    }
    .field-topicsearch-titleorkeyword{
        width: 180px;
        margin: 0 auto;
        margin-bottom: 1rem; !important;
    }
    #users-list-actions-dropdown button::after {
        position: absolute;
        right: 12px;
        top: 10px;
    }
    .topic-right-group-btns{
        text-align: center;
    }
    .topic-right-group-btns a{
        width: 180px;
        margin-bottom: 1rem;;
        margin-right: 0!important;
    }
    .field-topicsearch-categoriesids{
        margin-bottom: 0!important;
        justify-content: center;
    }
    #edit-article-form  .edit-article-buttons-block{
        flex-wrap: wrap;
        justify-content: space-around;
        padding-bottom: 10px;
    }
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row > div.ml-auto{
        margin-left:0!important;
    }
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row button,
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row >div{
        margin-right:0!important;
    }
    .input-group.field-articlesearch-topicname,
    .field-usersearch-name_or_email{
        width:180px;
    }
    .card-icons-block .card {
        height: auto;
    }
    .navbar-expand-md .navbar-brand {
        position: initial;
    }
    #logo, .logo {
        position: initial;
    }
    .navbar-light-footer
    {
        text-align: center;
    }
    .navbar-light-footer .navbar-nav-link{
        display: inline-block;
    }

}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
    #users-list-actions-dropdown button{
        margin-right: 10px;
    }
    .cms-block{
        justify-content: space-between;
    }

    #filter .multiselect-native-select{
        width:100%;
    }
    #filter .ec-filter-right-group,
    .projects-right-group-btns{
        text-align: right;
    }
    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0;
    }

    .filter-field-articlesearch-assignedusers,
    .field-articlesearch-workflowstagesids,
    .field-articlesearch-categoriesids,
    #filter .field-articlesearch-templateids,
    .field-articlesearch-assignedusers,
    .field-calendarsearch-stagesids,
    .field-calendarsearch-assignedusersids,
    .field-usersearch-role_id,
    .field-usersearch-team_id,
    .field-usersearch-project_id{
        width:85%;
    }
    .field-calendarsearch-stagesids,
    .field-calendarsearch-assignedusersids{
        margin-bottom: 0;
    }
    .template-settings-group-filds input,
    .template-settings-group-filds select{
        display: inline-block;
        margin-left: 0.5rem;
    }
    .template-settings-group-filds input{
        width: 80px;
    }
    .template-settings-group-filds select {
        width: 125px;
    }
    .left-panel-file-page{
        display: flex;
    }
    .left-panel-file-page .form-check-inline{
        height: 32px;
    }
    .topic-right-group-btns{
        text-align: right;
    }
    .top-menu-link{
        display: none;
    }
    .navbar > .container{
        padding-left:0px;
        padding-right:0px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .edit-article-buttons-block button{
        margin-bottom: 10px;
    }
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row > div.ml-auto{
        margin-left:0!important;
    }
    .workflow-widget-append button{
        margin-bottom: 5px;
        width:110px;
    }
    .workflow-widget-append > div{
        margin-right: 0 !important;
    }
    .input-group.field-articlesearch-topicname{
        width:180px;
    }
    .logo_title_text.view-xs{
        display:block;
    }
    .logo_title_text.view-xl{
        display:none;
    }
    .account-menu .navbar-nav .nav-link {
        padding-right: 0.4rem;
        padding-right: 0.4rem;
    }
    .navbar-nav-link .badge-message {
        top: 30px;
    }
    #w2{
        margin:0 auto;
    }
    .navbar-condensed .navbar-nav .nav-item .nav-link{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    #navbar-mobile > .navbar-nav{
        width:11rem;
    }
    .navbar-nav.top-menu.nav{
       width:16rem;
    }
    body > div.navbar.navbar-expand-md.navbar-dark .navbar-nav-link i{
        display: none;
    }
    /*body > div.navbar.navbar-expand-md.navbar-dark,*/
    /*body > div.navbar.navbar-expand-md.navbar-dark > div{*/
        /*padding: 0;*/
        /*margin: 0;*/
    /*}*/

}

@media (min-width: 992px) {

    .project-selector .multiselect-native-select,
    #filter .input-group .multiselect-native-select{
        width:100% ;
    }
    .logo_title_text.view-xs{
        display:none;
    }

    .table-responsive.articles-table {
        min-height: 390px;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .top-menu .top-menu-link{
        display: inline-block;
    }
    .top-menu .navbar-nav-link {
        display: inline-block;

    }
    .container {
        max-width: 100%;
    }
    /* Category edit links in the articles table should appear on hover, but only on desktop devices */
    .articles-table .assign-category {
        visibility: hidden;
        color: #1E88E5;
    }
    .articles-table td.brief-category:hover .assign-category {
        visibility: visible;
    }
    .width-column{
        width: 75%;
    }
}

@media (min-width: 1199px) and (max-width: 1285px) {
    .account-menu .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

 /*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .edit-article-buttons-block button {
        margin-bottom: 10px;
    }
    #edit-article-form > div.col-md-8 > div.buttons-block.card.card-body.flex-row > div.ml-auto {
        margin-left: 0!important;
    }
    #main-navbar {
        padding:0px;
    }
    .navbar-nav-link .badge-message {
        left: 15px;
    }
    .navbar-expand-md .navbar-collapse {
        justify-content: center;
    }
    .account-menu .navbar-nav .nav-link {
        font-size: 12px;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .navbar-condensed .navbar-nav .nav-item .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-nav-link {
        padding-left:0rem;
        padding-right: 0rem;
    }
    body > div.navbar.navbar-expand-md.navbar-dark .navbar-nav-link i{
        margin-right: 5px;
    }
}

@media (max-width: 1199px) {
    th.user-name-column, td.user-name-column,
    #users-list-grid-view th {
        min-width: auto;
    }
}

@media (min-width: 900px) {
    .modal-size-780 {
        max-width: 780px !important;
    }
}

 /*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .datepicker-dashboard .ui-datepicker{
        min-width: auto;
    }
    .fc-toolbar .fc-right {
        width: 100%;
    }
    .container{
        max-width: 100%;
        margin: 0 auto;
        max-height: 100%;
    }
    body > div.navbar.navbar-expand-md.navbar-dark .navbar-nav-link i{
        margin-right: 5px;
    }
}

@media (min-width: 1500px) {
    .col-lg-3-20 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-9-79 {
        flex: 0 0 79%;
        max-width: 79%;
    }
    .col-lg-3-21 {
        flex: 0 0 21%;
        max-width: 21%;
    }
    .container.container-hd-plus {
        max-width: 2300px;
        margin: 0;
    }
    .button-block-add {
        max-width: 242px!important;
    }
}

@media (max-width: 1450px) {
    #topUp.active {
        display: none;
    }
}

@media (max-width: 1350px) {
    .list-content .article-search {
        width: 150px;
    }
    th.article-topic-name,
    td.article-topic-name,
    th.brief-topic-name,
    td.brief-topic-name {
        min-width: auto;
        max-width: 150px;
    }
    .topic-right-group-btns {
        padding: 0;
    }
    .ellipsis-col {
        max-width: 150px;
    }
    #users-list-grid-view th,
    #users-list-grid-view td {
        min-width: 100px;
        max-width: 200px;
    }
    .box-shadow #users-list-grid-view .checkbox-column {
        padding: 0.625rem;
    }
}

@media (max-width: 1450px) {
    .list-content .btn-sm,
    .list-content .btn-group-sm > .btn {
        padding: 0.3125rem;
        font-size: 11px;
    }

    .list-content .usetiful-filter-box label {
        font-size: 11px;
    }
    #filter-custom a {
        font-size: 11px;
    }
}