@charset "UTF-8";

/* --------------------------------------------------
TABLET AND MOBILE SCREENS
--------------------------------------------------*/
@media (max-width: 991px) {
  #contact {
    padding: 0px 10px;
  }
  #contact .title-contact {
    text-align: center;
  }
  #contact .warm-message {
    margin: 20px 0px;
  }
  #contact .warm-message > div.row {
    justify-content: center;
  }
  #contact .summit-groups .summit-checkbox {
    text-align: center;
    width: 100%;
  }
  #contact .summit-groups .send-message-btn {
    text-align: center;
    width: 100%;
  }
  #contact .summit-groups .btn-submit-form-contact {
    margin-top: 10px;
    width: 50%;
  }
  #contact input#confirm-code {
    height: 100px;
  }
  #footer .contact-list ul li {
    margin: 10px 0;
  }
}

@media (max-width: 768px) {
  #contact .container-1100 {
    padding: 0 10px;
  }
  #contact div#captcha {
    min-height: 80px;
  }
  #contact canvas#captcha {
    min-height: 75px;
  }
  #contact input#confirm-code {
    height: 80px;
  }
}

@media (max-width: 576px) {
  #contact .contact-list ul li {
    margin-bottom: 4rem;
  }
  #contact .contact-list ul li div {
    font-size: 2.5rem;
  }
  #contact .pre-title-contact {
    font-size: 2rem;
  }
  #contact .title-contact .contact-us {
    font-size: 3.75rem;
  }
  #contact .warm-message {
    font-size: 14px;
  }
  #contact .warm-message p {
    font-size: 2rem;
  }
  #contact .warm-message img {
    width: 16rem;
  }
  #contact .warm-message .from {
    font-size: 2rem;
  }
  #contact .warm-message .author {
    font-size: 3.25rem;
  }
  #contact .form-contact {
    font-size: 2rem;
  }
  #contact .form-contact .form-check {
    padding-left: 3em;
  }
  #contact .btn-submit-form-contact {
    font-size: 2rem;
  }
  #contact .btn-submit-form-contact:hover {
    padding: 0.75rem 1.1rem;
  }
}

/*===============================================================
500px
===============================================================*/
@media (max-width: 500px) {
  #contact canvas#captcha {
    min-height: 52px;
  }
}
/*===============================================================
450px
===============================================================*/
@media (max-width: 450px) {
  #contact .warm-message-info {
    width: 200px;
  }
  #contact .warm-message img {
    width: 8rem;
    height: auto;
  }
  #contact .warm-message .author {
    font-size: 2.4rem;
  }
  #contact .warm-message > div.row {
    margin: 0px 0 40px 0;
  }
  #contact div#captcha {
    min-height: 47px;
  }
  #contact canvas#captcha {
    min-height: 47px;
  }
  .form-contact .layout-mobile-margin {
    margin: 8px 0;
  }
  #contact input#confirm-code {
    height: 47px;
  }
  #contact .form-contact {
    font-size: 1.6rem;
  }
}
/*===============================================================
376px
===============================================================*/
@media (max-width: 376px) {
  #featured .featured-item {
    height: 180px;
  }
  #featured .featured-item .featured-item-content {
    height: 205px;
  }
}