@media (min-width: 1921px) {
}

/*1921*/

@media (min-width: 1601px) and (max-width: 1920px) {
}

/*1920*/

@media (min-width: 1368px) and (max-width: 1600px) {
    header#header > .container {
        width: 100%;
        max-width: 100%;
    }

    header.page-header.header2 > .container {
        max-width: 100%;
        width: 100%;
    }

    .page-header__center {
        width: 60% !important;
    }

    .page-header__right {
        width: 24% !important;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-3 {
        width: 25%;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 75%;
    }

    .blog-page .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .recPostRest > article {
        max-height: 220px;
    }

    .recPostFirst {
        height: 490px;
    }
    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 75%;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 25%;
    }

    .digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 75%;
    }

    .digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 25%;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__right,
    .register-page .loginRegisterPageHeaderInner.page-header__right {
        width: 14% !important;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__center,
    .register-page .loginRegisterPageHeaderInner.page-header__center {
        width: 68% !important;
    }

    .events-page div#page-wrap > .contentSection > .container {
        width: 98%;
    }

    .users-page div#page-wrap > .section:nth-child(2) > .container {
        max-width: 100%;
        width: 100%;
    }

    .page404Container .left .error-code {
        font-size: 40px;
    }

    body.advanced-search-page .filterBar {
        margin-left: calc(-50vw);
        margin-right: calc(-50vw);
        width: calc(100vw - 5px);
    }

    body.advanced-search-page .filterBar > .container {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1110px;
    }

    .advanced-search-page .popover {
        max-width: 990px !important;
    }

    body.advanced-search-page .popover-body div#value_wrapper {
        min-width: 462px;
    }
}

/*1600*/

@media (min-width: 1281px) and (max-width: 1367px) {
    header#header > .container {
        width: 100%;
        max-width: 100%;
    }

    header.page-header.header2 > .container {
        max-width: 100%;
        width: 100%;
    }

    .page-header__center {
        width: 60% !important;
    }

    .page-header__right {
        width: 24% !important;
    }

    .page-header__center > nav li a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 90%;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-3 {
        width: 25%;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 75%;
    }

    .blog-page .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .recPostRest > article {
        max-height: 220px;
    }

    .recPostFirst {
        height: 490px;
    }

    .blog-page .blogSidebar .filterBtns a {
        font-size: 17px;
    }

    .blog-page .sidebar-recent-post .right h4 {
        font-size: 13px;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 72%;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 28%;
    }

    body.publications-page
        .type2Sidebar
        .searchField
        > input::-webkit-input-placeholder {
        /* Edge */

        font-size: 17px;
    }

    body.publications-page
        .type2Sidebar
        .searchField
        > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 17px;
    }

    body.publications-page .type2Sidebar .searchField > input::placeholder {
        font-size: 17px;
    }

    body.publications-page .type2Sidebar .searchField > input {
        font-size: 17px;
    }

    body.publications-page .type2Sidebar .filterBtns a {
        font-size: 17px;
    }

    .digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 72%;
    }

    .digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 28%;
    }

    body.digital-library-page
        .type2Sidebar
        .searchField
        > input::-webkit-input-placeholder {
        /* Edge */

        font-size: 17px;
    }

    body.digital-library-page
        .type2Sidebar
        .searchField
        > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 17px;
    }

    body.digital-library-page .type2Sidebar .searchField > input::placeholder {
        font-size: 17px;
    }

    body.digital-library-page .type2Sidebar .searchField > input {
        font-size: 17px;
    }

    body.digital-library-page .type2Sidebar .filterBtns a {
        font-size: 17px;
    }

    .forums-page div#chatter_app div#header .container {
        max-width: 78%;
        height: 100%;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__right,
    .register-page .loginRegisterPageHeaderInner.page-header__right {
        width: 12% !important;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__center,
    .register-page .loginRegisterPageHeaderInner.page-header__center {
        width: 70% !important;
    }

    .events-page div#page-wrap > .contentSection > .container {
        width: 98%;
    }

    body.events-page .type1Sidebar .searchField > input {
        font-size: 15px;
    }

    body.events-page
        .type1Sidebar
        .searchField
        > input::-webkit-input-placeholder {
        /* Edge */
        font-size: 15px;
    }

    body.events-page .type1Sidebar .searchField > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 15px;
    }

    body.events-page .type1Sidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    .filterBtns .filterBtn .filterByType {
        font-size: 14px !important;
    }

    .type1Sidebar .sidebarTitle h2,
    .type1Sidebar h3 {
        font-size: 16px !important;
    }

    .users-page div#page-wrap > .section:nth-child(2) > .container {
        width: 100%;
    }

    .users-page .user_list_item .post__content-wrap .post__title a {
        font-size: 12px;
        line-height: 10px;
    }

    .users-page .user_item_cat {
        font-size: 9px;
    }

    .users-page .userSidebar .searchField > input::-webkit-input-placeholder {
        /* Edge */
        font-size: 15px;
    }

    .users-page .userSidebar .searchField > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 15px;
    }

    .users-page .userSidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    .users-page .userSidebar .searchField > input {
        font-size: 15px;
    }

    .resetfilters span {
        font-size: 10px;
    }

    .users-page .userSidebar .sidebarTitle h3 {
        font-size: 20px;
    }

    .users-page .userSidebar .filterBtns button {
        font-size: 9px;
    }

    .page404Container .container {
        width: 92%;
    }

    .page404Container .left .error-code {
        font-size: 38px;
    }

    .page404Container .left p.description404 {
        font-size: 24px;
    }

    body.advanced-search-page .filterBar {
        margin-left: calc(-50vw - 4px);
        margin-right: calc(-50vw - 4px);
    }

    body.advanced-search-page .filterBar > .container {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1120px;
    }

    .advanced-search-page .popover {
        max-width: 940px !important;
    }

    body.advanced-search-page .popover-body div#value_wrapper {
        min-width: 413px;
    }
}

/*1367*/

@media (min-width: 1025px) and (max-width: 1280px) {
    header#header > .container {
        width: 100%;
        max-width: 100%;
    }

    header.page-header.header2 > .container {
        max-width: 100%;
        width: 100%;
    }

    .page-logo img {
        max-height: 34px;
    }

    body .page-header__center > nav li a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
    }

    .page-header__center {
        width: 60% !important;
    }

    header#header .page-header__right {
        width: 25% !important;
    }

    .loginContainerInner span {
        font-size: 12px;
    }

    .loginContainerInner a:nth-child(1) {
        padding-left: 25px;
    }

    .loginContainerInner a:nth-child(3) {
        padding-right: 25px;
    }

    header#header .page-header__left {
        width: 12% !important;
    }

    .sponsorsInnerHomepage .sponsorItemImg:nth-child(6) {
        display: none;
    }

    .sponsorsInnerHomepage .sponsorItemImg:nth-child(5) {
        display: none;
    }

    .sponsorsInnerHomepage .sponsorItemImg {
        max-width: 25%;
    }

    .loginRegisterPageHeaderInner.page-header__left {
        width: 14% !important;
    }

    .loginRegisterPageHeaderInner.page-header__right {
        width: 26% !important;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 95%;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-3 {
        width: 30%;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 70%;
    }

    .blog-page .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* .recPostRest > article {
        max-height: 220px;
    } */

    .recPostFirst {
        height: 360px;
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-page .blogSidebar .filterBtns a {
        font-size: 17px;
    }

    .blog-page .sidebar-recent-post .right h4 {
        font-size: 13px;
    }

    .blog-page .postRow {
        flex-direction: column;
    }

    .recPostRest {
        width: 100%;
        flex-direction: row;
        column-gap: 20px;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 70%;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 30%;
    }

    body.publications-page
        .type2Sidebar
        .searchField
        > input::-webkit-input-placeholder {
        /* Edge */

        font-size: 15px;
    }

    body.publications-page
        .type2Sidebar
        .searchField
        > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 15px;
    }

    body.publications-page .type2Sidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    body.publications-page .type2Sidebar .searchField > input {
        font-size: 15px;
    }

    body.publications-page .type2Sidebar .filterBtns a {
        font-size: 15px;
    }

    body.publications-page
        .publication_item
        .post__content-wrap
        h3.post__title
        a {
        font-size: 13px;
    }

    body.publications-page
        .publication_item
        .post__content-wrap
        h3.post__title {
        line-height: 10px;
        margin-top: 0px;
    }

    body.publications-page .publication_item .authorName p {
        line-height: 12px;
    }

    body.digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 70%;
    }

    body.digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 30%;
    }

    body.digital-library-page
        .type2Sidebar
        .searchField
        > input::-webkit-input-placeholder {
        /* Edge */

        font-size: 15px;
    }

    body.digital-library-page
        .type2Sidebar
        .searchField
        > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 15px;
    }

    body.digital-library-page .type2Sidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    body.digital-library-page .type2Sidebar .searchField > input {
        font-size: 15px;
    }

    body.digital-library-page .type2Sidebar .filterBtns a {
        font-size: 15px;
    }

    body.digital-library-page
        .dLibrady_item
        .post__content-wrap
        h3.post__title
        a {
        font-size: 13px;
    }

    body.digital-library-page
        .dLibrady_item
        .post__content-wrap
        h3.post__title {
        line-height: 10px;
        margin-top: 0px;
    }

    body.digital-library-page .dLibrady_item .authorName p {
        line-height: 12px;
    }

    .page-sidebar {
        background-position: bottom !important;
    }

    .forums-page div#chatter_app div#header .container {
        max-width: 96%;
        height: 100%;
    }

    .forums-page .container.innerCont {
        width: 96%;
    }

    .forums-page .categories a {
        font-size: 14px;
    }

    .forums-page .container.innerCont .content .conTitle {
        font-size: 14px;
    }

    .forums-page .discItem h4 {
        font-size: 16px;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__right,
    .register-page .loginRegisterPageHeaderInner.page-header__right {
        width: 12% !important;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__center,
    .register-page .loginRegisterPageHeaderInner.page-header__center {
        width: 72% !important;
    }

    .login-page .loginRegisterPageHeaderInner.page-header__left,
    .register-page .loginRegisterPageHeaderInner.page-header__left {
        width: 16% !important;
    }

    .homeForumSection .textright a {
        font-size: 14px;
        padding: 15px 20px;
    }

    .homeForumSection .bigTitle span {
        font-size: 30px !important;
    }

    body.events-page .type1Sidebar .searchField > input {
        font-size: 15px;
    }

    body.events-page
        .type1Sidebar
        .searchField
        > input::-webkit-input-placeholder {
        /* Edge */
        font-size: 15px;
    }

    body.events-page .type1Sidebar .searchField > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 15px;
    }

    body.events-page .type1Sidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    .filterBtns .filterBtn .filterByType {
        font-size: 12px !important;
    }

    .type1Sidebar .sidebarTitle h2,
    .type1Sidebar h3 {
        font-size: 16px !important;
    }

    .events-page div#page-wrap > .contentSection > .container {
        width: 98%;
    }

    .events-page
        div#page-wrap
        > .contentSection
        > .container
        > .row
        > .col-lg-3 {
        width: 26%;
    }

    .events-page
        div#page-wrap
        > .contentSection
        > .container
        > .row
        > .col-lg-9 {
        width: 73%;
    }

    .event-page .section > .container {
        max-width: 100%;
        width: 92%;
    }

    .users-page div#page-wrap > .section:nth-child(2) > .container {
        width: 100%;
    }

    .users-page .user_list_item .post__content-wrap .post__title a {
        font-size: 12px;
        line-height: 10px;
    }

    .users-page .user_item_cat {
        font-size: 9px;
    }

    .users-page .userSidebar .searchField > input::-webkit-input-placeholder {
        /* Edge */
        font-size: 15px;
    }

    .users-page .userSidebar .searchField > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 15px;
    }

    .users-page .userSidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    .users-page .userSidebar .searchField > input {
        font-size: 15px;
    }

    .resetfilters span {
        font-size: 10px;
    }

    .users-page .userSidebar .sidebarTitle h3 {
        font-size: 20px;
    }

    .users-page .userSidebar .filterBtns button {
        font-size: 9px;
    }

    .users-page .user_list_item {
        width: calc(50% - 20px);
    }

    .users-page
        div#page-wrap
        > .section:nth-child(2)
        > .container
        > .row
        > .col-lg-3 {
        width: 28%;
    }

    .users-page
        div#page-wrap
        > .section:nth-child(2)
        > .container
        > .row
        > .col-lg-9 {
        width: 72%;
    }

    .page404Container .container {
        width: 92%;
    }

    .page404Container .left .error-code {
        font-size: 34px;
    }

    .page404Container .left p.description404 {
        font-size: 20px;
    }

    body.advanced-search-page .filterBar {
        margin-left: calc(-50vw - 4px);
        margin-right: calc(-50vw - 4px);
    }

    body.advanced-search-page .filterBar > .container {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1120px;
    }
}

