/* Respective Size Define

1200px or more
992px - 1199px		Space 207px, iPad Horizontal View.
768px - 991px		Space 223px, iPad Vertical View.
600px - 767px		Space 167px, Mobile Horizontal View.
480px - 599px		Space 119px
320px - 479px		Space 159px, Mobile Vertical View.
319px or below

*/

.support { background: #f0f0f0; color: #777; line-height: 1.3 }
.support > div { padding: 50px 60px }
.support h1, .support h2, .support h3, .support h4 { margin: 0; font-weight: 300 }

.support h1 { color: #005a65; line-height: 1.2 }
.support h2 { padding-top: 20px; font-weight: 300; font-size: 24px }
.support a { color: #00b2ba; text-decoration: none }
.support a:hover { color: #93d5db; text-decoration: underline }



/*.support p { padding: 50px 30px 10px 30px; font-weight: 300; font-size: 16px; line-height: 1.5 }
.support .address-board { display: table; margin: 0; padding: 0; list-style: none; width: 100%; border-collapse: collapse }
.support .address-board > li { display: table-cell; padding: 30px; width: 50%; background: white; border: solid 30px #f0f0f0 }
.support .address-board > li:first-child { border-left: 0 }
.support .address-board > li:last-child { border-right: 0 }
.support .address-board iframe { display: block; margin-top: 15px; width: 100%; height: 300px }
.support .address-board h3 { font-weight: 300; font-size: 24px; color: #005a65 }
.support .address-board h4 { position: absolute; margin-top: 25px; font-weight: 500; font-size: 16px }
.support .address-board table { margin-top: 50px; font-weight: 300 }
.support .address-board td { padding-bottom: 10px; vertical-align: top; font-size: 15px }
.support .address-board td:first-child { padding-right: 10px }*/


.support h3 { font-size: 28px; color: #00b2ba }
.support h4 { padding: 15px 0 5px 0; font-size: 16px }
.support p { margin-top: 50px; padding: 50px 0 30px 0; border-top: solid 1px #ddd; font-weight: 300; font-size: 16px; line-height: 1.5 }
.support ul { margin: 0; padding: 0; list-style: none }
.support li:first-child { margin-bottom: 30px }
.support td { padding: 3px 0; font-weight: 300; font-size: 16px; vertical-align: top }
.support td:first-child { padding-right: 30px }

@media (max-width: 767px) {
	.support h1 { font-size: 44px }
	.support h2 { font-size: 21px }
	.support p { margin-top: 40px; padding: 40px 0 25px 0 }
}

@media (max-width: 479px) {
	.support > div { padding: 40px }
	.support h1 { font-size: 33px }
	.support h2 { font-size: 18px }
	.support p { margin-top: 30px; padding: 30px 0 20px 0; font-size: 18px }
	.support h3 { font-size: 24px }
	.support h4 { font-size: 14px }
	.support td { font-size: 14px }
	.support td:first-child { padding-right: 15px }
}

@media (max-width: 319px) {
	.support > div { padding: 30px }
	.support h1 { font-size: 28px }
	.support h2 { font-size: 16px }
	.support p { margin-top: 25px; padding: 25px 0 15px 0; font-size: 16px }
	.support h3 { font-size: 22px }
	.support h4 { font-size: 13px }
	.support td { font-size: 13px }
	.support td:first-child { padding-right: 10px }
}

/*@media (max-width: 767px) {
	.support h1 { font-size: 44px; line-height: 1.2 }
	.support h2 { font-size: 21px }
	.support p { padding-bottom: 0 }
	.support .address-board { display: block }
	.support .address-board > li { display: block; width: auto; border: none }
	.support .address-board > li:first-child { margin-top: 50px; margin-bottom: 30px }
	.support .address-board td { font-size: 14px }
	.support .address-board h4 { position: initial }
	.support .address-board table { margin-top: 15px }
}

@media (max-width: 599px) {
	.support h1 { padding: 0 15px }
	.support h2 { padding: 20px 15px 0 15px }
	.support p { padding: 40px 15px 0 15px }
	.support .address-board > li { margin-left: -20px; margin-right: -20px }
}

@media (max-width: 479px) {
	.support > div { padding: 40px }
	.support h1 { padding-left: 0; padding-right: 0; font-size: 33px }
	.support h2 { padding-left: 0; padding-right: 0; font-size: 18px }
	.support p { padding-top: 30px; padding-left: 0; padding-right: 0; font-size: 14px }
	.support .address-board > li { padding: 20px }
	.support .address-board > li:first-child { margin-top: 30px; margin-bottom: 20px }
	.support .address-board iframe { height: 200px }
}

@media (max-width: 319px) {
	.support h1 { font-size: 28px }
	.support h2 { font-size: 16px }
	.support p { padding-top: 20px; font-size: 13px }
}*/