/* 1200 */
@media only screen
and (max-width : 1200px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  section#picture-container .image-container {
    width: 100%;
  }
  .benefit-container .benefit {
    flex-direction: column;
  }
  .benefit-container .benefit .image-container {
    order: 1 !important;
    width: calc(100% - 40px);
  }
  .benefit-container .benefit .description-container {
    padding: 0 !important;
    margin: 40px 0 0 0 !important;
    border: none !important;
    width: 100%;
    height: auto;
    order: 2 !important;
  }
  .benefit-container .benefit .description-container h2,
  .benefit-container .benefit .description-container p {
    text-align: center;
  }
  section#book-container {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 400px;
    background-position: center left calc(50% + 90px);
    background-size: auto 100%;
    margin: -50px 0 100px 0;
  }
  body.online-megrendeles section#book-container {
    display: none;
  }  
  .about-container {
    flex-direction: column;
    margin-top: 30px;
  }
  .about-container .image-container {
    order: 2;
    margin: 50px auto 0 auto;
    max-width: calc(100% - 40px);
  }
  .about-container .description-container {
    order: 1;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  section#order-process-container .order-process-wrapper {
    width: 100%;
  }
}

/* 576 */
@media only screen
and (max-width : 576px) {
  section#picture-container {
    height: 200px;
  }
  #order-form .order-details .row:not(.fixed-row) {
    flex-direction: column;
    align-items: flex-start;
  }
  #order-form .order-details label {
    margin-bottom: 5px;
  }
  #order-form .order-details input:not([type="checkbox"]):not([name="quantity"]),
  #order-form .order-details textarea {
    width: 100% !important;
  }
  #order-form .order-details input[name="invoice_city"],
  #order-form .order-details input[name="shipping_city"] {
    margin: 5px 0 -10px 0;
  }
  #order-form .step-sum .sum {
    width: 100%;
  }
  #order-form .step-sum {
    flex-direction: column;
  }
  #order-button,
  #back-button {
    width: 100%;
    margin: 0;
  }
  #back-button {
    order: 2;
    margin-top: 10px;
  }
  #order-form p.barion {
    padding-left: 0;
  }
  #order-form p.barion img {
    height: 25px;
  }
  #order-form .breadcrumb span:not(:last-child) {
    display: none;
  }
  #order-form .shipping-options a i {
    display: none;
  }
  footer #help-container .container {
    flex-direction: column;
  }
  footer #help-container a {
    margin-left: 0;
  }  
}

/* 375 */
@media only screen
and (max-width : 375px) {
  #order-form .shipping-options a {
    padding: 0 10px;
    font-size: 14px;
  }  
}