@import url(reset.css);
@import url(desktop_styles.css);
/* COMMON */
@media (max-width: 767px) {
  .button-front {
    font-size: 20px;
    padding: 15px 40px; }

  .sound-button {
    display: none !important; }

  /* SECTION 1 */
  .section-1 {
    text-align: center;
    padding-bottom: 180px;
    background: url("../images/header-poster.png") right;
    background-size: cover; }
    .section-1 video {
      display: none; }
    .section-1 .imilace-logo {
      width: 50%;
      max-width: 230px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
      display: block;
      float: none;
      clear: both; }
    .section-1 .row {
      display: block; }
    .section-1 .menu {
      margin-top: 10px; }
    .section-1 .menu, .section-1 .language-and-volume {
      float: none;
      clear: both;
      justify-content: center !important; }
    .section-1 .phone-block {
      display: block;
      margin: 15px auto 0;
      float: none;
      justify-content: center !important; }
      .section-1 .phone-block p {
        font-size: 20px;
        bottom: 1px; }
    .section-1 .main-part {
      display: block;
      text-align: center; }
    .section-1 .large-logo {
      display: block;
      margin: 45px auto 0; }
      .section-1 .large-logo #large-logo-2, .section-1 .large-logo #large-logo-3, .section-1 .large-logo #large-logo-4, .section-1 .large-logo #large-logo-5 {
        left: 0; }
    .section-1 .call-to-action-block-wrapper {
      width: 80%;
      text-align: center;
      margin: 16px auto 0; }
    .section-1 .call-to-action-block {
      text-align: center;
      padding: 40px 0 56px 0; }
      .section-1 .call-to-action-block h1 {
        font-size: 36px; }
      .section-1 .call-to-action-block h2 {
        margin-top: 20px;
        font-size: 20px;
        margin-bottom: 36px; }

  /* Section 2 */
  .section-2 {
    padding-top: 45px;
    padding-bottom: 60px; }
    .section-2 h3 {
      font-size: 32px; }
    .section-2 h4 {
      font-size: 16px; }
    .section-2 p {
      font-size: 11px !important; }
    .section-2 .row {
      margin-top: 0;
      margin-bottom: 60px; }
    .section-2 .list-item {
      margin-top: 45px; }
    .section-2 .singer-1-block {
      display: none; }

  /* Section 3 */
  .section-3 {
    padding: 45px 0; }
    .section-3 h3 {
      line-height: 1.1;
      font-size: 45px;
      text-align: center; }
    .section-3 p {
      font-size: 10px;
      margin: 0 4px; }

  /* Section 4 */
  .section-4 .price-block:last-child {
    margin-top: 45px; }

  /* Section 5 */
  .section-5 .call-to-action-block {
    text-align: center; }
  .section-5 p {
    font-size: 20px;
    margin-bottom: 45px; }
  .section-5 .shape-bg {
    right: 0;
    left: 0;
    height: 200px;
    width: 320px; }
  .section-5 .singer-2 {
    display: none; }

  /* Section 6 */
  .section-6 {
    padding-bottom: 60px; }
    .section-6 .container {
      display: block; }
    .section-6 h3 {
      font-size: 20px;
      text-align: center;
      line-height: 1.2;
      margin-bottom: 30px; }

  /* Section 7 */
  .section-7 {
    background-color: black;
    text-align: center;
    padding-bottom: 180px;
    position: relative;
    overflow: hidden; }
    .section-7 img {
      width: 33%;
      z-index: 1; }
    .section-7 .comment-content {
      width: 58.33%; }
      .section-7 .comment-content h3 {
        font-size: 15px;
        margin-bottom: 15px; }
      .section-7 .comment-content p {
        font-size: 10px; }
    .section-7 .comment-left, .section-7 .comment-right {
      margin-bottom: 30px; }


    .modal_form .modal_text {
      margin-top: -85px;
    }
    .modal_window,
    .modal_thank_window {
      top: 0;
    }
    .modal_thank_window .modal_form .modal_text > span {
      font-size: 20px;
    }
    
    .modal_form input {
     
        margin: 8px auto;
        line-height: 1.8em;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .modal_form .modal_text > span {
    font-size: 20px;
  }
  .modal_thank_window .modal_form .modal_text > span {
    font-size: 30px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .modal_form .modal_text > span {
    font-size: 20px;
  }
  .modal_thank_window .modal_form .modal_text > span {
    font-size: 25px;
  }
}@media only screen and (max-height : 840px) {	.modal_window, .modal_thank_window {		top: 0;	}}

/*# sourceMappingURL=main.css.map */