.research-tabs.nav-tabs {
    border: none;
    overflow: hidden;
    height: 79px;
}

.research-tabs.nav-tabs .nav-item {
    margin-bottom: 3px;
}

.research-tabs.nav-tabs .nav-item .nav-link {
    width: 136px;
    text-align: center;
    overflow: hidden;
    height: 80px;
    border: 1px solid #f1f1f3;
    border-radius: 0;
    margin-right: 3px;
    color: #626a74;
}

.research-tabs.nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0;
}

.research-tabs.nav-tabs .nav-item .nav-link:focus {
    border: 1px solid #f1f1f3;
}

.research-tabs.nav-tabs .nav-item .nav-link.active {
    border: 1px solid #f1f1f3;
    background-color: #f1f1f3;
    width: 275px !important;
    text-align: left;
    border: 0;
    position: relative;
}

.research-tabs.nav-tabs .nav-item .nav-link.active h3 {
    display: inline-block;
    white-space: nowrap;
}

.research-tabs.nav-tabs .nav-item .nav-link h3 {
    display: none;
    position: absolute;
    top: 15px;
}

.research-tabs.nav-tabs .research-icon {
    height: 50px;
    margin-top: 7px;
}

.research-tabs.nav-tabs .nav-item .nav-link.active .research-icon {
    margin-right: 25px;
    margin-left: 10px;
}

.research-page .tab-content img.image {
    margin-top: 35px;
}

@media (max-width: 1199px) {
    .research-tabs.nav-tabs .nav-item .nav-link {
        width: 110px;
    }

    .research-tabs.nav-tabs .nav-item .nav-link.active {
        width: 250px !important;
    }
}

@media (max-width: 991px) {
    .research-tabs.nav-tabs .nav-item .nav-link {
        width: 96px;
    }

    .research-tabs.nav-tabs .nav-item .nav-link.active {
        width: 96px !important;
        text-align: center;
    }

    .research-tabs.nav-tabs .nav-item .nav-link.active h3 {
        display: none;
    }

    .research-page .nav-tabs .nav-item .nav-link.active .research-icon {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .research-tabs.nav-tabs {
        height: 58px;
    }

    .research-tabs.nav-tabs .nav-item {
        width: 14%;
    }

    .research-tabs.nav-tabs .nav-item .nav-link {
        width: auto;
        height: 55px;
        padding: 10px 0;
    }

    .research-tabs.nav-tabs .nav-item .nav-link.active {
        width: auto !important;
        text-align: center;
    }

    .research-tabs.nav-tabs .nav-item .nav-link.active h3 {
        display: none;
    }

    .research-page .nav-tabs .nav-item .nav-link.active .research-icon {
        margin-right: 0px;
        margin-left: 0px;
    }

    .research-tabs.nav-tabs .research-icon {
        height: 25px;
        width: auto;
        margin-top: 4px;
    }

    .research-page .tab-content img.image {
        margin-top: 0px;
    }
}

/* Tab content */
.research-page .subject {
    background-color: #fff;
}
.research-page .subject p {
    margin-bottom: 0;
}

/* Button */
.research-page .btn-border-gray {
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 8px;
    transition-duration: 0.3s;
}

.research-page .btn-border-gray:hover {
    border: 1px solid #cc2d00;
}

.research-laboratory h3.header-txt {
    padding: 15px;
    background: #fff;
    margin-bottom: 0;
}
.research-laboratory .tab-content {
    padding: 10px 0px;
    min-height: 100px;
}
.research-laboratory .table-bordered tbody tr td h3 {
    margin-bottom: 0;
}
.research-laboratory .table-bordered tbody tr td.year {
    background-color: #999;
    color: #fff;
}

/* .research-laboratory .table tbody {
    background: #FFF;
}
.research-laboratory .table td {
    border-top: 0;
    padding: 4px 12px;
    color: #626A74;
    font-size: 18px;
}

.research-laboratory .table tbody tr:first-child td {
    padding-top: 15px;
}

.research-laboratory .table tbody tr:last-child td {
    padding-bottom: 15px;
}

.research-laboratory .table th {
    border-bottom: 1px solid #dee2e6;
} */

.research-journal .research-subject {
    background-color: #fff;
    /* padding: 10px; */
}

.research-journal .left-content {
    background-color: #f1f1f3;
    /* height: 500px; */
    padding: 15px;
}

.research-journal .left-content .text-archive {
    width: 70%;
    text-align: center;
}

.research-journal .left-content .archive-selector {
    width: 30%;
    margin-top: 4px;
}

.research-journal .left-content .btn {
    line-height: 1;
}

.research-journal .left-content img {
    display: block;
    margin: 0 auto;
}

.research-journal .right-content {
    background-color: #f1f1f3;
    /* height: 500px; */
    padding: 15px;
    line-height: 23px;
}

.research-journal .right-content .btn-border-gray {
    border: 1px solid #dbdbdb;
}

.research-journal .right-content .btn-border-gray:hover {
    border: 1px solid #000;
}

.research-journal .left-content .navbar-nav-light {
    background-color: #fff;
}

.research-service p {
    margin-bottom: 5px;
}

.nav-card-header.kmutt-plan-h:hover {
    cursor: pointer;
}

/* accordion-map-directions */
#accordion-map-directions .nav-card {
    margin-bottom: 1px;
}
#accordion-map-directions .nav-card-link .kmutt-plan-h span.campus-txt {
    max-width: 200px;
    margin: 0 auto;
    display: block;
    position: relative;
}
#accordion-map-directions .nav-card-link .kmutt-plan-h span.campus-txt::before {
    content: "-";
    position: absolute;
    top: 0;
    right: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    /* background: url(/wp-content/themes/kmutt/inc/assets/img/icons/arrow-down24.png) no-repeat right; */
}
#accordion-map-directions
    .nav-card-link.collapsed
    .kmutt-plan-h
    span.campus-txt::before {
    content: "+";
    /* background: url(/wp-content/themes/kmutt/inc/assets/img/icons/arrow-right24.png) no-repeat right; */
}
#accordion-map-directions .nav-card img {
    margin: 0 auto;
    display: block;
}

