/* DR. KRATOS - Contact page responsive fixes */
.contact-main .contact-layout{
  min-width:0;
}
.contact-main .contact-layout > *{
  min-width:0;
}
.contact-main form.f{
  width:100%;
  max-width:560px;
}
.contact-main form.f input,
.contact-main form.f select,
.contact-main form.f textarea{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.contact-main .dl{
  min-width:0;
}
.contact-main .dl dd,
.contact-main .dl a,
.contact-main .prose p{
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (max-width:900px){
  .contact-main{
    padding-left:var(--pad);
    padding-right:var(--pad);
  }
  .contact-main .contact-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:52px!important;
    width:100%;
  }
  .contact-main .contact-layout > .prose,
  .contact-main .contact-layout > .rev,
  .contact-main form.f{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .contact-main .dl{
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px 0!important;
  }
  .contact-main .dl dd{
    margin-bottom:16px;
  }
}

@media (max-width:560px){
  .contact-main .contact-layout{
    gap:42px!important;
  }
  .contact-main form.f{
    gap:13px;
  }
  .contact-main form.f input,
  .contact-main form.f select,
  .contact-main form.f textarea{
    font-size:16px; /* prevents iOS form zoom */
    padding:13px 14px;
  }
  .contact-main form.f textarea{
    min-height:150px;
  }
  .contact-main .btn{
    width:100%;
    text-align:center;
    align-self:stretch;
  }
}