
.ctc-left { padding:0 30px 0 0; min-width:344px; }
.ctc-header { padding-right: 90px; }
.ctc-right { max-width: 694px; }
.office-details { max-width:304px; }
.od-icon { color: #888c7c; margin:0 22px 0 0; }
.hours .od-icon, .email .od-icon { margin-top: 2px; }
.phone .od-icon, .address .od-icon { margin-top: 6px; }
.office-details > div { border-bottom: 1px solid #d4d5d4; padding: 25px 0 34px; }
.office-details > div:last-child { border:none; }
.office-details p { margin:0; padding:0; }

.ctc-left h4 {  margin: 6px 0 24px; }
.ctc-left p { margin: 0 0 12px; }
.office-details p { margin:0; }

.ctc-right h3 { margin: 0 0 28px; }
.contact.page-content-area { padding-top:103px; padding-bottom: 128px; }

@media only screen and (max-width:950px) {
    .contact-two-col { flex-direction: column; }
    .ctc-header ,.ctc-left { padding-right:0; }
    .contact.page-content-area {  padding-top: 54px;  padding-bottom: 30px; }
    .ctc-right { max-width:100%; }
}
@media only screen and (min-width:451px) and (max-width:950px) { 
    .office-details {  text-align: center;  max-width: 400px;  margin: 0 auto;  }
    .office-details > div, .email, .phone  { justify-content: center;  flex-direction: column; }
    .email { margin:0 0 10px }
    .od-icon { font-size:20px; margin-bottom: 8px; }
    .ctc-left { padding-bottom: 30px; }
    .ctc-left { text-align: center; min-width: inherit; max-width: 650px; margin: 0 auto;}
}

@media only screen and (max-width:450px) {
    .office-details { max-width:100%; width:100%; padding: 0 0 28px; }
    .ctc-left h4 { margin-bottom: 12px; }
    .office-details > div { padding: 22px 0 28px }
    .email { margin: 0 0 22px; }
    .phone .od-icon, .address .od-icon { margin-top:2px; }
    .contact .toggle-wrap { margin:0 0 22px; }
}