@media (max-width:992px) {
    .minrow {
        /*min-height: 501px;*/
        min-height: 451px;
    }
}


@media (max-width:380px) {
    .minrow {
        /*min-height: 531px;*/
        min-height: 451px;
    }
}

@media (min-width:360px) {
    .header-intro, .header-intro2, .header-intro3, .header-intro4, .header-intro5 {
        /*max-height: 458px;
        min-height: 458px;*/
        max-height: 451px;
        min-height: 451px;
    }
}

@media (min-width:375px) {
    .header-intro, .header-intro2, .header-intro3, .header-intro4, .header-intro5 {
        /*max-height: 477px;
        min-height: 477px;*/
        max-height: 451px;
        min-height: 451px;
    }
}

@media (min-width:412px) {
    .header-intro, .header-intro2, .header-intro3, .header-intro4, .header-intro5 {
        /* max-height: 100%;
        min-height: 524px;*/
        min-height: 451px;
    }
}

@media (min-width:470px) {
    .building2-wrap {
        min-height: 350px;
    }

    .fgroup input {
        width: 80%;
    }

    .ttw {
        margin-top: -10px;
        margin-bottom: 120px;
    }
}

@media (min-width: 550px) {

    .item.on .date {
        color: #fff;
        font-size: 18px;
        float: right;
        padding-right: 20px;
        display: inline-flex;
        padding-top: 0;
    }

    .item .date {
        color: #000;
        font-size: 18px;
        float: right;
        padding-right: 20px;
        display: inline-flex;
        padding-top: 0;
    }

    .key img {
        max-width: 310px
    }

    .key {
        position: relative;
        top: 60px;
        z-index: 100;
        text-align: right;
        margin-top: -120px;
    }

    .keyWrap img.key {
        max-width: 240px;
        top: 180px;
    }

    .keybg {
        padding-top: inherit;
        max-width: inherit;
    }
}

@media (min-width: 768px) {


    .twrap-finance {
        width: 80%;
        padding-bottom: 50px;
    }


    .tt {
        z-index: 3;
        color: white;
        font-size: 60px;
        font-weight: 200;
    }

    .tt2 {
        z-index: 3;
        color: white;
        font-size: 60px;
        font-weight: bold;
    }

    .tt3 {
        z-index: 3;
        color: #00A4FF;
        font-size: 33px;
        font-weight: bold;
        letter-spacing: 9px;
        min-width: 500px;
        top: 20px;
    }


    #cleft {
        display: block
    }

    span.br {
        display: initial;
    }
}

@media (min-width: 830px) {


    .tnt {
        margin-top: 50px;
    }


    .p-tt3 {
        border-bottom: 1px solid #D8D8D8;
    }

    .contact-title {
        width: 75%;
        font-size: 17px;
        border-top: 0;
        padding: 5px 30px 20px;
    }
}

@media (min-width: 992px) {


    .building {
        display: block
    }

    .building2-wrap {
        display: none;
    }

    .section-relations-back {
        min-height: 443px;
    }

    .section-relations {
        margin-top: -440px;
    }

    .contact-wrap {
        width: 85%;
    }

    .compass {
        display: block
    }

    .section-philosophy2 .content {
        margin-left: -50px;
    }

    #relHead {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 260px;
    }
}

@media (min-width:1200px) {
    .r-tt {
        font-size: 29px;
    }

    .r-tt2 {
        font-size: 20px;
        letter-spacing: 7px;
    }

    .p-tt {
        font-size: 36px;
    }

    .p-tt2 {
        font-size: 20px;
        letter-spacing: 7px;
    }
    /*.section-relations ul li {list-style:none}*/
    .section-relations .list {
        padding-top: 40px;
        position: relative;
    }

    .section-relations .item-box {
        width: inherit;
    }

    .section-relations .item {
        border: 1px solid #979797;
        width: 200px;
        height: 200px;
        padding: 34px;
        padding-top: 50px;
        text-align: center;
        float: left;
        background-color: white;
        margin-right: 40px;
        color: #000;
        font-size: 18px;
    }

        .section-relations .item.on {
            border: 8px solid #47B990;
            width: 200px;
            height: 200px;
            padding: 22px;
            padding-left: 27px;
            padding-top: 43px;
            text-align: center;
            float: left;
            background-color: #267079;
            margin-right: 40px;
            color: #fff;
            font-size: 18px;
        }

    .item.on .date {
        color: #fff;
        display: none;
    }

    .item .date {
        color: #000;
        font-size: 18px;
        padding-right: 20px;
        position: absolute;
        bottom: 30px;
        margin-left: -45px;
        display: none;
    }

    .date2 {
        position: absolute;
        top: -80px;
        color: black;
        font-size: 18px;
    }

        .more.on .date2, .date2.on {
            color: white !important;
        }

    .item .title {
        display: block;
    }

    .more {
        display: block;
        position: absolute;
        bottom: -60px;
        margin-left: 60px;
    }

        .more a {
            font-size: 18px;
            color: white;
            border: 1px solid #979797;
            padding: 5px 10px;
            font-weight: 200;
        }

    .img_compass {
        max-width: 400px;
    }

    #relHead {
        min-width: 320px;
    }
}

@media (min-width: 1250px) {

    .building {
    }

    .header-intro, .header-intro2, .header-intro3, .header-intro4, .header-intro5 {
        max-height: 451px;
        min-height: 451px;
        padding-top: 30px;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
}


@media (min-width: 1450px) {

    .header-intro, .header-intro2, .header-intro3, .header-intro4, .header-intro5 {
        /*max-height: 870px;*/
        max-height: 451px;
    }
}