.contactWrapperROW .contactTitle {
    display: table-row;
    width: 100%;
    padding-bottom:10px;
}

.contactWrapperROW .contactInfoLeft{
	width: 70%;
	display: table-cell;
}

.contactWrapperROW .contactInfoRight {
	width: 29%;
	display: table-cell;
	vertical-align: top;
}
.contactWrapperROW .contactButton {
	width: 35%;
}
.contactWrapperROW .contactAddress {
	width: 50%;
}


.contactWrapperROW .contactThumbnail {
	width: 15%;
}
.linksWrapper .contactThumbnail {
	width: 25%;
}

.contactus {
	padding-right: .833rem;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top:10px;
}

.mt_mobile_header.contactus{
	padding:0px;
}

.contactus .contactWrapper,
.contactus .contactWrapperROW {
	display: table;
	width: 100%;
}

/* On international contact us pages, the style for 'Request Info' buttons should be overridden to use primary button style */
.contactus .contactWrapperROW .btn-secondary.btn-requestInfo{
	color: #fff;
	background: #6BB847;
	font-size: 14px;
	line-height: 21px;
}

.contactus .contactWrapperROW .btn-secondary.btn-requestInfo span{
	border: 0;
	padding: .959rem 20px;
}

.contactus .contactWrapperROW .btn-secondary.btn-requestInfo:hover{
	color: #fff;
	background: #60a540;
}

.contactus .contactWrapperROW .btn-secondary.btn-requestInfo:focus,
.contactus .contactWrapperROW .btn-secondary.btn-requestInfo:active{
	color: #fff;
	background: #416f2b;
}

.contactWrapper .linksWrapper,
.contactWrapperROW .linksWrapper {
	padding-top: 1rem;
	padding-top: 12px;
}

.contactWrapper .contactAddress,
.contactWrapper .contactButton,
.contactWrapper .contactThumbnail,
.contactWrapper .contactPhone {
	display: table-cell;
	vertical-align: bottom;
}

.contactWrapperROW .contactAddress,
.contactWrapperROW .contactButton,
.contactWrapperROW .contactPhone,
.contactWrapperROW .contactThumbnail,
.linksWrapper .contactThumbnail {
	display: table-cell;
	vertical-align: top;
}

.contactWrapper .phoneLabels,
.contactWrapper .phoneNumbers,
.contactWrapperROW .phoneLabels,
.contactWrapperROW .phoneNumbers {
	display: table-cell;
	vertical-align:top;
}

.contactWrapper .contactInfoLeft,
.contactWrapper .contactInfoRight {
	display: table-cell;
	width: 50%;
}


.contactWrapper .phoneLabels,
.contactWrapperROW .phoneLabels {
	width: 20%;
}

.contactWrapper .phoneNumbers,
.contactWrapperROW .phoneNumbers {
	width: 80%;	
}

.contactWrapper .phoneIcon,
.contactWrapperROW .phoneIcon {
	display: inline-block;
	vertical-align:top;
	padding: 3px 2% 0 0;
}
.contactWrapper .row,
.contactWrapperROW .row{
    display: table-row;
}

.contactWrapper .contactPhoneSales,
.contactWrapper .contactPhoneService,
.contactWrapperROW .contactPhoneSales,
.contactWrapperROW .contactPhoneService {
	width: 100%;
}

.contactWrapper .phoneLabel,
.contactWrapperROW .phoneLabel {
	padding-right: 12px;
	padding-right: 1rem;

	line-height: 18px;
	line-height: 1.5rem;
}

.contactWrapper .phoneNumber,
.contactWrapperROW .phoneNumber {
	word-wrap: break-word;
	display: inline-block;
	width: 90%;
    }
    .mt_direction_right_to_left .contactWrapper .phoneNumber,
    .mt_direction_right_to_left .contactWrapperROW .phoneNumber{
        direction: ltr !important;
        }

.contactWrapper .addressLine1Div,
.contactWrapperROW .addressLine1Div {
	width:100%;
}
.houseIcon{
	 width:10px;
	 height:10px;
	 border:0; 
	 vertical-align:top;
	 display:inline-block;
	 padding: 3px 10px 0 0;
}
.contactWrapper .addressLine1,
.contactWrapperROW .addressLine1 {
	display:inline-block;
	width:90%;
}


.contactWrapper .responsiveTable,
.contactWrapperROW .responsiveTable {
	display: table;
	width: 100%;
}

.contactWrapper .mapLinkContainer,
.contactWrapperROW .mapLinkContainer {
	padding-top: 5px;
	padding-top: .417rem;
}

