section {
	background-color: #ffffff;
}

#contact-us {
	background: url("/images/others/contact-us/contact-us-bg-w1280.jpg") center 60%;
	background-size: cover;
	padding: 100px 0;
}

.contact-us .title-w-line {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
	display: table;
	white-space: nowrap;
	margin: 0 auto 30px auto;
}

.contact-us .title-w-line span {
	padding: 0 12px;
	text-align: center;
}

.contact-us .title-w-line:before,
.contact-us .title-w-line:after {
	border-top: 1px solid #ccc;
	content: '';
	display: table-cell;
	position: relative;
	top: 18px;
	width: 50%;
}

.contact-us .title-w-line:before {
	right: 0;
}

.contact-us .title-w-line:after {
	left: 0;
}

.contact-us .address-block {
	white-space: nowrap;
}

.contact-us  .our-office {
	padding-top: 20px;
}

.contact-us .contact-list {
	padding: 0;
	margin: 0;
}

.contact-us .contact-list .contact {
	margin-bottom: 20px;
}

.contact-us .contact-list .icon { 
	display: inline-block;
	vertical-align: top;
	width: 24px;
	text-align: right;
}

.contact-us .contact-list .icon a {
	color: #333;
}

.contact-us .contact-list .icon .fa {
	font-size: 30px;
}

.contact-us .contact-list .text {
	display: inline-block;
	vertical-align: top;
	padding: 4px 0 20px 12px;
}

.contact-us .contact-list  .map-frame {
	clear: both;
	padding-top: 20px;
}

.contact-us .contact-list .map-frame iframe {
	width: 100%;
	min-height: 300px;
}

.contact-us .contact-depts  {
	display: inline-block;
	margin: 0 auto 20px auto;
}

.contact-us .contact-depts .contact-dept {
	text-align: center;
	display: inline-block;
	padding: 0 0 40px 0;
}

.contact-us .contact-depts .contact-dept .wrapper {
	margin: 0;	
	padding: 12px;
}

.contact-us .contact-depts .ct-icon {
	font-size: 80px;
	position: absolute;
	text-align: right;
}

.contact-us .contact-depts .icon-contactus_editorial {
	font-size: 84px;
	left: 22px;
}

.contact-us .contact-depts .contact-dept .content {
	padding-left: 40px;
	text-align: left;
	padding-left: 110px;
}

.contact-us .contact-depts .contact-dept .title {
	font-size: 20px;
	font-weight: 300;
	text-align: left;
}

.contact-us .contact-depts .contact {
	font-size: 16px;
	margin: 4px 0;
}

@media only screen and (max-width: 991px) {
    #contact-us { background: url("/images/others/contact-us/contact-us-bg-w992.jpg") center 94%; }
}

@media only screen and (max-width: 767px) {
    #contact-us { background: url("/images/others/contact-us/contact-us-bg-w768.jpg") center 94%; }

    .contact-us .contact-depts { max-width: 334px; }
	.contact-us .our-office { width: 94%; margin: 0 auto;}
	.contact-us .contact-list .text { width: 90%; }
	.contact-us .title-w-line { font-size: 20px; }
	.contact-us .title-w-line span { display: inline-block; width: 320px; white-space: normal; padding: 0 8px; }
}

@media only screen and (max-width: 600px) { 
	.contact-us .desc { max-width: 300px; margin: 0 auto 30px auto; }
}

@media only screen and (max-width: 480px) {
    .contact-us .desc { font-size: 22px; max-width: 300px; margin: 0 auto 30px auto; }
	.contact-us .contact-depts { width: 100%; max-width: 304px; }
	.contact-us .contact-depts .ct-icon { font-size: 68px; }
	.contact-us .contact-depts .ct-icon.icon-contactus_editorial { font-size: 72px; left: 18px; }
	.contact-us .contact-depts .contact-dept .content { padding-left: 86px; }
	.contact-us .contact-depts .contact-dept .title { font-size: 18px; }
	.contact-us .contact-list .text { width: 88%; }
	.contact-us .title-w-line span { width: 280px; }
}

@media only screen and (max-width: 400px) { 
	.contact-us .title-w-line span { width: 240px; }
}

@media only screen and (max-width: 320px) {
    #contact-us { background: url("/images/others/contact-us/contact-us-bg-w330.jpg") 55% 92%; }
}

@media (min-width: 992px) {
    .contact-us .container {
		max-width: 880px;
		width: 90%;
		margin: 0 auto;
	}
	.contact-us .contact-depts {
		width: 90%;
    }
}