/*768*/

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    header#header > .container {
        max-width: 100%;
        width: 100%;
    }

    header#header .page-header__left {
        width: 35%;
    }

    header#header .page-header__right {
        width: 65%;
        flex-direction: row-reverse;
        justify-content: end;
        column-gap: 25px;
    }

    .navigation-toggle span,
    .navigation-toggle:before,
    .navigation-toggle:after {
        background-color: #fff;
        width: 20px !important;
    }

    .page-header__center > nav li a {
        color: #001427 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
        font-weight: bold !important;
    }
    .page-header__center > nav > ul {
        display: none;
    }

    .page-header__center > nav.navigation--mobile--active ul {
        display: block;
    }

    body.home-page .homeBannerText span {
        font-size: 34px;
    }

    .homeForumSection .textLeft span {
        font-size: 20px;
    }

    .homeForumSection .textLeft span.isBold {
        font-size: 24px;
        margin-bottom: 0px;
        letter-spacing: -1px;
    }

    .homeForumSection .textright a {
        font-size: 16px;
        padding: 15px 25px;
    }

    .dLibrady_list .dLibrady_item:nth-child(1) {
        width: 100%;
        margin-bottom: 25px;
    }

    .dLibrady_list .dLibrady_item {
        width: 50%;
    }

    .recPostContainer .recPostFirst {
        width: 100%;
        height: 330px;
        margin-bottom: 50px;
    }

    .recPostContainer .recPostRest {
        width: 100%;
        flex-direction: row;
        column-gap: 20px;
    }

    .recPostRest > article {
        max-width: 50%;
        margin-bottom: 0px;
        max-height: initial;
        min-height: 320px;
    }

    .recPostHeaderHontent p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .user_even_container .col-6 {
        width: 100%;
    }

    .sponsorsInnerHomepage .sponsorItemImg:nth-child(6) {
        display: none;
    }

    .sponsorsInnerHomepage .sponsorItemImg:nth-child(5) {
        display: none;
    }

    .sponsorsInnerHomepage .sponsorItemImg {
        max-width: 25%;
    }

    section.section.sponsorsContainerHomepage {
        padding: 50px 8%;
    }

    .footerCol .widget__title {
        font-size: 20px;
    }

    header.page-header.header2 .navigation .menu::after {
        clear: both;
        content: "";
        display: table;
    }

    header.page-header.header2 .navigation .menu-item {
        float: left;
        position: relative;
    }

    header.page-header.header2 .navigation .menu-item > a {
        display: inline-block;
        padding: 20px 15px 20px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #cccccc;
    }

    header.page-header.header2 .navigation .menu-item > .menu {
        transition: all 0.4s ease;
        visibility: hidden;
        opacity: 0;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        padding-left: 5px;
        font-size: 16px;
        color: #cccccc;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        margin-top: -10px;
    }

    header.page-header.header2 .navigation .menu-item:hover > a {
        color: #ffffff;
    }

    header.page-header.header2 .navigation .menu-item:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    header.page-header.header2 .navigation .menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        min-width: 240px;
        background-color: #ffffff;
        border-top: 2px solid var(--color-1st);
        box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
        width: 100%;
    }

    header.page-header.header2 .navigation .menu > .menu-item {
        float: none;
        border-bottom: 1px dashed rgba(34, 25, 25, 0.3);
    }

    header.page-header.header2 .navigation .menu > .menu-item:last-child {
        border-bottom: 0;
    }

    header.page-header.header2 .navigation .menu > .menu-item > a {
        display: block;
        padding: 10px 20px;
        line-height: 1.4em;
        color: #666666;
        font-size: 13px;
    }

    header.page-header.header2 .navigation-toggle {
        display: block !important;
        margin-left: 10px;
    }

    header.page-header.header2
        .loginRegisterPageHeaderInner.page-header__right {
        width: 70% !important;
    }

    header.page-header.header2 > .container {
        max-width: 100%;
        width: 100%;
    }

    .page-header__center > nav > ul > li {
        border-bottom: none !important;
    }

    .header2 nav.navigation {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        z-index: 100;
        background-color: #ffffff;
        border-top: 2px solid #88a93e;
        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 30%);
    }

    .navigation {
        opacity: 0;
        display: none;
    }

    .navigation.navigation--mobile--active {
        opacity: 1;
        display: block;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .blog-page .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .recPostRest > article {
        max-height: 220px;
    }

    .recPostFirst {
        height: 360px;
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-page .blogSidebar .filterBtns a {
        font-size: 17px;
    }

    .blog-page .sidebar-recent-post .right h4 {
        font-size: 13px;
    }

    .blog-page .postRow {
        flex-direction: column;
    }

    .recPostRest {
        width: 100%;
        flex-direction: row;
        column-gap: 20px;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 92%;
    }

    body.digital-library-page .col-12.dLibrady_item {
        width: 100%;
        margin-bottom: 25px;
    }

    .forums-page div#chatter_app div#header .container {
        max-width: 96%;
        height: 100%;
    }

    .forums-page .container.innerCont {
        width: 96%;
        flex-direction: column;
    }

    .forums-page .categories a {
        font-size: 14px;
    }

    .forums-page .container.innerCont .content .conTitle {
        font-size: 14px;
    }

    .forums-page .discItem h4 {
        font-size: 16px;
    }

    .forums-page .container.innerCont .sidebar {
        width: 100%;
        margin-top: 30px;
    }

    .forums-page .container.innerCont .sidebar .categories {
        flex-direction: row;
    }

    .forums-page .container.innerCont .sidebar .categories .catContainer > a,
    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > div
        > a {
        background: #fff;
        box-shadow: 0px 0px 10px rgb(0 20 39 / 18%);
        padding: 12px 20px;
        border-radius: 50px;
    }

    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > a.router-link-active {
        background: rgb(0 20 39 / 18%);
        color: #fff;
    }

    .forums-page div#chatter_app div#header {
        height: 300px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .forums-page .container.innerCont .content {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .sbuttons a {
        padding: 10px 20px;
        font-size: 14px;
    }

    .homeForumSection .textLeft {
        width: 100%;
        margin-bottom: 20px;
    }

    .homeForumSection .textright {
        width: 100%;
        justify-content: flex-start;
        padding-left: 0px;
    }

    .pageHeaderSection > .container {
        max-width: 92%;
        width: 100%;
    }

    .events-page div#page-wrap > .contentSection > .container {
        width: 92%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .col-left {
        padding-right: 12px;
    }

    .col-right {
        padding-left: 12px;
        min-height: 420px;
    }

    .lab-page .section > .container {
        max-width: 100%;
        width: 92%;
    }

    /* simple search */

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12 {
        max-height: 700px;
        overflow: auto;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-thumb {
        background: #001427;
    }

    #user-table thead tr:first-child th {
        position: sticky;
        top: 0px;
        z-index: 7;
        min-width: 170px;
        height: 29px;
        vertical-align: middle;
    }

    body.simple-search-page table#user-table {
        margin-top: 0px;
    }

    #user-table tbody tr td:first-child {
        position: sticky;
        left: 0;
        z-index: 7;
        background: #a6cbf3;
        text-align: center;
        font-weight: bold !important;
        padding: 8px 0px;
    }

    #user-table thead tr:first-child th:first-child {
        position: sticky;
        left: 0px;
        top: 0px;
        z-index: 10;
        min-width: auto;
    }

    /* simple search */

    .users-page div#page-wrap > .section:nth-child(2) > .container {
        width: 95%;
    }

    .users-page .user_list_item .post__content-wrap .post__title a {
        font-size: 12px;
        line-height: 10px;
    }

    .users-page .user_item_cat {
        padding: 5px 10px;
        font-size: 8px;
    }

    body.user-single-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3
        .page-sidebar {
        flex-wrap: wrap;
    }

    body.user-single-page .sidebarAvatar {
        width: 40% !important;
    }

    body.user-single-page .page-sidebar .page-sidebar-info {
        width: 57% !important;
    }

    body.user-single-page .sidebar-map {
        width: 100% !important;
        height: 320px;
        margin-top: 20px !important;
    }

    body.user-single-page .sidebar-map img {
        max-height: 100%;
    }

    body.user-single-page .col-lg-9 {
        width: 100% !important;
    }

    .user-single-page .recPostRest > article {
        max-width: 100%;
    }

    .page404Container .left {
        width: 100%;
        order: 2;
    }

    .page404Container .right {
        width: 100%;
        order: 1;
    }

    body.user-single-page
        .page-sidebar
        .page-sidebar-info
        .socialOnly
        .sibar-social-item {
        margin-bottom: 0px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .socialOnly {
        margin-bottom: 40px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .sidebar-social {
        margin-top: 30px;
    }

    body.advanced-search-page .user-table-cont {
        max-height: 700px;
        overflow: auto;
    }

    body.advanced-search-page .user-table-cont::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-thumb {
        background: #001427;
    }

    #user-table thead tr:first-child th {
        position: sticky;
        top: -1px;
        z-index: 7;
        min-width: 170px;
        height: 29px;
        vertical-align: middle;
    }

    body.advanced-search-page table#user-table {
        margin-top: 0px;
    }

    body.advanced-search-page #user-table tbody tr td:first-child {
        position: sticky;
        left: 0;
        z-index: 7;
        background: #a6cbf3;
        text-align: center;
        font-weight: bold !important;
        padding: 8px 0px;
    }

    body.advanced-search-page #user-table thead tr:first-child th:first-child {
        position: sticky;
        left: 0px;
        top: -1px;
        z-index: 10;
        min-width: auto;
    }

    body.advanced-search-page .filterBar {
        margin-left: calc(-50vw - 4px);
        margin-right: calc(-50vw - 4px);
    }

    body.advanced-search-page .filterBar > .container {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1120px;
    }

    body.advanced-search-page select {
        font-size: 14px;
    }

    body.advanced-search-page .popover-body div:first-child {
        min-width: initial;
        width: 30% !important;
    }

    body.advanced-search-page .popover-body > div:nth-child(2) {
        min-width: initial;
        width: 12%;
    }

    body.advanced-search-page .popover-body div#value_wrapper {
        min-width: inherit;
        width: calc(58% - 40px) !important;
    }

    body.advanced-search-page .popover-body {
        flex-wrap: wrap;
    }

    .advanced-search-page .popover {
        width: 96%;
        margin-left: 2% !important;
    }

    body.advanced-search-page div#demo-container .chart {
        width: 100%;
    }
}