/* accordion-about-campus */
#accordion-about-campus .nav-card-link .kmutt-plan-h h4.campus-txt {
    max-width: 175px;
    margin: 0 auto;
    display: block;
    position: relative;
}
#accordion-about-campus .nav-card-link .kmutt-plan-h h4.campus-txt::before {
    content: "-";
    position: absolute;
    top: 0;
    right: 10px;
    display: inline-block;
    width: 24px;
    height: 24px;
    /* background: url(/wp-content/themes/kmutt/inc/assets/img/icons/arrow-down24.png) no-repeat right; */
}
#accordion-about-campus
    .nav-card-link.collapsed
    .kmutt-plan-h
    h4.campus-txt::before {
    content: "+";
    /* background: url(/wp-content/themes/kmutt/inc/assets/img/icons/arrow-right24.png) no-repeat right; */
}

.map-direction .kmutt-plan-h:hover {
    cursor: pointer;
}

.kmutt-map-directions {
    height: 305px;
}

.map-direction .kmutt-map-body {
    background: #f1f1f3;
    min-height: 650px;
    padding: 25px;
    margin-bottom: 0;
}

.map-direction .kmutt-map-body p {
    margin: 0;
}

.map-direction .kmutt-map-body .nav-link {
    background: #fff;
    border: 1px solid #fff;
    margin-right: 1px;
    min-width: 100px;
}

.map-direction .kmutt-map-body .nav-link.active,
.kmutt-map-body .nav-link:hover {
    background: #fff;
    border: 1px solid #ff5012;
}

.education .align-self {
    align-self: center;
}
.education .align-self .media-img {
    max-width: 100px;
}

.education-scholarships .card-header {
    background-color: #979b9f;
    border-radius: 0;
    height: 80px;
    color: #fff;
    line-height: 50px;
}

.education-scholarships .card-header:hover {
    cursor: pointer;
}

.education-scholarships .card-header h3 {
    display: inline-block;
    vertical-align: middle;
}

