@media screen and (max-width: 1500px) {
    .container {
        width: 95%;
    }
    #greybg.on {
        display: block;
    }
}

@media (min-width: 1200px) {
    .home2_theme_footer .footer_social a:hover i.fa {
        color: #4c921d
    }
}

@media screen and (max-width:991px) {
    .login-section {
        display: grid;
		height:451px;
    }
    header.small {
        min-height: 60px;
    }
    h1 a.logo {
        width: 300px;
        height: 51px;
    }
    header .sitemap {
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .ac_breadcrumb {
        margin-top: 120px;
    }
    .submenu {
        margin-top: 0;
    }
    .banner_wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .banner_btn {
        width: 100vw;
        overflow: hidden;
    }
    .taiwan_sdg1 {
        left: 28%;
        top: 28.5%;
    }
    .banner_btn {
        width: 100vw;
        overflow: hidden;
    }
    .banner_btn img {
        width: 110vw;
        margin-left: -5vw;
    }
    .circle1 svg {
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    header {
        min-height: 100px;
        width: 100%;
        z-index: 5;
        background-color: #fff;
        margin: 0;
        border-bottom: #666 1px solid;
    }
    header.on {
        background-color: transparent;
        border-bottom: none;
        border-top: none;
    }
    header.on .rainbow,
    header.on hr {
        display: none;
    }
    .submenu {
        display: block;
        width: 100%;
    }
    .submenu li>.hasChild {
        opacity: 1;
    }
    .submenu li>.hasChild.on {
        height: auto;
        transition: all 0.3s;
    }
    .submenu li {
        width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: auto;
        flex-flow: unset;
        flex-direction: column;
        z-index: unset;
        border-bottom: #ccc 1px solid;
        overflow: hidden;
    }
    .submenu li .hasChild {
        position: relative;
        pointer-events: unset;
        padding: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.3s
    }
    .submenu li>.hasChild.on {
        height: auto;
        transition: all 0.3s;
    }
    .submenu li>.hasChild>.width1340 {
        flex-direction: column;
    }
    .submenu li:nth-child(2) .hasChild li {
        padding: 0;
        border-bottom: #fff 1px solid;
    }
    .submenu li>.hasChild li a {
        border: none;
    }
    .submenu li:nth-child(1),
    .submenu li:nth-child(2),
    .submenu li:nth-child(3) {
        display: inline-flex;
    }
    .submenu li span,
    .submenu li span {
        height: auto;
        width: 100%;
        display: flex;
        padding: 20px 0;
        justify-content: center;
    }
    .submenu li a {
        flex-grow: unset;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .inside1 {
        width: 95%;
    }
    .inside1 ul {
        justify-content: center;
    }
    .inside1 ul li {
        margin: 0 10px;
    }
    /*mobile選單*/
    #mobile_menu_labIcon {
        display: block;
        position: absolute;
        right: 2.5%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999999999;
    }
    #menu_mobile {
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 1em;
        position: relative;
        display: block;
    }
    .hamburger {
        cursor: pointer;
        display: block;
    }
    .hamburger2 {
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: block;
    }
    .hamburger2 .line {
        width: 30px;
        height: 3px;
        background-color: #d09623;
        display: block;
        margin: 4px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 50px;
    }
    .hamburger2:hover {
        cursor: pointer;
    }
    .hamburger .line {
        width: 30px;
        height: 3px;
        background-color: #000;
        display: block;
        margin: 4px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 50px;
    }
    .hamburger:hover {
        cursor: pointer;
    }
    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }
    #hamburger-1.is-active .line:nth-child(1) {
        transform: translateY(3px) rotate(45deg);
    }
    #hamburger-1.is-active .line:nth-child(3) {
        transform: translateY(-11px) rotate(-45deg);
    }
    .portfolio-filter.isotope-filter.pull-center {
        width: calc(100% - 80px);
        height: 100vh;
        position: fixed;
        left: calc(-100% + 80px);
        top: 0;
        z-index: 9999;
        background: #fff;
        margin-bottom: 0;
        margin-top: 0;
        transition: 0.3s;
        overflow-y: scroll;
    }
    .portfolio-filter.isotope-filter.pull-center.on {
        left: 0;
        transition: 0.3s;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 6;
    }
    .news-item {
        white-space: initial;
    }
    .news-actions {
        margin-right: 10px;
        white-space: initial;
    }
    .features-grid {
        max-width: 100%;
    }
    .features-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    .features-column-1 {
        width: 100%;
    }
    .features-item-1 {
        margin-top: 14px;
        padding: 0 20px;
    }
    .features-icon-4 {
        margin-right: 3px;
    }
    .features-column-2 {
        width: 100%;
        margin: 0;
    }
    .features-item-2 {
        max-width: 100%;
        margin-top: 14px;
        padding: 20px;
    }
    .features-subitem-1 {
        max-width: 100%;
    }
    .footer {
        max-width: 100%;
        padding: 20px;
    }
    .footer-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-column-1 {
        width: 100%;
    }
    .footer-content-1 {
        max-width: 100%;
        margin-top: 40px;
    }
    .footer-links {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    .footer-links-column {
        width: 100%;
    }
    .footer-links-wrapper {
        margin-top: 18px;
        white-space: initial;
    }
    .footer-links-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-link {
        white-space: initial;
    }
    .footer-link-2 {
        white-space: initial;
        padding: 0 20px;
    }
    .footer-logo {
        margin-top: 40px;
    }
    .footer-column-2 {
        width: 100%;
    }
    .footer-open-data {
        margin-top: 15px;
    }
    .footer-column-3 {
        width: 100%;
    }
    .footer-contact {
        max-width: 100%;
        margin-top: 40px;
    }
    .footer-divider {
        max-width: 100%;
    }
    .footer-copyright {
        max-width: 100%;
    }
}