/*1024*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    header#header > .container {
        width: 100%;
        max-width: 100%;
    }

    .page-logo img {
        max-height: 34px;
    }

    .page-header__center > nav li a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
    }

    .loginContainerInner a span {
        font-size: 12px;
    }

    .page-header__center {
        width: 63%;
    }

    header#header .page-header__right {
        width: 25%;
    }

    .loginContainerInner a:nth-child(1) {
        padding-left: 16px;
    }

    .loginContainerInner a:nth-child(3) {
        padding-right: 16px;
    }

    header#header .page-header__left {
        width: 12%;
    }

    .register-page {
        height: 100%;
    }

    .register-page main.registerContent {
        height: 100%;
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    header.page-header.header2 > .container {
        max-width: 100%;
        width: 100%;
    }

    .loginRegisterPageHeaderInner.page-header__left {
        width: 14%;
    }

    .loginRegisterPageHeaderInner.page-header__right {
        width: 26%;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 92%;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 100%;
    }

    .forums-page div#chatter_app div#header .container {
        max-width: 96%;
        height: 100%;
    }

    .forums-page .container.innerCont {
        width: 96%;
        flex-direction: column;
    }

    .forums-page .categories a {
        font-size: 14px;
    }

    .forums-page .container.innerCont .content .conTitle {
        font-size: 14px;
    }

    .forums-page .discItem h4 {
        font-size: 16px;
    }

    .forums-page .container.innerCont .sidebar {
        width: 100%;
        margin-top: 30px;
    }

    .forums-page .container.innerCont .sidebar .categories {
        flex-direction: row;
    }

    .forums-page .container.innerCont .sidebar .categories .catContainer > a,
    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > div
        > a {
        background: #fff;
        box-shadow: 0px 0px 10px rgb(0 20 39 / 18%);
        padding: 12px 20px;
        border-radius: 50px;
    }

    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > a.router-link-active {
        background: rgb(0 20 39 / 18%);
        color: #fff;
    }

    .forums-page div#chatter_app div#header {
        height: 300px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .forums-page .container.innerCont .content {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .homeForumSection .textLeft {
        width: 100%;
        margin-bottom: 20px;
    }

    .homeForumSection .textright {
        width: 100%;
        justify-content: flex-start;
        padding-left: 0px;
    }

    .pageHeaderSection > .container {
        max-width: 92%;
        width: 100%;
    }

    .events-page div#page-wrap > .contentSection > .container {
        width: 92%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .eventDescription p {
        line-height: inherit;
    }
    .col-right {
        min-height: 600px;
    }

    /* simple search */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12 {
        max-height: 700px;
        overflow: auto;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-thumb {
        background: #001427;
    }

    #user-table thead tr:first-child th {
        position: sticky;
        top: 0px;
        z-index: 7;
        min-width: 170px;
        height: 29px;
        vertical-align: middle;
    }

    body.simple-search-page table#user-table {
        margin-top: 0px;
    }

    #user-table tbody tr td:first-child {
        position: sticky;
        left: 0;
        z-index: 7;
        background: #a6cbf3;
        text-align: center;
        font-weight: bold !important;
        padding: 8px 0px;
    }

    #user-table thead tr:first-child th:first-child {
        position: sticky;
        left: 0px;
        top: 0px;
        z-index: 10;
        min-width: auto;
    }
    /* simple search */

    .page404Container .container {
        width: 92%;
    }

    .page404Container .left .error-code {
        font-size: 34px;
    }

    .page404Container .left p.description404 {
        font-size: 20px;
    }

    body.user-single-page
        .page-sidebar
        .page-sidebar-info
        .socialOnly
        .sibar-social-item {
        margin-bottom: 0px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .socialOnly {
        margin-bottom: 40px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .sidebar-social {
        margin-top: 30px;
    }

    body.advanced-search-page .user-table-cont {
        max-height: 700px;
        overflow: auto;
    }

    body.advanced-search-page .user-table-cont::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-thumb {
        background: #001427;
    }

    #user-table thead tr:first-child th {
        position: sticky;
        top: -1px;
        z-index: 7;
        min-width: 170px;
        height: 29px;
        vertical-align: middle;
    }

    body.advanced-search-page table#user-table {
        margin-top: 0px;
    }

    body.advanced-search-page #user-table tbody tr td:first-child {
        position: sticky;
        left: -1px;
        z-index: 7;
        background: #a6cbf3;
        text-align: center;
        font-weight: bold !important;
        padding: 8px 0px;
    }

    body.advanced-search-page #user-table thead tr:first-child th:first-child {
        position: sticky;
        left: -1px;
        top: -1px;
        z-index: 10;
        min-width: auto;
    }

    body.advanced-search-page .filterBar {
        margin-left: calc(-50vw - 4px);
        margin-right: calc(-50vw - 4px);
    }

    body.advanced-search-page .filterBar > .container {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1120px;
    }

    body.advanced-search-page select {
        font-size: 14px;
    }

    body.advanced-search-page .popover-body div:first-child {
        min-width: initial;
        width: 26% !important;
    }

    body.advanced-search-page .popover-body > div:nth-child(2) {
        min-width: initial;
        width: 12%;
    }

    body.advanced-search-page .popover-body div#value_wrapper {
        min-width: inherit;
        width: calc(50% - 34px) !important;
    }

    body.advanced-search-page .popover-body {
        flex-wrap: wrap;
    }

    .advanced-search-page .popover {
        width: 96%;
        margin-left: 2% !important;
    }

    body.advanced-search-page div#demo-container .chart {
        width: 100%;
    }

    .homeForumSection .textLeft span.isBold {
        font-size: 32px;
        margin-bottom: 0px;
    }
    .homeForumSection .textLeft span {
        font-size: 22px;
    }

    .homeForumSection .bigTitle span {
        font-size: 30px;
    }

    .homeChartSection h4 {
        font-size: 14px;
    }
}

/*320*/