.mapLink {
    position: relative;
    margin: 0 0 0 30px;
    }
    .contactWrapper .mapIcon,
    .contactWrapperROW .mapIcon {
        position: absolute;
        top: -4px;
        left: -26px;
        padding: 0 10px 0 0;
        }

.mapContainer {
	background: #FFFFFF;
	text-align: center;
	
	padding-bottom: 9.5rem;
	padding-bottom: 114px;
}

.mapContainer iframe {
	width: 85%;
}

.contactWrapper .contactThumbnailImage,
.contactWrapperROW .contactThumbnailImage {
	margin-bottom: 2px;
}

.contactWrapper.contactBorder,
.contactWrapperROW.contactBorder {
	padding: 5px;
	padding: .41667rem;

	border: 1px solid #DADADA;
	border-radius: .5em;
}

/* Variation B */

.contactWrapper .contactAddress {
	width: 55%;
	padding-right:5%;
}

.contactWrapper .contactButton {
	width: 40%;
	margin:0;
}

.contactWrapper .contactThumbnail {
	width: 20%;
}

.contactWrapper .contactPhone {
	width: 80%;
}

.contactWrapper .contactInfoLeft,
.contactWrapper .contactInfoRight {
	display: table-cell;
	width: 50%;
	vertical-align: bottom;
}

.contacthighlighted {
	width: 100%;
}

.responsiveTable .mainContentText{
	display:table-cell;
}

.contactPhone .mobile_phoneNumbers{	
	display:none;
	padding-bottom: 10px;
}

.contactPhone .mobile_phoneNumbers .mobile_phoneIcon{
	padding: 0 5px;
    margin: -5px 0 -5px -25px;
}

