@media (max-width:1799px) {
    .marquee_info .label {
        padding-left: 6vw;
    }
}

@media (max-width:1579px) {
    p {
        font-size: 18px;
        line-height: 150%;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 28px;
    }
    .top_part ul li {
        font-size: 14px;
    }
    .logins a {
        font-size: 14px;
    }
    .header_sec .navbar-nav {
        gap: 25px;
    }
    .header_sec .navbar-nav .nav-link {
        font-size: 14px;
    }
    .right_info button {
        font-size: 14px;
    }
    .header_sec .navbar-brand {
        width: 120px;
        margin: -20px 0;
        padding: 6px;
    }
    .top_part ul {
        padding: 0 0 0 157px;
    }
    .hero_sec .cap_inn span {
        font-size: 16px;
    }
    .hero_sec .cap_inn p {
        font-size: 16px;
        line-height: 150%;
    }
    .btns {
        font-size: 16px;
    }
    .hero_sec .cap_info {
        transform: translateY(-55%);
    }
    .marquee_info .mcontents .m_detail {
        font-size: 16px;
    }
    .marquee_info .label {
        font-size: 14px;
    }
    .about_sec .detail {
        padding: 0;
    }
    .about_sec .left_part {
        padding-right: 45px;
    }
    .table td {
        padding-left: 40px;
    }
    .table td .btn {
        font-size: 16px;
    }
    .publication_sec .left_detail {
        padding-right: 50px;
    }
    .iu_info .block {
        font-size: 17px;
    }
    .lp_block .btn {
        font-size: 15px;
    }
    .lp_block ul li {
        font-size: 15px;
    }
    .archive_info ul li {
        font-size: 14px;
    }
    .simple_link {
        font-size: 16px;
    }
    .archive_info {
        padding: 24px 21px 25px;
    }
    ul.public_list li {
        padding-right: 15px;
    }
    .network_sec .inner {
        max-width: 1070px;
        margin: 0 auto;
    }
    .network_sec .inner::before {
        border-radius: 0 0 40px 0;
    }
    .network_sec .inner::after {
        border-radius: 0 0 0 40px;
    }
    .network_block i {
        width: 150px;
        height: 150px;
    }
    .network_block::before {
        width: 216px;
        height: 55%;
    }
    .network_block::after {
        width: 222px;
    }
    .network_block p {
        font-size: 16px;
        line-height: 26px;
    }
    ul.public_list li {
        font-size: 17px;
    }
    .copyright p {
        font-size: 16px;
    }
    ul.copy_list li a {
        font-size: 14px;
    }
    .header_sec .right_info button {
        font-size: 16px;
        width: 100%;
        padding: 8px 15px;
    }
    aside {
        padding: 0;
    }
    .volume_box {
        padding: 25px 20px 15px 20px;
    }
    .content_box {
        padding: 30px;
    }
    .other_papers_carousel .owl-nav {
        top: -80px;
    }
}

