
@media(min-width:769px) {
    .contact-us .content{
        position: relative;
        width: 100%;
        background: #f5f5f5;
        border: 1px solid #bebebe;
        border-radius: 18px;
        padding: 60px 50px 40px;
    }

    .contact-us .content .tag{
        position: absolute;
        left: -15px;
        top: -15px;
        color: #fff;
        width: 341px;
        height: 60px;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        text-align:center;
        line-height:40px;
    }

    .contact-us .section-content{
        display:flex;
        justify-content: space-between;
        margin-top: 40px;
        align-items: flex-end;
    }

    .contact-us .section-content:first-child{
        margin-top:0
    }

    .contact-us .section-content .item{
        width: 32%;
    }

    .contact-us .section-content p{
        margin-bottom: 10px;
    }

    .contact-us .section-content .item input{
        width: 100%;
        height: 40px;
        border:none;
        background: #FFFFFF;
        color:#000;
        padding: 0 10px;
        color:#333;
    }

    .contact-us .section-content .item select{
        width: 100%;
        height: 40px;
        border:none;
        background: #FFFFFF;
        color:#000;
        padding: 0 10px;
        color:#333;
    }

    .contact-us .section-content .item-textarea{
        width: 100%;
    }

    .contact-us .section-content .item-textarea textarea{
        width: 100%;
        height: 100px;
        border:none;
        background: #FFFFFF;
        color:#333;
        padding: 10px;
    }

    .contact-us .section-content .item-button{
        width: 100%;
        display:flex;
        justify-content:center;
    }

    .contact-us .section-content .submit-btn{
        width: 200px;
        height: 48px;
        background: #2793ff;
        border-radius: 10px;
        line-height: 48px;
        text-align: center;
        color:#fff;
    }

}

@media(max-width:769px) {
    .contact-us .content{
        width: 100%;
        background: #f5f5f5;
        border: 1px solid #bebebe;
        border-radius: 18px;
        padding: 30px 25px 20px;
    }

    .contact-us .content .tag{
        display: none;
    }

    .contact-us .section-content{
        margin-top: 20px;
    }

    .contact-us .section-content:first-child{
        margin-top:0
    }

    .contact-us .section-content .item{
        width: 100%;
        margin-bottom: 15px;
    }

    .contact-us .section-content .item input{
        width: 100%;
        height: 40px;
        border:none;
        background: #FFFFFF;
        color:#000;
        padding: 10px;
        color:#333;
    }

    .contact-us .section-content .item select{
        width: 100%;
        height: 40px;
        border:none;
        background: #FFFFFF;
        font-size:14px;
        padding: 10px;
        color:#333;
    }

    .contact-us .section-content .item-textarea{
        width: 100%;
    }

    .contact-us .section-content .item-textarea textarea{
        width: 100%;
        height: 100px;
        border:none;
        background: #FFFFFF;
        color:#333;
        padding: 10px;
    }

    .contact-us .section-content .item-button{
        width: 100%;
        display:flex;
        justify-content:center;
    }

    .contact-us .section-content .submit-btn{
        width: 100%;
        height: 40px;
        background: #2793ff;
        border-radius: 30px;
        line-height: 40px;
        text-align: center;
        color:#fff;
    }

    .contact-us .section-content p{
        margin-bottom: 10px;
    }
}