@media only screen and (max-width: 1440px) {
    #aboutGreyMulti {
        background-size: 50%;
    }
}
@media only screen and (max-width: 1200px) {
    /*Home*/
    #bannerHomeTextCont {
        max-width: 510px;
        width: 100%;
    }
    #articleImg {
        margin: 40px -24px;
    }
    /*About*/
    #aboutGreyMulti {
        background-size: 100% 344px;
        background-position: top;
    }
    #aboutGreyMulti > .overdiv1264 {
        flex-direction: column;
        max-width: 850px;
    }
    #aboutTextCont {
        max-width: 608px;
        padding: 24px;
        margin-right: 0;
    }
    #aboutMultiOne {
        padding: 64px 0 24px;
    }
}
@media only screen and (max-width: 1024px) {
    /*Header*/
    #headerContact {
        margin-left: 20px;
    }
    /*Header - Menu*/
    #menu {
        margin-right: 20px;
    }
    #menu > ul > li > div > a {
        padding: 16px;
    }
    /*About*/
    #aboutMultiTwo {
        grid-template-columns: repeat(1, minmax(385px, 1fr));
    }
    /*Story*/
    #articleImg {
        height: 460px;
    }
}
@media only screen and (max-width: 900px) {
    /*Header*/
    #header {
        padding: 24px 0;
    }
    #headerRight {
        justify-content: flex-end;
        width: calc(100% - 48px);
        top: -40px;
    }
    #headerBottom {
        top: calc(100% + 24px);
        padding: 8px;
    }
    /*Header - Menu*/
    #menu {
        display: none;
    }
    /*Header - Mobile*/
    #mobileMenuArea,
    #overdiv.openUI #mobileMenuAreaClose {
        display: block;
    }
    #overdiv.openUI #mobileMenuArea {
        display: none;
    }
    /*Home*/
    #homePrefooter {
        text-align: center;
    }
    #homePrefooterImg {
        position: relative;
    }
    /*About*/
    #aboutMultiOne {
        grid-gap: 24px;
    }
    .about-multi-three {
        flex-direction: column;
        align-items: center;
    }
    .about-multi-three-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 32px;
    }
    .about-multi-container:nth-child(2n) .about-multi-three-left {
        order: 0;
        padding-right: 0;
        padding-left: 0;
    }
    /*Story*/
    .grid4,
    .article-overview-container {
        grid-template-columns: repeat(2, minmax(auto, 312px));
        grid-gap: 24px;
        justify-content: center;
    }
    #storyChoose.only {
        grid-column: auto;
    }
    #articleImg {
        margin: 32px -24px;
        height: 440px;
    }
    .gallery-multi .multiField_0 {
        height: 230px;
    }
}
@media only screen and (max-width: 768px) {
    #homeLatestField {
        margin-top: 32px;
    }
    .homeLatestContainer{
        row-gap: 40px;
    }
    .homeSocialsContainer{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .home-latest-card, .home-latest-card:nth-of-type(2n) {
        flex-direction: column;
    }
    #aboutMultiOne {
        padding: 24px 0;
        grid-gap: 24px;
        grid-template-columns: repeat(2, 176px);
        justify-content: center;
    }
    .gallery-multi .multiField_0 {
        height: 144px;
    }
}
@media only screen and (max-width: 600px) {
    #overdiv h1, .h1,
    .page-title {
        font-size: 28px;
        line-height: 36px;
    }
    .mt64 {
        margin-top: 24px;
    }
    .mb64 {
        margin-bottom: 40px;
    }
    #privacyTitle {
        margin: 24px 0 16px;
    }
    /*Header*/
    #headerLeft {
        flex-direction: column;
        align-items: flex-start;
    }
    #headerLogo {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .header-text {
        font-size: 14px;
        line-height: 16px;
    }
    .header-text img {
        width: 14px;
    }
    /*Banner*/
    #bannerMenu {
        display: none;
    }
    #bannerCommonRight {
        margin-left: 0;
    }
    /*Home*/
    #bannerHomeText {
        max-width: 100%;
        padding-left: 16px;
    }
    #bannerHomeTextCont {
        max-width: calc(100% - 24px);
        width: 100%;
        top: 100px;
    }
    #homeContainer {
        grid-gap: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    /*Team*/
    .team-multi-category,
    #boardMulti {
        grid-gap: 24px;
    }
    .team-multi-top {
        padding: 16px;
    }
    .team-multi .multiField_2 {
        max-width: 100%;
    }
    .team-multi-bottom {
        background: #CCCC33;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 21px;
        word-break: break-word;
    }
    /*Board*/
    #boardMulti {
        grid-template-columns: 1fr;
    }
    .board-multi {
        max-width: 312px;
    }
    .board-multi-top,
    .board-multi-bottom {
        display: block;
        padding: 16px;
    }
    .board-multi .multiField_0 {
        width: 100%;
        height: 112px;
    }
    .board-multi-right {
        width: 100%;
        margin-top: 8px;
    }
    .board-multi .multiField_1 {
        margin-bottom: 0;
    }
    /*About*/
    #aboutMultiTwo {
        grid-template-columns: 1fr;
        grid-gap: 24px;
        margin-top: 24px;
    }
    .about-multi-two-right,
    .about-multi-two-left,
    .about-multi-two .multiField_1 {
        width: 100%;
    }
    .about-multi-two .multiField_1 {
        height: 220px;
        border-left-width: 4px;
        border-left-style: solid;
    }
    .about-multi-two {
        border-left: none
    }
    .about-multi-two.yellow .multiField_1 {
        border-left-color: #FDAC2A;
    }
    .about-multi-two.blue .multiField_1 {
        border-left-color: #45B9CC;
    }
    .about-multi-two.purple .multiField_1 {
        border-left-color: #7F3589;
    }
    .about-multi-two.green .multiField_1 {
        border-left-color: #CCCC33;
    }
    .about-multi-three {
        padding: 24px;
    }
    .about-multi-three-left {
        padding-bottom: 24px;
    }
    /*Gallery*/
    #galleryMulti {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px;
    }
    .gallery-multi:nth-child(9n+1),
    .gallery-multi:nth-child(9n+4),
    .gallery-multi:nth-child(9n+7) {
        grid-column: 1 / span 2;
    }
    .gallery-multi:nth-child(9n+5),
    .gallery-multi:nth-child(9n+9) {
        grid-column: auto;
    }
    #mint_popup.gallery-popup .multiField_0 {
        height: 300px;
        background-size: contain;
    }
    /*Story*/
    .article-overview-container {
        grid-template-columns: repeat(1, minmax(auto, 312px));
    }
    #articleImg {
        height: 340px;
    }
}
@media only screen and (max-width: 500px) {
    #overdiv h1, .h1,
    .page-title {
        font-size: 24px;
    }
    /*Header*/
    #siteSearch {
        display: none;
    }
    #headerContact {
        width: 100%;
        min-width: auto;
        margin-left: 0;
    }
    /*Footer*/
    #footerLoc {
        max-width: 144px;
    }
    #footerTerms {
        margin: 0 8px;
    }
    /*Banner*/
    #bannerCommonImg {
        height: 128px;
    }
    #bannerCommonBottom {
        margin-top: -48px;
        margin-bottom: 24px;
    }
    #bannerCommonRight {
        padding: 16px;
    }
    /*Home*/
    #homeContainer {
        grid-template-columns: 1fr;
    }

    .home-latest-card .multiField_0, .home-title {
        font-size: 22px;
        font-weight: 600;
        line-height: 36px; /* 163.636% */
    }

    .home-latest-card .multiField_1 {
        font-size: 15px;
        font-weight: 300;
        line-height: 24px; /* 160% */
    }
    .homeSocialsContainer{
        gap: 24px;
    }
    .home-social-card {
        grid-template-columns: 96px 1fr;
    }
    .home-social-card-body {
        padding: 16px;
    }
    .home-social-card .multiField_1 {
        font-size: 18px;
        line-height: 27px; /* 150% */
    }
    .home-social-card .multiField_2 {
        font-size: 15px;
        line-height: 24px; /* 150% */
    }
    #homePrefooter {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    /*About*/
    #aboutMultiOne {
        grid-template-columns: repeat(2, minmax(144px, 1fr));
    }
    .about-multi-three .multiField_3 {
        max-width: 100%;
    }
    #overdiv .about-multi-three .button {
        width: 100%;
    }
    .about-multi-two .multiField_1 {
        height: 192px;
    }
    /*Gallery*/
    #mint_popup.gallery-popup .multiField_0 {
        height: 200px;
    }
    .gallery-popup-title {
        padding: 0 24px 0 0;
    }
    .gallery-popup-count {
        padding: 16px 0 0;
    }
    #mint_popup.gallery-popup .multiField_1 {
        padding: 0;
    }
    /*Story*/
    #storyChoose.only {
        grid-column: 1/ span 2;
    }
    .preview-article-bottom {
        padding: 8px 16px 16px;
    }
    #articleImg {
        margin: 24px -24px;
        height: 240px;
    }
}