.contact {display:flex;align-items:flex-start;position:relative}
.contact::before {display:block;content:'Contact Us';white-space:nowrap;color:#fff;font-weight:700;position:absolute;left:0;right:0;text-align:center;top:calc(50% - 100px);font-size:200px;line-height:1;text-shadow:rgba(220,220,220,.37) 1px 0 0,rgba(220,220,220,.37) 0 1px 0,rgba(220,220,220,.37) -1px 0 0,rgba(220,220,220,.37) 0 -1px 0}
.contact-info {flex:1;margin-right:130px}
.contact-info dl {padding:45px 20px;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;position:relative;z-index:10}
.contact-info dl dt {width:60px;height:60px;background: #0F9594;border-radius:50%;display:flex;justify-content:center;align-items:center}
.contact-info dl dd {-webkit-flex:1;flex:1;margin-left:40px}
.contact-info dl dd .ediv{display: flex;flex-wrap: wrap;justify-content: space-between;}           
.contact-info dl dd .ediv div{margin-bottom:20px;}                       
.contact-info dl dd h5 {font-size:17px;color:#333;font-weight:600}
.contact-info dl dd p {font-size:16px;color:#212121;line-height:30px;font-weight:500;margin:13px 0 0}
.contact-inquiry {width:45%;box-shadow:0 3px 14px rgba(0,0,0,.07);padding:62px 55px 52px;background:#fff;position:relative;z-index:10}
.contact-inquiry h3 {font-size:28px;line-height:1;color:#333;font-weight:700}
.contact-inquiry .inquirbox {margin:50px 0 0}
.contact-inquiry .inquirbox .row {margin-bottom:23px}
.contact-inquiry .inquirbox input[type=text],.contact-inquiry .inquirbox textarea {padding:19px 25px;background:#fafafa;font-size:15px;border:1px solid #eee;line-height:22px;color:#777;width:100%;}
.contact-inquiry .inquirbox .submit {width:100%;height:66px;line-height:66px;font-size:18px;color:#fff;font-weight:700;background: #0F9594;}
.contact-inquiry .inquirbox .submit:hover {opacity:.7}

.map{margin:50px 0 0;}


@media screen and (max-width:1441px) {
.contact::before {top:calc(50% - 80px);font-size:160px}
.contact-info {margin-right:100px}
}

@media screen and (max-width:1367px) {

.contact-info {margin-right:70px}
.contact-info dl {padding:40px 20px}
.contact-inquiry {padding:55px 45px 35px}
}

@media screen and (max-width:1281px) {

.contact-info dl {padding:30px 15px}
.contact-inquiry {padding:45px 35px 25px}
}

@media screen and (max-width:992px) {

.contact {display:block}
.contact-info {margin-right:0}
.contact-info dl {padding:20px 15px}
.contact-inquiry {padding:40px 30px 20px;margin:40px 0 0;width:100%}
}

@media screen and (max-width:768px) {

.contact-inquiry {padding:30px 15px 20px;margin:40px 0 0}
.contact-inquiry h3 {font-size:24px;text-align:center}
.contact-inquiry .inquirbox {margin:30px 0 0}
.contact-inquiry .inquirbox input[type=text],.contact-inquiry .inquirbox textarea {padding:13px 15px}
.contact-inquiry .inquirbox .row {margin-bottom:0}
.contact-inquiry .inquirbox .submit {height:50px;line-height:50px;font-size:17px}

.map{margin:30px 0 0;}

}

@media screen and (max-width:576px) {
.contact::before {top:20%;font-size:60px}
.contact-info dl {padding:18px 0}
.contact-info dl dt {width:50px;height:50px}
.contact-info dl dt img {max-width:60%;max-height:60%}
.contact-info dl dd {margin-left:30px;overflow:hidden;word-break:break-all;}
.contact-info dl dd p {line-height:24px;margin:10px 0 0}
.contact-info h4 {font-size:24px}
}