@media (min-width: 320px) and (max-width: 480px) {
    a.loginLink:after {
        content: "\f090";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.loginLink span {
        display: none;
    }

    a.signupLink:after {
        content: "\f234";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.signupLink span {
        display: none;
    }

    a.logoutLink:after {
        content: "\f08b";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.logoutLink span {
        display: none;
    }

    .loginContainerInner a {
        height: 28px;
        display: flex;
        align-items: center;
    }

    .loginContainerInner a:nth-child(1):before {
        left: -130%;
    }

    a.accountLink:after {
        content: "\f007";
        font-family: "FontAwesome" !important;
        font-size: 20px;
        position: relative;
        transition: 0.35s ease all;
    }

    .loginContainerInner a:nth-child(3):before {
        right: -130%;
    }

    a.accountLink span {
        display: none;
    }

    .loginContainerInner a:nth-child(1) {
        padding-left: 25px;
        padding-right: 5px;
    }

    .loginContainerInner a:nth-child(3) {
        padding-right: 25px;
        padding-left: 5px;
    }

    .page-header .container {
        max-width: 100% !important;
        width: 100% !important;
    }

    .page-header .page-header__left {
        width: 28% !important;
    }

    .page-header .page-header__right {
        width: 72% !important;
        flex-direction: row-reverse;
        justify-content: end !important;
        column-gap: 15px;
    }

    .navigation-toggle span,
    .navigation-toggle:before,
    .navigation-toggle:after {
        background-color: #fff;
        width: 20px !important;
    }

    .page-header__center .navigation li.websiteLink a {
        padding: 15px 12px !important;
        background: #fff !important;
        color: #001427 !important;
    }

    .page-header__center > nav > ul {
        display: none;
    }

    .page-header__center > nav.navigation--mobile--active ul {
        display: block;
    }

    .page-header__center > nav > ul > li {
        display: block;
    }

    header#header {
        z-index: 99;
    }

    .loginContainerInner a:hover:after {
        color: #001427;
        position: relative;
    }

    .loginContainerInner {
        height: 28px;
    }

    header.page-header.header2 {
        background: transparent;
        height: 90px;
    }

    body.home-page .homeBannerText span.isBold {
        font-weight: bold;
        font-size: 30px;
    }

    body.home-page .homeBannerText span {
        font-size: 18px;
        display: block;
        font-weight: 300;
    }

    body.home-page .pageHeaderSection {
        height: 600px;
    }

    body.home-page .pageHeaderSection > .container {
        height: 100%;
    }

    .homeForumSection .textLeft span {
        font-size: 18px;
        line-height: 28px;
    }

    .homeForumSection .bigTitle span {
        font-size: 28px;
    }

    .homeForumSection .textLeft span.isBold {
        font-size: 22px;
    }

    header.page-header.header2 .navigation .menu::after {
        clear: both;
        content: "";
        display: table;
    }

    header.page-header.header2 .navigation .menu-item {
        float: left;
        position: relative;
    }

    nav.navigation {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        z-index: 100;
        background-color: #ffffff;
        border-top: 2px solid #88a93e;
        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 30%);
    }

    .page-header__center > nav li a.page-header__center > nav li a.active {
        color: #88a93e;
    }

    nav.navigation .menu-item {
        float: none;
        border-bottom: 1px dashed rgba(34, 25, 25, 0.2);
    }

    header.page-header.header2 .navigation .menu-item > .menu {
        transition: all 0.4s ease;
        visibility: hidden;
        opacity: 0;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        padding-left: 5px;
        font-size: 16px;
        color: #cccccc;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        margin-top: -10px;
    }

    header.page-header.header2 .navigation .menu-item:hover > a {
        color: #ffffff;
    }

    header.page-header.header2 .navigation .menu-item:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    header.page-header.header2 .navigation .menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        min-width: 240px;
        background-color: #ffffff;
        border-top: 2px solid var(--color-1st);
        box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
        width: 100%;
    }

    header.page-header.header2 .navigation .menu > .menu-item:last-child {
        border-bottom: 0;
    }

    header.page-header.header2 .navigation .menu > .menu-item > a {
        display: block;
        padding: 15px 25px;
        line-height: 20px;
        font-size: 16px !important;
    }

    .login-page div#app {
        height: calc(100% - 90px);
    }

    header.page-header.header2 .navigation-toggle {
        display: block !important;
    }

    .login-page .loginContentInner {
        margin-top: -110px;
    }

    .login-page main.loginContent {
        max-width: 88%;
        height: 100%;
        margin-top: 0px;
    }

    .register-page div#first_nameGroup {
        max-width: 100%;
        margin-right: 0px;
    }

    .register-page div#last_nameGroup {
        max-width: 100%;
        margin-left: 0px;
    }

    .register-page div#passwordGroup {
        max-width: 100%;
        margin-right: 0px;
    }

    .register-page div#passwordConfirmationGroup {
        max-width: 100%;
        margin-left: 0px;
    }

    .register-page main.registerContent {
        height: 100%;
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
        max-width: 88%;
    }

    .register-page {
        height: 100%;
    }

    .register-page .flex.flex-wrap.actionsContainer {
        width: 100%;
    }

    .reset-page main.resetContent {
        max-width: 88%;
        height: 100%;
        margin-top: 0px;
        padding-top: 40px;
    }

    .reset-page .actionsContainer button {
        font-size: 16px;
        padding: 12px 25px 15px 25px;
    }

    .reset-page div#app {
        height: calc(100% - 90px);
    }

    .reset-page .resetContentInner {
        margin-top: -110px;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 92%;
    }

    .recPostFirst {
        min-height: 350px;
        margin-bottom: 50px;
    }

    .recPostRest > article {
        min-height: 350px;
    }

    .blog-page .recPostRest > article .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .blog-page .recPostFirst > article .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    /* .blog-page .recPostRest .recPostHeader h3 a {
        font-size: 1.2rem !important;
    } */

    #pageFooter .col-lg-4.col-md-4.col-sm-12.col-12 {
        margin-bottom: 30px;
    }

    body.publications-page #publication_list_item header.post__header {
        flex-direction: column;
        align-items: flex-start;
        border-left: 2px solid #88a93e;
        padding-left: 10px;
        row-gap: 10px;
    }

    body.publications-page
        .publication_item
        .post__content-wrap
        h3.post__title:before {
        display: none;
    }

    body.publications-page div#page-wrap > .section > .container {
        width: 92%;
    }

    body.digital-library-page header.post__header {
        flex-direction: column;
        align-items: flex-start !important;
        border-left: 2px solid #88a93e !important;
        padding-left: 10px !important;
        row-gap: 10px;
    }

    body.digital-library-page
        .dLibrady_item
        .post__content-wrap
        h3.post__title:before {
        display: none;
    }

    .digital-library-page div#page-wrap > .section > .container {
        width: 92%;
    }

    .forums-page div#chatter_app div#header .container {
        max-width: 96%;
        height: 100%;
    }

    .forums-page .container.innerCont {
        width: 96%;
        flex-direction: column;
    }

    .forums-page .categories a {
        font-size: 14px;
    }

    .forums-page .container.innerCont .content .conTitle {
        font-size: 14px;
    }

    .forums-page .discItem h4 {
        font-size: 16px;
    }

    .forums-page .container.innerCont .sidebar {
        width: 100%;
        margin-top: 30px;
    }

    .forums-page .container.innerCont .sidebar .categories {
        flex-direction: row;
    }

    .forums-page .container.innerCont .sidebar .categories .catContainer > a,
    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > div
        > a {
        background: #fff;
        box-shadow: 0px 0px 10px rgb(0 20 39 / 18%);
        padding: 12px 20px;
        border-radius: 50px;
    }

    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > a.router-link-active {
        background: rgb(0 20 39 / 18%);
        color: #fff;
    }

    .forums-page div#chatter_app div#header {
        height: 250px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .forums-page .container.innerCont .content {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .forums-page .discussionExist {
        padding-left: 0px;
        padding-right: 0px;
    }

    .forums-page .discussionExist strong {
        font-size: 10px;
        margin-top: 15px;
    }

    .forums-page .discussionExist .inline-flex.text-white {
        font-size: 10px;
    }

    .forums-page .discussionExist .discItem > .w-full.items-center {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: baseline;
        margin-bottom: 10px;
    }

    .forums-page
        .discussionExist
        .discItem
        .items-center.justify-center.ml-auto {
        position: absolute;
        right: 10px;
        top: 28px;
    }

    .forums-page .discussionExist > div:last-child {
        padding-bottom: 0px;
    }

    .forums-page .discussionExist > div:first-child {
        padding-top: 10px;
    }

    .forums-page .reactionsCont {
        width: 270px;
    }

    .sbuttons .col-4 {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .sbuttons .col-4 a {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sbuttons .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .sbuttons .container {
        padding: 0px;
    }

    .homeForumSection .textright {
        justify-content: flex-start;
        padding-left: 0px;
        margin-top: 20px;
    }

    .homeForumSection .textright a {
        font-size: 15px;
        padding: 12px 25px;
    }

    .homepage-text {
        padding-top: 50px;
    }

    .homepage-text h3 {
        font-size: 25px;
    }

    .homepage-text p,
    .homepage-text li {
        font-size: 14px;
    }

    .sbuttons {
        padding-bottom: 50px;
    }

    .recPostContainer {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .user_even_container {
        padding-top: 0px;
    }

    .user_even_container .col-6 {
        width: 100%;
    }

    .recPostContainer .post-group__header h3 {
        font-size: 25px;
    }

    .user_even_container h3.post-group__title {
        font-size: 25px;
    }

    /* users slider */

    .mobUsers .mobUser {
        position: relative;
        box-shadow: 0px 0px 10px #272d3b33;
        margin-bottom: 25px;
        border-radius: 20px;
        padding-bottom: 50px;
        text-align: center;
    }

    .owl-carousel.mobUsers .owl-item {
        padding: 20px;
    }

    .mobUsers .mobUser img {
        margin-bottom: 15px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        max-height: 180px;
        object-fit: cover;
    }

    .mobUsers button.owl-prev {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: -20px;
        top: 50%;
        margin-top: -18px;
    }

    .mobUsers button.owl-prev span {
        font-size: 40px;
    }

    .mobUsers button.owl-next {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -20px;
        top: 50%;
        margin-top: -18px;
    }

    .mobUsers button.owl-next span {
        font-size: 40px;
    }

    .home-page .user_list a.user_item_viewall {
        display: block;
        width: 186px;
        margin: 0 auto;
    }

    .home-page .user_list .row {
        width: 0px;
        height: 0px;
        display: block;
        letter-spacing: -1000px;
        clip: rect(0, 0, 0, 0);
        position: absolute;
        opacity: 0;
    }

    .home-page .user_list .mobUserCont {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-page .user_list .mobUserCont h3 {
        font-size: 18px;
    }

    /* events slider */

    .mobEventCont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobEventCont .event_list_item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-page .events_list button.owl-prev {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: -20px;
        top: 50%;
        margin-top: -40px;
    }

    .home-page .events_list button.owl-prev span {
        font-size: 40px;
    }

    .home-page .events_list button.owl-next {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -20px;
        top: 50%;
        margin-top: -40px;
    }

    .home-page .events_list button.owl-next span {
        font-size: 40px;
    }

    .home-page .events_list a.user_item_viewall {
        display: block;
        width: 186px;
        margin: 0 auto;
    }

    .home-page .events_list .row {
        width: 0px;
        height: 0px;
        display: block;
        letter-spacing: -1000px;
        clip: rect(0, 0, 0, 0);
        position: absolute;
        opacity: 0;
    }

    .mobEventCont .event_list_item .post__content-wrap {
        width: 100%;
    }

    .mobEventCont .event_list_item h3.post__title a {
        font-size: 18px;
    }

    .events-page div#page-wrap > .contentSection > .container {
        width: 92%;
    }

    #calendar .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk {
        width: 100%;
        text-align: center;
    }

    #calendar .fc-header-toolbar.fc-toolbar {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .col-left {
        padding-right: 12px;
    }

    .col-right {
        padding-left: 12px;
        min-height: 400px;
    }

    form#book-guest-form button {
        width: 28%;
    }

    .labDate {
        font-size: 25px;
    }

    .labTime {
        font-size: 25px;
    }

    .timer {
        font-size: 25px;
    }

    .timer:before {
        font-size: 24px;
    }

    /* simple search */

    body.simple-search-page .sectionContainer .col-6,
    body.simple-search-page .sectionContainer .col-12 {
        width: 100%;
    }

    body.simple-search-page .reset-filter-btn-wrapper button {
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }

    body.simple-search-page .reset-filter-btn-wrapper {
        display: flex;
        justify-content: space-around;
    }

    body.simple-search-page .reset-filter-btn {
        margin: 0px;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label {
        text-indent: -9999px;
        column-gap: 0px;
        margin-right: 10px;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label
        select {
        text-align: center;
    }

    body.simple-search-page #user-table_wrapper > .row .col-md-6:first-child {
        width: 70px;
    }

    body.simple-search-page #user-table_wrapper > .row .col-md-6:nth-child(2) {
        width: calc(100% - 70px);
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:nth-child(2)
        label {
        text-align: right;
        width: 100%;
    }

    body.simple-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    html[lang="el"]
        body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label:before {
        content: "Δείξε";
    }

    html[lang="en"]
        body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label:before {
        content: "Show";
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label:before {
        content: "";
        text-indent: initial;
        display: block;
        position: absolute;
        left: 10px;
        top: 5px;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12 {
        max-height: 700px;
        overflow: auto;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-thumb {
        background: #001427;
    }

    #user-table thead tr:first-child th {
        position: sticky;
        top: -2px;
        z-index: 7;
        min-width: 170px;
        height: 29px;
        vertical-align: middle;
    }

    body.simple-search-page table#user-table {
        margin-top: 0px;
    }

    #user-table tbody tr td:first-child {
        position: sticky;
        left: -2px;
        z-index: 7;
        background: #a6cbf3;
        text-align: center;
        font-weight: bold !important;
        padding: 8px 0px;
    }

    #user-table thead tr:first-child th:first-child {
        position: sticky;
        left: -2px;
        top: -2px;
        z-index: 10;
        min-width: auto;
    }

    body.simple-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    body.simple-search-page div#user-table_paginate .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    body.simple-search-page div#user-table_paginate .pagination li:first-child {
        order: 2;
    }

    body.simple-search-page div#user-table_paginate .pagination li:last-child {
        order: 3;
    }

    /* simple search */

    .users-page .user_list_item {
        width: 100% !important;
        margin: 0px;
        margin-bottom: 20px;
    }

    .mobileSidebar.inUsers .filterBtn button {
        font-size: 10px;
    }

    .page-intro .page-intro__title {
        font-size: 35px;
    }

    .users-page div#page-wrap > .section:nth-child(2) > .container {
        width: 92%;
    }

    .users-page .user_list_item .post__content-wrap .post__title a {
        font-size: 12px;
    }

    .users-page .user_item_cat {
        padding: 5px 15px;
        font-size: 8px;
    }

    body.user-single-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3
        .page-sidebar {
        flex-wrap: wrap;
    }

    body.user-single-page .sidebarAvatar {
        width: 100% !important;
        margin-bottom: 20px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info {
        width: 100% !important;
    }

    body.user-single-page .sidebar-map {
        width: 100% !important;
        height: 320px;
        margin-top: 20px !important;
    }

    body.user-single-page .sidebar-map img {
        max-height: 100%;
    }

    body.user-single-page .col-lg-9 {
        width: 100% !important;
    }

    .user-single-page .recPostRest > article {
        max-width: 100%;
    }

    .user-single-page .content-top {
        flex-direction: column;
        row-gap: 15px;
    }

    .user-single-page .content-top > a.projectsBtn {
        max-width: 100%;
    }

    .user-single-page .content-top > a {
        max-width: 100%;
        justify-content: center;
        column-gap: 10px;
    }

    .user-single-page .post__content ul.nav.nav-tabs li a.nav-link {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .user-single-page .post__content ul.nav.nav-tabs li {
        margin-right: 10px;
    }

    .user-single-page .post__content ul.nav.nav-tabs li:last-child {
        margin-right: 0px;
    }

    .user-single-page .recPostRest > article {
        max-height: 370px;
    }

    .user-single-page .recPostRest > article img {
        height: 350px;
    }

    .user-single-page .recPostHeader h3 a {
        font-size: 16px !important;
    }

    .user-single-page .event_list_item h3.post__title a {
        font-size: 18px;
    }

    .user-single-page .job_list_item h3.post__title {
        font-size: 18px;
    }

    .user-single-page .job_list_item .post__content-wrap {
        width: 100%;
    }

    .page404Container .left {
        width: 100%;
        order: 2;
    }

    .page404Container .right {
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }

    .page404Container .container {
        width: 92%;
    }

    .page404Container .left .error-code {
        font-size: 23px;
    }

    .page404Container .left p.description404 {
        padding-right: 0px;
        font-size: 18px;
    }

    body.user-single-page
        .page-sidebar
        .page-sidebar-info
        .socialOnly
        .sibar-social-item {
        margin-bottom: 0px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .socialOnly {
        margin-bottom: 40px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .sidebar-social {
        margin-top: 30px;
    }

    .privacy-policy-page .post__content,
    .privacy-policy-page .post__content p,
    .privacy-policy-page .post__content li,
    .privacy-policy-page .post__content a {
        font-size: 12px;
    }

    .privacy-policy-page .post__content strong {
        font-size: 14px;
    }

    .terms-page .post__content,
    .terms-page .post__content p,
    .terms-page .post__content li,
    .terms-page .post__content a {
        font-size: 12px;
    }

    .terms-page .post__content strong {
        font-size: 14px;
    }

    body.advanced-search-page .user-table-cont {
        width: 100%;
    }

    body.advanced-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    html[lang="el"] body.advanced-search-page #user-table_wrapper label:before {
        content: "Δείξε";
    }

    html[lang="en"] body.advanced-search-page #user-table_wrapper label:before {
        content: "Show";
    }

    body.advanced-search-page #user-table_wrapper label:before {
        content: "";
        text-indent: initial;
        display: block;
        position: absolute;
        left: 10px;
        top: 3px;
        color: #000;
    }

    body.advanced-search-page .user-table-cont {
        max-height: 700px;
        overflow: auto;
    }

    body.advanced-search-page .user-table-cont::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-thumb {
        background: #001427;
    }

    body.advanced-search-page table#user-table {
        margin-top: 0px;
    }

    body.advanced-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    body.advanced-search-page div#user-table_paginate .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    body.advanced-search-page
        div#user-table_paginate
        .pagination
        li:first-child {
        order: 2;
        width: 50%;
        text-align: center;
    }

    body.advanced-search-page
        div#user-table_paginate
        .pagination
        li:last-child {
        order: 3;
        width: 50%;
        text-align: center;
    }

    body.advanced-search-page div#user-table_length {
        position: relative;
    }

    body.advanced-search-page div#user-table_length label {
        width: 60px;
        display: block;
        text-indent: -9999px;
        white-space: normal;
        height: 40px;
        color: transparent;
        margin-top: 0px;
    }

    body.advanced-search-page div#user-table_length {
        max-width: 70px;
    }

    body.advanced-search-page div#user-table_filter {
        max-width: calc(100% - 70px);
    }

    body.advanced-search-page div#user-table_filter input {
        min-width: 100%;
        width: calc(100% - 20px);
    }

    body.advanced-search-page .sectionContainer label {
        display: block;
        width: 100%;
        text-align: right;
    }

    body.advanced-search-page .filterBar {
        left: auto;
        right: auto;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -48px;
        width: auto;
    }

    body.advanced-search-page a#example-popover span {
        font-size: 14px;
    }

    body.advanced-search-page a#example-popover {
        width: 200px;
        height: 42px;
        line-height: 42px;
    }

    body.advanced-search-page .popover-body {
        flex-direction: column;
    }

    .advanced-search-page .popover {
        min-width: auto !important;
        width: 96%;
        margin-left: 2% !important;
    }

    body.advanced-search-page .popover-body div:first-child {
        min-width: auto;
        width: 100% !important;
    }

    body.advanced-search-page .popover-body div#value_wrapper {
        min-width: auto;
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    body.advanced-search-page .popover-body > div:nth-child(2) {
        min-width: auto;
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    body.advanced-search-page .filterBar .active_filter button {
        font-size: 10px;
    }

    body.advanced-search-page div#demo-container {
        margin-bottom: 40px;
    }

    body.advanced-search-page div#demo-container .chart:first-child {
        margin-top: 50px;
    }

    body.advanced-search-page div#demo-container .chart:nth-child(2) {
        margin-top: 50px;
    }

    body.advanced-search-page .popover-body > form {
        display: block;
    }

    body.advanced-search-page .container.chartInfo {
        flex-direction: column;
    }

    body.advanced-search-page .container.chartInfo p {
        font-size: 12px;
    }

    .homeChartSection h4 {
        font-size: 14px;
    }
}