@media (max-width:1199px) {
    .global_title {
        margin-bottom: 30px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 25px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 21px;
    }
    h6 {
        font-size: 18px;
    }
    .btns {
        font-size: 16px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
    .top_part ul {
        padding-left: 120px;
    }
    .logins a {
        padding: 6px 12px;
    }
    .header_sec .navbar-brand {
        width: 100px;
        margin: -10px 0;
    }
    .navbar-toggler {
        background: none;
        border: none;
        position: relative;
        right: 0;
        top: 0;
        height: auto;
        box-shadow: none !important;
    }
    .navbar-toggler:focus,
    .navbar-toggler:active {
        outline: 0;
    }
    .navbar-toggler span {
        display: block;
        background-color: #9d2751;
        height: 2px;
        width: 18px;
        margin-top: 7px;
        margin-bottom: 7px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        left: 7px;
        opacity: 1;
    }
    .navbar-toggler span:nth-child(1),
    .navbar-toggler span:nth-child(3) {
        -webkit-transition: transform .35s ease-in-out;
        -moz-transition: transform .35s ease-in-out;
        -o-transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out;
        width: 25px;
        left: 0;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(1) {
        position: absolute;
        left: 12px;
        top: 10px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 0.9;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(2) {
        height: 12px;
        visibility: hidden;
        background-color: transparent;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(3) {
        position: absolute;
        left: 12px;
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 0.9;
    }
    .offcanvas {
        background: var(--white);
        bottom: auto;
        height: 100vh;
    }
    .offcanvas-body {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 0;
    }
    .header_sec .navbar-nav {
        gap: 0;
    }
    .header_sec .navbar-nav .nav-item {
        margin: 0;
        position: relative;
    }
    .header_sec .navbar-nav .nav-link {
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: normal;
        text-transform: uppercase;
    }
    .header_sec .dropdown-menu {
        margin: 0;
        border-radius: 0;
        border: none;
        padding: 0;
    }
    .dropdown-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .header_sec .right_info {
        padding: 0 10px 0 0;
        margin: 0 0 0 auto;
    }
    .header_sec .right_info::before {
        display: none;
    }
    .info_block {
        font-size: 16px;
    }
    .publication_sec .left_detail {
        padding-right: 30px;
    }
    .table th {
        font-size: 16px;
        padding: 10px 20px;
    }
    .table td {
        font-size: 16px;
        height: 56px;
        padding: 10px 20px;
    }
    .table td .btn {
        font-size: 14px;
        padding: 6px 13px;
    }
    .iu_info {
        padding: 20px;
    }
    .iu_info .block {
        font-size: 15px;
    }
    .iu_info .block figure {
        padding: 10px;
        width: 45px;
        min-width: 45px;
        height: 45px;
    }
    .iu_info .block+.block {
        margin-top: 15px;
        padding-top: 15px;
    }
    .join_info {
        padding: 20px;
    }
    .table caption {
        padding: 10px;
    }
    .lp_block {
        padding: 20px;
    }
    .hero_sec .cap_inn span {
        font-size: 14px;
        padding: 2px 15px 1px 10px;
    }
    .hero_sec .cap_inn p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .hero_sec .cap_inn {
        max-width: 482px;
    }
    .marquee_info {
        padding: 6px 0;
    }
    .marquee_info .label {
        padding: 4px 25px 4px 5vw;
        font-size: 14px;
    }
    .marquee_info .mcontents .m_detail {
        font-size: 14px;
    }
    .marquee_info .label img {
        width: 20px;
    }
    .about_sec .left_part {
        padding: 30px 35px 30px 30px;
    }
    .about_sec .pp_info {
        width: 111px;
        height: 111px;
        border-width: 6px;
        font-size: 14px;
        padding: 5px;
    }
    .about_sec .pp_info strong {
        font-size: 36px;
    }
    .network_sec .inner {
        max-width: 890px;
    }
    .network_sec .inner::before {
        border-radius: 0 0 40px 0;
    }
    .network_sec .inner::after {
        border-radius: 0 0 0 40px;
    }
    .network_sec .info {
        font-size: 18px;
        line-height: 28px;
    }
    .network_block {
        padding: 0 15px;
    }
    .network_block i {
        width: 110px;
        height: 110px;
        margin-bottom: 10px;
    }
    .network_block i img {
        width: 50%;
    }
    .network_block::before {
        width: 180px;
        height: 55%;
    }
    .network_block::after {
        width: 185px;
        height: 115px;
        border-width: 8px;
    }
    .network_block span {
        margin-bottom: 15px;
    }
    .network_block h5 {
        margin-bottom: 5px;
    }
    .public_sec .inner {
        padding: 40px;
    }
    ul.ft_nav li a {
        font-size: 16px;
    }
    .copyright {
        flex-direction: column;
        justify-content: center;
    }
    .copyright p {
        margin-bottom: 10px;
    }
    ul.copy_list {
        text-align: center;
    }
    #return-to-top {
        width: 28px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        right: 10px;
        bottom: 20px;
    }
    .submitpaper_info {
        padding: 30px;
    }
    .submitpaper_info p {
        font-size: 14px;
        line-height: 140%;
    }
    .form_block {
        margin-bottom: 16px;
    }
    .form_block label {
        font-size: 14px;
    }
    .form_block .form-control {
        font-size: 16px;
        height: 48px;
    }
    .form_block .input-group .btn {
        font-size: 16px;
    }
    .form_info.row {
        --bs-gutter-x: 20px;
    }
    .info {
        font-size: 16px;
    }
    .border-top-bottom {
        padding: 15px 0 10px;
        margin-bottom: 30px;
    }
    /* niv */
    .issue_info li {
        font-size: 14px;
    }
    .current_box {
        padding: 30px;
    }
    .current_box h4 {
        font-size: 20px;
    }
    .check_list li {
        font-size: 16px;
        background: url(../images/check_list_ic19x.svg) no-repeat left top 3px;
        margin: 0 0 10px;
    }
    .check_list.wd_arrow li {
        background-position: left 15px top 8px;
    }
    .check_list.wd_arrow li::before {
        top: 11px;
    }
    .related_articles_carousel .owl-nav {
        top: -72px;
    }
    .keytags a {
        padding: 0 10px;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        border-radius: 5px;
    }
}

/************ Main **************/

@media (max-width: 991px) {
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 18px;
    }
    ul.list li {
        font-size: 16px;
    }
    .btns {
        font-size: 14px;
        padding: 11px 20px;
    }
    ul.public_list {
        margin-bottom: 20px;
    }
    ul.public_list li {
        font-size: 16px;
    }
    .header_sec .navbar-brand {
        width: 80px;
        margin: -5px 0;
        padding: 4px;
    }
    .top_part ul {
        padding: 0;
        justify-content: end;
    }
    .hero_sec .bg {
        min-height: 350px;
        object-fit: cover;
    }
    .inquiries_sec {
        padding: 40px 0;
    }
    .partner_sec {
        padding: 40px 0;
    }
    .about_sec {
        padding: 40px 0;
    }
    .about_sec .left_part {
        padding: 60px;
        margin-top: 30px;
    }
    .publication_sec {
        padding: 40px 0 10px;
    }
    .search_bar .form-control {
        font-size: 14px;
    }
    .search_bar {
        margin-bottom: 30px;
    }
    .lp_block .btn {
        font-size: 14px;
    }
    .submit_sec {
        padding: 40px 0;
    }
    .submit_sec .inner figure {
        width: 130px;
        min-width: 130px;
        height: 130px;
    }
    .table th {
        font-size: 15px;
        padding: 8px 10px;
    }
    .table td {
        font-size: 14px;
        height: 45px;
        padding: 8px 10px;
    }
    .table_info {
        margin-bottom: 30px;
    }
    .network_sec {
        padding: 40px 0;
    }
    .network_sec .info {
        font-size: 16px;
        line-height: 26px;
    }
    .network_block p {
        display: none;
    }
    .network_block i {
        width: 80px;
        height: 80px;
    }
    .network_block::before {
        width: 140px;
    }
    .network_block::after {
        width: 146px;
        height: 85px;
    }
    .network_block.reverse h5 {
        margin-top: 50px;
    }
    .network_sec .inner {
        max-width: 690px;
    }
    .network_sec .inner::before {
        border-radius: 0 0 20px 0;
        height: 50px;
        top: 60%;
    }
    .network_sec .inner::after {
        border-radius: 0 0 0 20px;
        height: 50px;
    }
    .network_block h5 {
        font-size: 16px;
    }
    .faq_sec {
        padding: 40px 0;
    }
    .accordion_info .accordion-button {
        font-size: 18px;
    }
    .accordion_info .accordion-body p {
        font-size: 16px;
    }
    .sign_sec h2 {
        margin-bottom: 15px;
    }
    .sign_sec p {
        margin-bottom: 20px;
        line-height: normal;
    }
    .sign_sec figure {
        margin-top: -30px;
    }
    .sign_sec .input-group .form-control {
        height: 45px;
        font-size: 16px;
    }
    .footer_sec {
        padding-top: 40px;
    }
    .footer_sec .ft_logo {
        margin: 0;
    }
    .footer_sec p {
        max-width: 100%;
        font-size: 16px;
    }
    .copyright {
        margin: 40px 0 0 0;
        padding: 20px 0;
    }
    /* niv */
    .publication_sec.issue .submitpaper_info {
        margin-bottom: 30px;
    }
    .search_label {
        margin-bottom: 30px;
    }
    .current_box h4 {
        font-size: 18px;
    }
    .status_boxes {
        padding: 15px;
        font-size: 14px;
        min-width: 154px;
        margin-bottom: 30px;
    }
    .status_boxes strong {
        font-size: 16px;
    }
    .content_box {
        padding: 20px;
    }
    .keytags {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    html {
        -webkit-text-size-adjust: none;
    }
    .container {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        max-width: inherit;
    }
    .hero_sec .bg {
        min-height: 300px;
    }
    .about_sec .left_part {
        padding: 0;
    }
    .about_sec .pp_info {
        transform: translate(20%, -20%);
    }
    .inquiries_sec,
    .about_sec {
        text-align: center;
    }
    .inquiries_sec .global_title::before,
    .about_sec .global_title::before {
        width: 96px;
        background: url(../images/title_curve_center.svg) no-repeat center center;
        left: 0;
        right: 0;
        margin: auto;
    }
    .info_blocks {
        display: block;
    }
    .info_block br,
    .iu_info .block br {
        display: none;
    }
    .info_block {
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }
    .about_sec p {
        margin-bottom: 20px;
    }
    .info_block i,
    .iu_info .block figure {
        min-width: 36px;
        width: 36px;
        height: 36px;
        padding: 7px;
    }
    .about_sec .pp_info strong {
        font-size: 28px;
    }
    .publication_sec .left_detail {
        padding-right: 0;
    }
    .join_info .btns,
    .join_info .btns {
        width: auto;
    }
    .submit_sec .inner figure {
        width: 88px;
        min-width: 88px;
        height: 88px;
        padding: 15px;
    }
    .submit_sec .inner {
        gap: 20px;
    }
    .network_sec {
        padding-bottom: 10px;
    }
    .network_sec .grid {
        display: block;
    }
    .network_sec .inner::before,
    .network_sec .inner::after {
        display: none;
    }
    .network_block {
        padding: 0;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 30px;
    }
    .network_block::before,
    .network_block::after {
        display: none;
    }
    .network_block p {
        display: block;
        min-height: auto;
    }
    .network_block.reverse h5 {
        margin-top: 0;
    }
    .network_block span {
        margin: auto;
        position: absolute;
        top: 90px;
        left: 86px;
        right: 0;
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
    .network_block i {
        width: 120px;
        height: 120px;
    }
    .network_block h5 {
        font-size: 20px;
    }
    .public_sec {
        background: #F4F9FC;
        padding: 40px 0;
    }
    .public_sec .inner {
        padding: 0;
    }
    .sign_sec figure {
        margin-top: 30px;
    }
    .sign_sec {
        padding-top: 40px;
    }
    .sign_sec h2,
    .sign_sec p {
        text-align: center;
    }
    ul.ft_nav li {
        margin-bottom: 8px;
    }
    .footer_sec h6 {
        margin-bottom: 15px;
    }
    .foot_add {
        display: grid;
        margin-bottom: 20px;
    }
    .foot_add li br {
        display: none;
    }
    .foot_add li:first-child {
        grid-column: 1 / 3;
    }
    .foot_social {
        justify-content: center;
    }
    .current_box {
        padding: 20px;
    }
    .submitpaper_info {
        padding: 20px;
    }
    .profile_info figure {
        width: 80px;
        height: 80px;
        border: 3px solid var(--white);
    }
    .profile_info {
        margin-top: -40px;
    }
    .profile_info .pid_info {
        width: 153px;
        font-size: 14px;
    }
    .content_box {
        margin-bottom: 30px;
    }
    .status_boxes {
        margin-bottom: 10px;
    }
}

/************ iphone **************/

@media (max-width:575px) {
    html {
        -webkit-text-size-adjust: none;
    }
    .top_part .container {
        width: 100%;
        overflow: hidden;
    }
    .logins a {
        flex-grow: 1;
        justify-content: center;
    }
    .logins a img {
        width: 15px;
    }
    .header_sec .right_info button {
        font-size: 13px;
        width: 100%;
        padding: 8px 10px;
        gap: 0;
    }
    .header_sec .right_info button img {
        width: 14px;
    }
    .footer_sec .ft_logo {
        margin-bottom: 20px;
    }
    .search_block .field {
        font-size: 18px;
    }
    .search_block .search_btn {
        top: 0;
    }
    .hero_sec {
        display: flex;
        flex-direction: column-reverse;
    }
    .hero_sec .cap_info {
        position: relative;
        top: 0;
        transform: inherit;
        background: #dbdbdb;
        padding: 30px 0;
        text-align: center;
    }
    .hero_sec .bg {
        min-height: 67vw;
        object-position: right;
    }
    .marquee_info .label {
        display: none;
    }
    .partner_sec .container {
        width: 100%;
    }
    .about_sec .pp_info {
        transform: translate(18px, -20%);
    }
    .table th,
    .table td {
        display: block;
        height: auto;
    }
    .table th {
        border: none;
        padding-bottom: 0;
    }
    .publication_sec .btns {
        font-size: 14px;
        padding: 11px 16px;
        gap: 0;
    }
    .journal_block {
        padding: 19px 15px 20px 103px;
        text-align: left;
        position: relative;
        height: auto;
        margin-bottom: 20px;
    }
    .journal_block figure {
        position: absolute;
        top: 0;
        left: 20px;
        bottom: 0;
        margin: auto;
        max-width: 70px;
        height: 70px;
    }
    .journal_block h4 {
        margin: 0 0 8px;
    }
    .submit_sec .inner {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    ul.public_list {
        columns: inherit;
        display: block;
    }
    ul.public_list li {
        padding-right: 0;
    }
    .accordion_info .accordion-item {
        margin-bottom: 10px;
    }
    .accordion_info .accordion-button {
        font-size: 16px;
        padding: 15px;
        gap: 5px;
    }
    .accordion_info .accordion-body p {
        font-size: 14px;
        line-height: 21px;
    }
    .accordion_info .accordion-body {
        padding: 0 15px 15px 15px;
    }
    .sign_sec .input-group {
        flex-direction: column;
    }
    .sign_sec .input-group .form-control {
        width: 100%;
        height: 40px;
    }
    .footer_sec .ft_logo {
        text-align: center;
    }
    .footer_sec .col-sm {
        text-align: center;
    }
    /* niv */
    .issue_info {
        gap: 0 20px;
    }
}

.pagination-custom {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    /* space between buttons */
    justify-content: center;
    /* center on small screens */
}

.pagination-custom .btn-custom {
    flex: 0 0 auto;
    min-width: 40px;
    text-align: center;
    padding: 6px 12px;
    font-size: 14px;
}

@media (max-width: 480px) {
    .pagination-custom {
        justify-content: center;
    }
    .pagination-custom .btn-custom {
        padding: 6px 10px;
        font-size: 12px;
    }
}