/*
* @subsection   Contact Page Styles
*/
.contact-title {
  margin: 0 0 27px 0;
  line-height: 23px; }
  .contact-title i {
    font-size: 23px;
    color: #888888;
    padding: 0 8px 0 0; }

.contact-form-box {
  padding: 8px 0 0;
  margin: 0 0 30px 0; }
  .contact-form-box label {
    margin: 0 0 6px 0; }
  .contact-form-box .form-body {
    margin-top: 22px; }
  .contact-form-box #desc_contact0 {
    display: none; }
  .contact-form-box .form-group {
    margin-bottom: 11px; }
  .contact-form-box textarea {
    height: 178px; }
  .contact-form-box .submit {
    margin-top: 20px; }
  .contact-form-box select.form-control {
    width: 100%; }
  @media (min-width: 480px) {
    .contact-form-box input.form-control, .contact-form-box textarea.form-control, .contact-form-box div.selector {
      max-width: 310px; } }
  @media (min-width: 650px) {
    .contact-form-box input.form-control, .contact-form-box textarea.form-control, .contact-form-box div.selector {
      max-width: 492px; } }
  .contact-form-box div.selector {
    width: 100% !important; }
  .contact-form-box div.uploader span.filename {
    width: 460px;
    max-width: 100%; }
    @media (min-width: 480px) {
      .contact-form-box div.uploader span.filename {
        width: 310px; } }
    @media (min-width: 650px) {
      .contact-form-box div.uploader span.filename {
        width: 492px; } }
  @media (max-width: 479px) {
    .contact-form-box div.uploader span.action {
      position: absolute;
      top: 0;
      right: 0;
      background: #333333;
      border: none;
      color: white; } }
  @media (min-width: 480px) {
    .contact-form-box div.uploader input.form-control {
      max-width: 420px; } }
  @media (min-width: 650px) {
    .contact-form-box div.uploader input.form-control {
      max-width: 595px; } }
  @media (max-width: 479px) {
    .contact-form-box div.uploader input.form-control {
      z-index: 1; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .three-columns .contact-form-box input.form-control, .three-columns .contact-form-box textarea.form-control, .three-columns .contact-form-box div.selector {
    max-width: 460px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .three-columns .contact-form-box div.uploader span.filename {
    width: 460px; } }