/*481*/

@media (min-width: 481px) and (max-width: 767px) {
    header.page-header.header2 .navigation .menu::after {
        clear: both;
        content: "";
        display: table;
    }

    header.page-header.header2 .navigation .menu-item {
        float: left;
        position: relative;
    }

    header.page-header.header2 .navigation .menu-item > .menu {
        transition: all 0.4s ease;
        visibility: hidden;
        opacity: 0;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        padding-left: 5px;
        font-size: 16px;
        color: #cccccc;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        margin-top: -10px;
    }

    header.page-header.header2 .navigation .menu-item:hover > a {
        color: #ffffff;
    }

    header.page-header.header2 .navigation .menu-item:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    header.page-header.header2 .navigation .menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        min-width: 240px;
        background-color: #ffffff;
        border-top: 2px solid var(--color-1st);
        box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
        width: 100%;
    }

    header.page-header.header2 .navigation .menu > .menu-item {
        float: none;
    }

    header.page-header.header2 .navigation .menu > .menu-item:last-child {
        border-bottom: 0;
    }

    .login-page {
        overflow: hidden;
    }

    .register-page {
        height: 100%;
    }

    .register-page main.registerContent {
        height: 100%;
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    header.page-header.header2 .navigation-toggle {
        display: block !important;
    }

    .navigation-toggle span,
    .navigation-toggle:before,
    .navigation-toggle:after {
        width: 20px;
        background-color: #fff;
    }

    header.page-header.header2 .navigation-toggle {
        display: block !important;
        margin-left: 10px;
    }

    header.page-header.header2 .navigation .menu::after {
        clear: both;
        content: "";
        display: table;
    }

    header.page-header.header2 .navigation .menu-item {
        float: left;
        position: relative;
    }

    header.page-header.header2 .navigation .menu-item > .menu {
        transition: all 0.4s ease;
        visibility: hidden;
        opacity: 0;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        padding-left: 5px;
        font-size: 16px;
        color: #cccccc;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        margin-top: -10px;
    }

    header.page-header.header2 .navigation .menu-item:hover > a {
        color: #ffffff;
    }

    header.page-header.header2 .navigation .menu-item:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    header.page-header.header2 .navigation .menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        min-width: 240px;
        background-color: #ffffff;
        border-top: 2px solid var(--color-1st);
        box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
        width: 100%;
        display: none;
    }

    header.page-header.header2 .navigation .menu > .menu-item:last-child {
        border-bottom: 0;
    }

    header.page-header.header2 .navigation .menu > .menu-item > a {
        display: block;
        padding: 15px 25px;
        line-height: 20px;
        color: #001427 !important;
    }

    header.page-header.header2 .navigation.navigation--mobile--active .menu {
        display: block;
    }

    .navigation-toggle span,
    .navigation-toggle:before,
    .navigation-toggle:after {
        width: 20px;
        background-color: #fff;
    }

    .loginRegisterPageHeaderInner.page-header__left {
        width: 30%;
    }

    .loginRegisterPageHeaderInner.page-header__right {
        width: 70%;
    }

    .reset-page main.resetContent {
        height: 100%;
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .reset-page {
        height: 100%;
    }

    a.loginLink:after {
        content: "\f090";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.loginLink span {
        display: none;
    }

    a.signupLink:after {
        content: "\f234";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.signupLink span {
        display: none;
    }

    a.logoutLink:after {
        content: "\f08b";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.logoutLink span {
        display: none;
    }

    .loginContainerInner a {
        height: 28px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .loginContainerInner a:nth-child(1):before {
        left: -130%;
    }

    a.accountLink:after {
        content: "\f007";
        font-family: "FontAwesome" !important;
        font-size: 20px;
        position: relative;
        transition: 0.35s ease all;
    }

    .loginContainerInner a:nth-child(3):before {
        right: -130%;
    }

    a.accountLink span {
        display: none;
    }

    .loginContainerInner a:nth-child(1) {
        padding-left: 25px;
        padding-right: 5px;
    }

    .loginContainerInner a:nth-child(3) {
        padding-right: 25px;
        padding-left: 5px;
    }

    .loginContainerInner {
        height: 28px;
    }

    .loginContainerInner a:hover:after {
        color: #001427;
        position: relative;
    }

    header.page-header.header2 > .container {
        max-width: 100%;
        width: 100%;
    }

    header#header > .container {
        max-width: 100%;
    }

    header#header .page-header__left {
        width: 30%;
    }

    header#header .page-header__right {
        width: 70%;
        flex-direction: row-reverse;
        justify-content: end;
        column-gap: 10px;
    }

    .page-header__center > nav li a {
        color: #001427 !important;
        font-size: 12px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .page-header__center .navigation li.websiteLink a {
        padding: 15px 6px !important;
        background: #fff !important;
        color: #001427 !important;
    }

    .navigation--mobile .menu-item {
        border-bottom: none;
    }

    .header2 nav.navigation {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        z-index: 100;
        background-color: #ffffff;
        border-top: 2px solid #88a93e;
        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 30%);
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .blog-page .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .blog-page .recPostRest .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .recPostRest > article {
        min-height: 350px;
    }

    .recPostFirst {
        height: 300px;
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-page .blogSidebar .filterBtns a {
        font-size: 17px;
    }

    .blog-page .sidebar-recent-post .right h4 {
        font-size: 13px;
    }

    .blog-page .postRow {
        flex-direction: column;
    }

    .recPostRest {
        width: 100%;
        flex-direction: column;
        column-gap: 20px;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 92%;
    }

    .recPostRest > article img {
        height: 220px;
        object-fit: cover;
    }

    footer#pageFooter .row .widget__about {
        text-align: center;
    }

    footer#pageFooter .footerCol {
        /* width: 50%; */
        margin-top: 30px;
    }

    footer#pageFooter .footerLogo a {
        justify-content: center !important;
    }

    footer#pageFooter .footerSocial .pull-left {
        width: 100%;
    }

    .forums-page div#chatter_app div#header .container {
        max-width: 96%;
        height: 100%;
    }

    .forums-page .container.innerCont {
        width: 96%;
        flex-direction: column;
    }

    .forums-page .categories a {
        font-size: 14px;
    }

    .forums-page .container.innerCont .content .conTitle {
        font-size: 14px;
    }

    .forums-page .discItem h4 {
        font-size: 16px;
    }

    .forums-page .container.innerCont .sidebar {
        width: 100%;
        margin-top: 30px;
    }

    .forums-page .container.innerCont .sidebar .categories {
        flex-direction: row;
    }

    .forums-page .container.innerCont .sidebar .categories .catContainer > a,
    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > div
        > a {
        background: #fff;
        box-shadow: 0px 0px 10px rgb(0 20 39 / 18%);
        padding: 12px 20px;
        border-radius: 50px;
    }

    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > a.router-link-active {
        background: rgb(0 20 39 / 18%);
        color: #fff;
    }

    .forums-page div#chatter_app div#header {
        height: 250px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .forums-page .container.innerCont .content {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .homeForumSection .textLeft span {
        font-size: 25px;
    }

    .homeForumSection .textLeft span.isBold {
        font-size: 25px;
    }

    .homeForumSection .textLeft {
        margin-bottom: 20px;
    }

    .homeForumSection .textright {
        justify-content: flex-start;
        padding-left: 0px;
    }

    .homepage-text h4 {
    }

    body.home-page .homeBannerText span {
        font-size: 24px;
    }

    body.home-page .pageHeaderSection {
        height: 270px;
    }

    body.home-page .pageHeaderSection > .container {
        height: 100%;
    }

    .homepage-text p,
    .homepage-text p span,
    .homepage-text li {
        font-size: 14px;
    }

    .sbuttons a {
        font-size: 12px;
        padding: 10px 15px;
    }

    .sbuttons .col-4 {
        width: 50%;
    }

    .homeForumSection .textLeft span {
        font-size: 18px;
        line-height: 28px;
    }

    .homeForumSection .bigTitle span {
        font-size: 28px;
    }

    .events-page div#page-wrap > .contentSection > .container {
        max-width: 100%;
        width: 92%;
    }

    .pageHeaderSection > .container {
        max-width: 92%;
        height: calc(100% - 78px);
    }

    .pageHeaderSection {
        height: 290px;
    }

    .page-intro .page-intro__title {
        font-size: 35px;
    }

    .users-page .user_list_item {
        width: 100% !important;
        margin: 0px;
        margin-bottom: 20px;
    }

    /* simple search */

    body.simple-search-page .reset-filter-btn-wrapper button {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

    body.simple-search-page .reset-filter-btn-wrapper {
        display: flex;
        justify-content: center;
        column-gap: 15px;
    }

    body.simple-search-page .reset-filter-btn {
        margin: 0px;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label {
        text-indent: -9999px;
        column-gap: 0px;
        margin-right: 10px;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label
        select {
        text-align: center;
    }

    body.simple-search-page #user-table_wrapper > .row .col-md-6:first-child {
        width: 70px;
    }

    body.simple-search-page #user-table_wrapper > .row .col-md-6:nth-child(2) {
        width: calc(100% - 70px);
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:nth-child(2)
        label {
        text-align: right;
        width: 100%;
    }

    body.simple-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    html[lang="el"]
        body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label:before {
        content: "Δείξε";
    }

    html[lang="en"]
        body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label:before {
        content: "Show";
    }

    body.simple-search-page
        #user-table_wrapper
        > .row
        .col-md-6:first-child
        label:before {
        content: "";
        text-indent: initial;
        display: block;
        position: absolute;
        left: 10px;
        top: 5px;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12 {
        max-height: 700px;
        overflow: auto;
    }

    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.simple-search-page
        #user-table_wrapper
        > .row:nth-child(2)
        > .col-sm-12::-webkit-scrollbar-thumb {
        background: #001427;
    }

    #user-table thead tr:first-child th {
        position: sticky;
        top: -2px;
        z-index: 7;
        min-width: 170px;
        height: 29px;
        vertical-align: middle;
    }

    body.simple-search-page table#user-table {
        margin-top: 0px;
    }

    #user-table tbody tr td:first-child {
        position: sticky;
        left: -2px;
        z-index: 7;
        background: #a6cbf3;
        text-align: center;
        font-weight: bold !important;
        padding: 8px 0px;
    }

    #user-table thead tr:first-child th:first-child {
        position: sticky;
        left: -2px;
        top: -2px;
        z-index: 10;
        min-width: auto;
    }

    body.simple-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    body.simple-search-page div#user-table_paginate .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    body.simple-search-page .container {
        max-width: 98%;
        width: 100%;
    }

    /* simple search */

    .page404Container .left {
        width: 100%;
        order: 2;
    }

    .page404Container .right {
        width: 100%;
        order: 1;
    }

    body.user-single-page
        .page-sidebar
        .page-sidebar-info
        .socialOnly
        .sibar-social-item {
        margin-bottom: 0px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .socialOnly {
        margin-bottom: 40px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info .sidebar-social {
        margin-top: 30px;
    }

    body.advanced-search-page .user-table-cont {
        width: 100%;
    }

    body.advanced-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    html[lang="el"] body.advanced-search-page #user-table_wrapper label:before {
        content: "Δείξε";
    }

    html[lang="en"] body.advanced-search-page #user-table_wrapper label:before {
        content: "Show";
    }

    body.advanced-search-page #user-table_wrapper label:before {
        content: "";
        text-indent: initial;
        display: block;
        position: absolute;
        left: 10px;
        top: 3px;
        color: #000;
    }

    body.advanced-search-page .user-table-cont {
        max-height: 700px;
        overflow: auto;
    }

    body.advanced-search-page .user-table-cont::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    body.advanced-search-page .user-table-cont::-webkit-scrollbar-thumb {
        background: #001427;
    }

    body.advanced-search-page table#user-table {
        margin-top: 0px;
    }

    body.advanced-search-page div#user-table_filter input {
        min-width: auto;
        width: 100%;
    }

    body.advanced-search-page div#user-table_paginate .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    body.advanced-search-page
        div#user-table_paginate
        .pagination
        li:first-child {
        order: 2;
        width: 50%;
        text-align: center;
    }

    body.advanced-search-page
        div#user-table_paginate
        .pagination
        li:last-child {
        order: 3;
        width: 50%;
        text-align: center;
    }

    body.advanced-search-page div#user-table_length {
        position: relative;
    }

    body.advanced-search-page div#user-table_length label {
        width: 60px;
        display: block;
        text-indent: -9999px;
        white-space: normal;
        height: 40px;
        color: transparent;
        margin-top: 0px;
    }

    body.advanced-search-page div#user-table_length {
        max-width: 70px;
    }

    body.advanced-search-page div#user-table_filter {
        max-width: calc(100% - 70px);
    }

    body.advanced-search-page div#user-table_filter input {
        min-width: 100%;
        width: calc(100% - 20px);
    }

    body.advanced-search-page .sectionContainer label {
        display: block;
        width: 100%;
        text-align: right;
    }

    body.advanced-search-page .filterBar {
        margin-left: calc(-50vw - 0px);
        margin-right: calc(-50vw - 0px);
        padding-left: 30px;
        padding-right: 30px;
    }

    body.advanced-search-page a#example-popover span {
        font-size: 14px;
    }

    body.advanced-search-page a#example-popover {
        width: 200px;
        height: 42px;
        line-height: 42px;
    }

    body.advanced-search-page .popover-body {
        flex-direction: column;
    }

    .advanced-search-page .popover {
        min-width: auto !important;
        width: 96%;
        margin-left: 2% !important;
    }

    body.advanced-search-page .popover-body div:first-child {
        min-width: auto;
        width: 100% !important;
    }

    body.advanced-search-page .popover-body div#value_wrapper {
        min-width: auto;
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    body.advanced-search-page .popover-body > div:nth-child(2) {
        min-width: auto;
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    body.advanced-search-page .filterBar .active_filter button {
        font-size: 10px;
    }

    footer#pageFooter .row {
        justify-content: center;
    }

    body.advanced-search-page div#demo-container .chart:first-child {
        margin-top: 50px;
    }

    body.advanced-search-page div#demo-container .chart:nth-child(2) {
        margin-top: 50px;
    }

    body.advanced-search-page div#demo-container {
        margin-bottom: 40px;
    }

    body.advanced-search-page .popover-body > form {
        display: block;
    }

    .advanced-search-page .popover {
        width: 70%;
    }

    .homeChartSection h4 {
        font-size: 14px;
    }
}

