.contact{padding:80px 60px;}

/** tips **/
.contact-tips{text-align:center;margin-bottom:110px;}
.contact-tips li{float:left;width:33.33%;}
.contact-tips h2{font-size:30px;margin:0 0 80px 0;font-weight:400;}
.contact-tips h3{font-size:20px;margin:0 0 15px 0;}
.contact-tips p{color:#777;font-weight:300;}
.contact-tips .b{margin:0 15px;}
.contact-tips .i-icon{margin-bottom:35px;}
.contact-tips .icon{font-size:50px;color:#d5102c;}

/** form **/
.contact-box{margin-bottom:110px;}
.contact-box h2{margin-bottom:40px;}
.contact-form{float:left;width:48%;}
.contact-form .input-wrapper .inp textarea{height:220px;}
.contact-form .btn-submit{width:100%;padding-left:0;padding-right:0;}

/** more **/
.contact-more{float:right;width:41%;}
.contact-more .i-icon{float:left;width:15%;}
.contact-more .icon{font-size:18px;}
.contact-more .i-text{float:left;width:85%;}
.contact-more a{color:#333;}
.contact-more li{float:left;width:50%;margin-bottom:35px;}

@media screen and (max-width:1230px) {
.contact{padding:60px 0;}
}

@media screen and (max-width:980px) {
.contact{padding:40px 0;}
}

@media screen and (max-width:860px) {
.contact-tips{margin-bottom:80px;}
.contact-tips h2{margin-bottom:30px;}
.contact-tips li{width:100%;margin-top:40px;}

.contact-box{margin-bottom:30px;}
.contact-form, .contact-more{width:100%;}
.contact-form{margin-bottom:80px;}
}

@media screen and (max-width:640px) {
.contact{padding:20px 0 40px 0;}

.contact-more li{width:100%;}
.contact-more .i-icon{width:20%;}
.contact-more .i-text{width:80%;}
}