@media (min-width:1921px) {
    .layoutTit {
        bottom: 20%;
    }
}
@media (max-width: 1600px) {
    .develop .smBox .timeCon {
        font-size: 14px;
    }
    .layoutTit {
        bottom: 20%;
        left: 10%;
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    /* banner */
    .banner {
        height: 45vh;
        background: url(../resources/images/about-imgs/bannerBg1.png) no-repeat;
        background-size: cover;
        background-position: 50% 50px;
        padding-top: 20%;
    } 
    .sloganBox {
        padding-top: 10%;
    }
    .sloganCont p {
        font-size: 18px;
        margin-bottom: 0.5rem;
    }
    .bigBox {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .bigBox .row {
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.7);
    }

    .bigBox .aboutUs {
        width: 100%;
        height: 600px;
        background: url(../resources/images/about-imgs/bg.png) no-repeat;
        border-top: solid 3px #FFFFFF;
        border-bottom: solid 3px #FFFFFF;
        margin-top: 5%;
    }
    .aboutUs p {
        color: #FFFFFF;
        margin-bottom: 0.5rem;
    }
    
    .company {
        width: 100%;
        height: 100%;
    }
    .company .companyTitle {
        margin: 10px 0;
    }
    .company .bigTit {
        font-size: 22px;
        font-weight: 700;
        color: rgba(255, 255, 255, 1);
        text-align: center;
    }
    .companyCon {
        padding: 0 25px;
    }
    .company .smCont {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 2rem;
        color: rgba(255, 255, 255, 1);
        text-align: justify;
        vertical-align: top;
    }
    .bottomImg {
        bottom: 0;
    }
    .bottomImg img {
        width: 100%;
    }
    .banner .bgImg {
        display: none;
    }

    /* develop */
    .develop {
        height: unset;
        background: url(../resources/images/about-imgs/develop0.png) no-repeat;
        background-size: cover;
    }
    .develop .container-fluid {
        height: 100%;
        padding: 0;
        background: rgba(0, 0, 0, 0.3);
    }
    .develop p {
        color: #FFFFFF;
    }
    .develop .bigTit {
        padding: 15px 0px 15px 48px;
        color: #FFFFFF;
    }
    .develop .bigTit p {
        text-align: center;
        margin: 0;
    }
    .develop .deTit {
        font-size: 22px;
        font-weight: 700;
    }
    .develop .col-md-2 {
        padding: 0 15%;
    }

    /* layout */
    .layout {
        height: unset;
        padding: 10% 0;
    }
    .layout .container-fluid {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .layout .container-fluid .row {
        width: 100%;
        height: 80%;
        background: linear-gradient(to bottom, rgba(237, 240, 240, 0.5) 13.89%, rgba(150, 196, 245, 0.5) 86.11%);
    }
    .layout .lyImg {
        display: flex;
        align-items: center;
    }
    .layout img {
        width: 100%;
    }
    .lyImg {
        position: relative;
    }
    .layoutTit {
        position: absolute;
        bottom: 5%;
        left: 10%;
        font-size: 22px;
        font-weight: 700;
        color: rgba(59,126,252);
    }

    .layout .allAd {
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }
    .layout .allAd .leftAd {
        margin: 15px 0;
    }
    .layout .cq .leftAd {
        padding-left: 15px;
    }
    .layout .allAd p {
        font-size: 15px;
        color: #FFFFFF;
        line-height: 2rem;
        text-align: left;
    }
    .layout .allAd .rightAd {
        padding-left: 15px;
        margin: 35px 0;
    }
    .layout .allAd .bjCont {
        margin-top: 20px;
    }
    /* contact */
    .contact {
        position: relative;
    }
    .contact img {
        width: 100%;
    }
    .contact .contactTit {
        position: absolute;
        top: 70%;
        left: 25%;
        font-size: 20px;
        font-weight: 700;
        color: #FFFFFF;
    }
    .contact .contactTit p {
        margin: 0;
    }
}