/* high dp horizontal */

@media (min-width: 481px) and (max-width: 960px) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 4) and (orientation: landscape) {
    .login-page header .container {
        max-width: 100%;
    }

    .login-page {
        height: 100%;
        overflow: auto !important;
    }

    .login-page main.loginContent {
        height: 100%;
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .register-page header .container {
        max-width: 100%;
    }

    header.page-header.header2 .navigation-toggle {
        display: block !important;
        margin-left: 10px;
    }

    header.page-header.header2 .navigation .menu::after {
        clear: both;
        content: "";
        display: table;
    }

    header.page-header.header2 .navigation .menu-item {
        float: left;
        position: relative;
    }

    header.page-header.header2 .navigation .menu-item > .menu {
        transition: all 0.4s ease;
        visibility: hidden;
        opacity: 0;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        padding-left: 5px;
        font-size: 16px;
        color: #cccccc;
    }

    header.page-header.header2
        .navigation
        .menu-item.menu-item-has-children
        > a
        .toggle-icon {
        width: 39px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        margin-top: -10px;
    }

    header.page-header.header2 .navigation .menu-item:hover > a {
        color: #ffffff;
    }

    header.page-header.header2 .navigation .menu-item:hover > .sub-menu {
        visibility: visible;
        opacity: 1;
    }

    header.page-header.header2 .navigation .menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        min-width: 240px;
        background-color: #ffffff;
        border-top: 2px solid var(--color-1st);
        box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
        width: 100%;
        display: none;
    }

    header.page-header.header2 .navigation .menu > .menu-item {
        /* float: none; */
        /* border-bottom: 1px dashed rgba(34, 25, 25, 0.3); */
    }

    header.page-header.header2 .navigation .menu > .menu-item:last-child {
        border-bottom: 0;
    }

    header.page-header.header2 .navigation .menu > .menu-item > a {
        display: block;
        padding: 15px 25px;
        line-height: 20px;
        color: #001427 !important;
    }

    header.page-header.header2 .navigation.navigation--mobile--active .menu {
        display: block;
    }

    .navigation-toggle span,
    .navigation-toggle:before,
    .navigation-toggle:after {
        width: 20px;
        background-color: #fff;
    }

    .loginRegisterPageHeaderInner.page-header__left {
        width: 30%;
    }

    .loginRegisterPageHeaderInner.page-header__right {
        width: 70%;
    }

    .reset-page main.resetContent {
        height: 100%;
        margin-top: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .reset-page {
        height: 100%;
    }

    header#header > .container {
        max-width: 100%;
    }

    header#header .page-header__left {
        width: 30%;
    }

    header#header .page-header__right {
        width: 70%;
        flex-direction: row-reverse;
        justify-content: end;
        column-gap: 10px;
    }

    .page-header__center > nav li a {
        color: #001427 !important;
        font-size: 12px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .page-header__center .navigation li.websiteLink a {
        padding: 15px 12px !important;
        background: #fff !important;
        color: #001427 !important;
    }

    .navigation--mobile .menu-item {
        border-bottom: none;
    }

    a.loginLink:after {
        content: "\f090";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.loginLink span {
        display: none;
    }

    a.signupLink:after {
        content: "\f234";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.signupLink span {
        display: none;
    }

    a.logoutLink:after {
        content: "\f08b";
        font-family: "FontAwesome";
        font-size: 20px;
    }

    a.logoutLink span {
        display: none;
    }

    .loginContainerInner a {
        height: 28px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .loginContainerInner a:nth-child(1):before {
        left: -130%;
    }

    a.accountLink:after {
        content: "\f007";
        font-family: "FontAwesome" !important;
        font-size: 20px;
        position: relative;
        transition: 0.35s ease all;
    }

    .loginContainerInner a:nth-child(3):before {
        right: -130%;
    }

    a.accountLink span {
        display: none;
    }

    .loginContainerInner a:nth-child(1) {
        padding-left: 25px;
        padding-right: 5px;
    }

    .loginContainerInner a:nth-child(3) {
        padding-right: 25px;
        padding-left: 5px;
    }

    .loginContainerInner {
        height: 28px;
    }

    .loginContainerInner a:hover:after {
        color: #001427;
        position: relative;
    }

    .header2 nav.navigation {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin: 0;
        z-index: 100;
        background-color: #ffffff;
        border-top: 2px solid #88a93e;
        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 30%);
    }

    .navigation {
        opacity: 0;
        display: none;
    }

    .navigation.navigation--mobile--active {
        opacity: 1;
        display: block;
    }

    .blog-page div#page-wrap > .section > .container > .row > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .blog-page .recPostHeaderHontent p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .recPostRest > article {
        max-height: 220px;
    }

    .recPostFirst {
        height: 300px;
        width: 100%;
        margin-bottom: 50px;
    }

    .blog-page .blogSidebar .filterBtns a {
        font-size: 17px;
    }

    .blog-page .sidebar-recent-post .right h4 {
        font-size: 13px;
    }

    .blog-page .postRow {
        flex-direction: column;
    }

    .recPostRest {
        width: 100%;
        flex-direction: row;
        column-gap: 20px;
    }

    .blog-page div#page-wrap > .section > .container {
        width: 92%;
    }

    footer#pageFooter > .container {
        max-width: 92%;
    }

    /* home sliders */

    /* users slider */

    .mobUsers .mobUser {
        position: relative;
        box-shadow: 0px 0px 10px #272d3b33;
        margin-bottom: 25px;
        border-radius: 20px;
        padding-bottom: 50px;
        text-align: center;
    }

    .owl-carousel.mobUsers .owl-item {
        padding: 20px;
    }

    .mobUsers .mobUser img {
        margin-bottom: 15px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        max-height: 180px;
        object-fit: cover;
    }

    .mobUsers button.owl-prev {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: -20px;
        top: 50%;
        margin-top: -18px;
    }

    .mobUsers button.owl-prev span {
        font-size: 40px;
    }

    .mobUsers button.owl-next {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -20px;
        top: 50%;
        margin-top: -18px;
    }

    .mobUsers button.owl-next span {
        font-size: 40px;
    }

    .home-page .user_list a.user_item_viewall {
        display: block;
        width: 186px;
        margin: 0 auto;
    }

    .home-page .user_list .row {
        width: 0px;
        height: 0px;
        display: block;
        letter-spacing: -1000px;
        clip: rect(0, 0, 0, 0);
        position: absolute;
        opacity: 0;
    }

    .home-page .user_list .mobUserCont {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-page .user_list .mobUserCont h3 {
        font-size: 18px;
    }

    /* events slider */

    .mobEventCont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobEventCont .event_list_item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .home-page .events_list button.owl-prev {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: -20px;
        top: 50%;
        margin-top: -40px;
    }

    .home-page .events_list button.owl-prev span {
        font-size: 40px;
    }

    .home-page .events_list button.owl-next {
        width: 30px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -20px;
        top: 50%;
        margin-top: -40px;
    }

    .home-page .events_list button.owl-next span {
        font-size: 40px;
    }

    .home-page .events_list a.user_item_viewall {
        display: block;
        width: 186px;
        margin: 0 auto;
    }

    .home-page .events_list .row {
        width: 0px;
        height: 0px;
        display: block;
        letter-spacing: -1000px;
        clip: rect(0, 0, 0, 0);
        position: absolute;
        opacity: 0;
    }

    .mobEventCont .event_list_item .post__content-wrap {
        width: 100%;
    }

    .mobEventCont .event_list_item h3.post__title a {
        font-size: 18px;
    }

    .container.user_even_container > .row > .col-6 {
        width: 100%;
    }

    .homepage-text h4 {
    }

    body.home-page .homeBannerText span {
        font-size: 24px;
    }

    body.home-page .pageHeaderSection {
        height: 270px;
    }

    body.home-page .pageHeaderSection > .container {
        height: 100%;
    }

    .homepage-text p,
    .homepage-text p span,
    .homepage-text li {
        font-size: 14px;
    }

    .sbuttons a {
        font-size: 12px;
        padding: 10px 15px;
    }

    .sbuttons .col-4 {
        width: 50%;
    }

    .homeForumSection .textLeft span {
        font-size: 18px;
        line-height: 28px;
    }

    .homeForumSection .bigTitle span {
        font-size: 28px;
    }

    .pageHeaderSection {
        height: 290px;
    }

    .col-left {
        padding-right: 12px;
    }

    .col-right {
        padding-left: 12px;
        min-height: 300px;
    }

    .event-page .section > .container {
        max-width: 92%;
        width: 100%;
    }

    .lab-page .section > .container {
        max-width: 92%;
        width: 100%;
    }

    .pageHeaderSection > .container {
        max-width: 86%;
        height: calc(100% - 78px);
    }

    .page-intro .page-intro__title {
        font-size: 35px;
    }

    body.user-single-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3
        .page-sidebar {
        flex-wrap: wrap;
    }

    body.user-single-page .sidebarAvatar {
        width: 40% !important;
    }

    body.user-single-page .page-sidebar .page-sidebar-info {
        width: 57% !important;
    }

    body.user-single-page .sidebar-map {
        width: 100% !important;
        height: 320px;
        margin-top: 20px !important;
    }

    body.user-single-page .sidebar-map img {
        max-height: 100%;
    }

    body.user-single-page .col-lg-9 {
        width: 100% !important;
    }

    .user-single-page .recPostRest > article {
        max-width: 100%;
    }

    body.user-single-page .col-lg-3 {
        margin-top: -70px;
    }

    .page404Container .container {
        width: 98%;
    }

    .page404Container .left .error-code {
        font-size: 28px;
    }

    .page404Container .left p.description404 {
        padding-right: 0px;
        font-size: 18px;
    }

    .homeChartSection h4 {
        font-size: 14px;
    }
}