.contactPhone .mobile_phoneNumbers a.mobile_phoneNumber{
	display:inline-block;
	width:100%;
	background: linear-gradient(to bottom,#2b81e7 0,#2b81e7 100%);
	box-shadow: 1px 0 2px #cacaca, -1px 0 2px #cacaca, 0 -1px 2px #cacaca, 0 1px 0 #cacaca, inset 0 1px 1px #2b81e7;
	border: 1px solid #2b81e7;
	color: #fff;
    font-size: 1rem;
    text-align: center;
	padding: 8px 17px;
	padding: .6rem 1.25rem;
    border-radius: 5px;
    font-weight: bold;
    line-height:1rem;
    box-sizing: border-box;
}
	
.contactPhone .mobile_phoneNumbers a.mobile_phoneNumber:hover{
	background: linear-gradient(to bottom,#2b81e7 0,#0045db 100%);
	box-shadow: 1px 0 2px #cacaca, -1px 0 2px #cacaca, 0 -1px 2px #cacaca, 0 1px 0 #cacaca, inset 0 1px 1px #2b81e7;
	border: 1px solid #2b81e7;
	text-decoration:none;
}

.contactButton.mobile_contactButton{
	display:none;
}

.noPadding {
	padding: 0 !important;
}

/* Old contact page is getting phased out in 2020, 
but these changes are specifically for a page in CN which is using the old contact component: 
MTCOM-10778 */
[lang='zh-CN'] .contactWrapper .contactInfoRight{
	vertical-align: top;
}

[lang='zh-CN'] .contactInfoLeft .responsiveTable{
	margin: 20px 0 0 0;
}

[lang='zh-CN'] .contactWrapper .contactThumbnail{
	display: none;
}

[lang='zh-CN'] .contactWrapper .phoneNumbers,
[lang='zh-CN'] .contactWrapper .phoneLabels{
	width: auto;
}

/* Responsive */
@media(max-width: 1025px) {
	.contactWrapperROW .contactInfoLeft,
	.contactWrapperROW .contactInfoRight {
		width: 100%;
	}
	
	.contactWrapperROW .contactInfoLeft {
		display: table;
	}
	
	.contactWrapperROW .contactInfoRight{
		display: block;
	}
	
	.contactWrapperROW .contactPhone  {
		padding-top: 10px;
		padding-top: .833rem;
		width: 100%;
		display: table;
	}
	
	.contactWrapperROW .contactAddress,
	.contactWrapperROW .contactButton  {
		width: 50%;
	}
	
	.contactWrapperROW .phoneLabel {
		padding-left: 22px;
		padding-left: 1.83rem;
    }
    .linksWrapper .contactThumbnail,
    .contactWrapperROW .contactThumbnail {
		display: none;
		width: 0%;
	}  
}

@media(max-width: 900px) {
	.contactWrapper .contactThumbnail {
		display: none;
		width: 0%;
	}
	
	.contactWrapper  .contactInfoLeft {
		width: 60%;
	}
	
	.contactWrapper .contactInfoRight {
		width: 40%;
		padding-left: 10px;
		padding-left: .833rem;
	}
	
	.contactWrapper .contactPhone {
		width: 100%;
	}

	.contactWrapperROW .contactAddress  {
		width: 60%;
	}
	.contactWrapperROW .contactButton  {
		width: 39%;
	}
}

@media(max-width: 750px) {
	.contactWrapper .contactInfoLeft,
	.contactWrapper .contactInfoRight {
		width: 100%;
	}
	
	.contactWrapper .contactInfoLeft {
		display: table;
	}
	
	.contactWrapper .contactInfoRight {
		display: block;
		padding-left:0px;
	}
	
	.contactWrapper .contactPhone {
		padding-top: 10px;
		padding-top: .833rem;
		width: 100%;
		display: table;
	}
	
	.contactWrapper .contactAddress {
		width:45%;
	}

	.contactWrapper .contactButton {
		width: 50%;
	}
}
@media(max-width: 600px) {
	
	.contactWrapper .contactAddress,
	.contactWrapper .contactButton{
		width:auto;
	}
	
	.contactWrapper .addressLine2,
	.contactWrapper .addressLine3,
	.contactWrapperROW .addressLine2,
	.contactWrapperROW .addressLine3,
	.contactWrapper .contactInfoRight,
	.contactWrapper .phoneLabel,
	.contactWrapper .mapLinkContainer, 
	.contactWrapperROW .mapLinkContainer,
	.contactWrapper .contactButton,
	.contactWrapperROW .contactButton {
		padding-left: 0;
	}

	.contactWrapper .contactAddress{
		padding-right:0px;
	}

	.contactWrapper .contactAddress,
	.contactWrapper .contactButton,
	.contactWrapperROW .contactAddress,
	.contactWrapperROW .contactButton  {
		display: block;
		clear:both;
	}

	.contactWrapper .contactButton,
	.contactWrapperROW .contactButton  {
		padding-top: 10px;
		padding-top: .833rem;
		margin-bottom:0px;
	}
	
	.contactWrapper .contactButton button,
	.contactWrapperROW .contactButton button{
		padding: 8px 17px;
    	padding: .6rem 1.25rem;
		width: 100%;
		text-align: center;
	}
	
	.contactWrapper .phoneLabels,
	.contactWrapperROW .phoneLabels {
		width: 30%;
	}
	
	.contactWrapper .phoneNumbers,
	.contactWrapperROW .phoneNumbers {
		width: 70%;
	}
	
	.contactAccordion .contactus{
		padding-right: 15px;
		padding-left: 15px; 
    	padding-bottom: 30px;
	}
	
	/* Hide text phone numbers on true touch devices only */
	.touch .contactAccordion .contactPhone .row, 
	.touch .contactAccordionHighlight .contactPhone .row{
		display:none;
	}
	
	/* Show mobile phone call buttons on true touch devices only */
	.touch .contactAccordion .contactPhone .mobile_phoneNumbers,
	.touch .contactAccordionHighlight .contactPhone .mobile_phoneNumbers{	
		display:block;
	}
	
	.parsys .contactus {
		border-bottom: 1px solid #dadada;
	}
	
	.contactButton.default_contactButton{
		width: auto;
	}
	
	.contactButton.mobile_contactButton{
		display:block;
		padding-top:0px;
	}
	
	.contactWrapper .contactInfoLeft,
	.contactWrapper .contactInfoRight {
		width: 50%;
		box-sizing:border-box;
		float:left;
		margin-top:10px;
	}
	
	.contactWrapper .contactInfoLeft{
		padding-right:15px;
	}
	
	.contactWrapper .contactInfoRight{
		clear:right;
	}
	
	
	.contacthighlighted {
		width: auto;
		margin-bottom: 10px;
		padding-bottom: 10px;
    	border-bottom: 1px solid #346eae;
	}
	
	.highlightContact .contacthighlighted:last-child{
		border-bottom:0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	/* Home page contact listings */
	.row-homepage-contacts .contactWrapperROW .phoneLabel{
		padding-left:0;
	}
	
	.row-homepage-contacts .contactWrapperROW .mobile_contactButton{
		margin: 10px 0 0 0;
	}
	
	.contactusintropar .text table th{
		display:block;
	}
}

@media(max-width: 480px) {
	
	.contactWrapper .contactInfoLeft,
	.contactWrapper .contactInfoRight {
		width: 100%;
		box-sizing:border-box;
		float:none;
		clear:both;
		margin-top:0px;
	}
	
	.contactWrapper .contactInfoLeft{
		padding-right:0px;
	}
	
	.contactWrapper .contactInfoRight{
		margin-top:20px;
	}
	
}