.education-scholarships #accordion-scholarships .card-header::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    display: inline-block;
    width: 24px;
    height: 24px;
    transform: rotate(0deg);
    transition: all 0.5s;
    background: url(/wp-content/themes/kmutt/inc/assets/img/icons/arrow-down24.png)
        no-repeat right;
}

.education-scholarships #accordion-scholarships .card-header.collapsed::before {
    content: "";
    transform: rotate(270deg);
    transition: all 0.5s;
}

.education-scholarships #accordion-scholarships #collapseOne .undergraduate {
    background-color: #f1f1f3;
}

.education-scholarships #accordion-scholarships #collapseOne .master {
    background-color: #fff;
    margin: 0;
}

.education-scholarships #accordion-scholarships #collapseOne .ph-d {
    background-color: #f1f1f3;
}

.inter-exchange tr:first-child td {
    border-top: 0;
}

.box-address p {
    margin-bottom: 3px;
}

.wae .image-wae {
    display: block;
    margin: 0 auto;
    width: 50%;
    max-width: 1000px;
}

.wae .media .media-img {
    max-width: 200px;
}

.inter-student-services .tab-content .nav-link {
    background: #fff;
    border: 1px solid #fff;
    margin-right: 1px;
    min-width: 100px;
}

.inter-student-services .tab-content .nav-link.active,
.inter-student-services .tab-content .nav-link:hover {
    background: #fff;
    border: 1px solid #ff5012;
}

.inter-student-services .tab-content {
    min-height: 90px;
}

.inter-student-services .block-note ul,
.inter-student-services .block-note ol {
    margin-bottom: 0;
}

.student-entrepreneurship .entrepreneurship-our-services .card-body {
    min-height: 230px;
}

.student-entrepreneurship .entrepreneurship-our-services .card {
    border: 1px solid #ffbc9c;
}

.student-entrepreneurship
    .entrepreneurship-our-services
    .block-resources-available-header {
    text-align: center;
    background: #c2c2c2;
    color: white;
    padding: 15px;
}

.student-entrepreneurship .entrepreneurship-our-services .content {
    min-height: 150px;
}

.ilo-tto .tab-content .contact p {
    margin-bottom: 3px;
}

.contact-us .contact-item p {
    margin-bottom: 3px;
}

.block-note {
    border: 1px solid #c2c2c2;
    padding: 15px;
    background: #f1f1f3;
}

.block-note p {
    margin-bottom: 0;
}

.education-tools .bg-gray {
    background-color: #f1f1f3;
    /* width: 100vw; */
    /* position: relative; */
    /* left: 50%; */
    /* right: 50%; */
    /* margin-left: -50vw;
    margin-right: -50vw; */
    padding-bottom: 0px;
}
/* @media (max-width: 992px) {
    .education-tools .bg-gray {
        margin-left: -39px;
        margin-right: -39px;
    }
} */
.education-tools .bg-gray .frame {
    margin: 0 auto;
}

.education-tools .bg-gray .block-list {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 15px;
    /* border-right: 10px solid #c2c2c2; */
    height: 130px;
    margin-bottom: 15px;
}
.education-tools .bg-gray .block-list:hover,
.education-tools .bg-gray a:hover {
    /* background-color: #E4E4E4; */
    color: #000;
}
.education-tools .bg-gray .block-list:hover {
    border: 1px solid #626a74;
}

.education-tools .bg-gray .block-list:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.education-tools .bg-gray .block-list .logo-img {
    height: 65px;
    /* width: 60px; */
    margin-right: 15px;
    display: inline-block;
    text-align: center;
}
.education-tools .bg-gray .block-list .logo-img img {
    max-height: 100%;
    vertical-align: middle;
}
.education-tools .bg-gray .block-list h3 {
    display: inline-block;
    max-width: 230px;
    margin-bottom: 0;
    vertical-align: middle;
}
@media (max-width: 1200px) {
    .education-tools .bg-gray .block-list h3 {
        max-width: 170px;
    }
}

.md-box {
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .event-title {
        margin-top: 15px;
    }
}