/* high dp horizontal */

@media (max-width: 1024px) {
    div#page-wrap > .section > .container > .row > .col-lg-3 {
        width: 0px;
        height: 0px;
        display: block;
        letter-spacing: -1000px;
        clip: rect(0, 0, 0, 0);
        position: absolute;
        opacity: 0;
    }

    .publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .mobileSidebar .searchField > input::-webkit-input-placeholder {
        /* Edge */

        font-size: 15px;
    }

    .mobileSidebar .searchField > input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 15px;
    }

    .mobileSidebar .searchField > input::placeholder {
        font-size: 15px;
    }

    .mobileSidebar .searchField > input {
        font-size: 15px;
    }

    .mobileSidebar .filterBtns a {
        font-size: 12px;
        padding: 8px 14px;
    }

    body.publications-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    body.publications-page
        .publication_item
        .post__content-wrap
        h3.post__title
        a {
        font-size: 13px;
    }

    .mobileSidebar .sidebarTitle h2,
    .mobileSidebar h3 {
        font-size: 18px;
    }

    .mobileSidebar .sidebarTitle {
        margin-bottom: 15px;
    }

    .mobileSidebar .filterBtns {
        margin-bottom: 15px;
    }

    .digital-library-page .dLibrady_item .post__content-wrap h3.post__title a {
        font-size: 13px;
    }

    .digital-library-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .catContainer {
        display: inline-flex;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 15px;
    }

    span.mobileCatTrigger {
        display: inline-flex;
        width: 41.5px;
        background: #88a93e;
        font-size: 24px;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        color: #fff;
        height: 41.5px;
        margin-left: 10px;
        cursor: pointer;
    }

    .forums-page .container.innerCont .sidebar .categories .catContainer > div {
        display: none;
        padding: 0px;
    }

    span.mobileCatTrigger.open i:before {
        content: "\f068";
    }

    .forums-page
        .container.innerCont
        .sidebar
        .categories
        .catContainer
        > div
        > a.router-link-active {
        background: rgb(0 20 39 / 18%);
        color: #fff;
    }

    .events-page
        div#page-wrap
        > .contentSection
        > .container
        > .row
        > .col-lg-9 {
        width: 100%;
        margin-left: 0px;
    }

    .mobileSidebar.inUsers .filterBtn button {
        font-size: 14px;
    }

    .users-page
        div#page-wrap
        > .section:nth-child(2)
        > .container
        > .row
        > .col-lg-9 {
        width: 100%;
        padding: 0px;
    }

    .users-page .user_list_item {
        width: calc(50% - 20px);
    }

    body.user-single-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3 {
        width: 100%;
        height: auto;
        display: initial;
        letter-spacing: initial;
        clip: unset;
        position: relative;
        opacity: 1;
    }

    header#header .page-header__right {
        flex-direction: row-reverse;
        column-gap: 10px;
    }

    .navigation-toggle span,
    .navigation-toggle:before,
    .navigation-toggle:after {
        width: 20px;
        background-color: #000;
    }

    /* profile page */

    body.user-single-page
        div#page-wrap
        > .section
        > .container
        > .row
        > .col-lg-3
        .page-sidebar {
        display: flex;
        width: 100%;
        column-gap: 15px;
    }

    body.user-single-page .sidebarAvatar {
        width: 33.33334%;
        height: 270px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info {
        width: 33.33334%;
        margin-top: 0px;
        height: 270px;
    }

    body.user-single-page .sidebar-map {
        width: 33.33334%;
        margin-top: 0px;
        background: #fff;
        height: 270px;
        overflow: hidden;
    }

    body.user-single-page .sibar-social-item:last-child {
        margin-bottom: 0px;
    }

    body.user-single-page .sibar-social-item {
        margin-bottom: 10px;
    }

    body.user-single-page .page-sidebar .page-sidebar-info h3 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    body.user-single-page .sidebar-map img {
        max-height: calc(270px - 60px);
    }

    body.user-single-page .page-sidebar .sidebarAvatar img {
        max-height: 270px;
    }

    body.user-single-page .col-lg-9 {
        width: 75%;
        margin: 0 auto;
        margin-top: 40px;
    }

    .user-single-page div#page-wrap > .section > .container {
        max-width: 92%;
        width: 100%;
    }

    /*profile page */
}

@media (min-width: 1025px) {
    span.mobileCatTrigger {
        display: none;
    }

    /* .page-header__center > nav li a {
        color: #fff !important;
    } */
}

/* ipad pro */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .header2 .page-header__center > nav {
        display: none;
    }
    .header2 .navigation.navigation--mobile--active {
        display: block;
    }
    .page-header__center > nav > ul {
        display: block;
    }

    header#header .page-header__left {
        width: 14%;
    }

    .page-header__center > nav li a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
        /* color: #fff !important; */
    }

    .header2 .page-header__center > nav li a {
        color: #001427 !important;
    }

    .navigation {
        opacity: 1;
        display: block;
    }

    .page-header__center {
        width: 56%;
    }
    header#header .page-header__right {
        width: 30%;
    }

    .loginContainerInner a:nth-child(3) {
        padding-right: 20px;
    }

    .loginContainerInner a:nth-child(1) {
        padding-left: 20px;
    }
}