@media all and (max-width: 1368px) {
  /* h1 {font-size:50px;}
    h2 {font-size:28px;}
    h3 {font-size:30px;}
    h4 {font-size:18px;}
    h5 {font-size:16px;}
    h6 {font-size:14px;} */
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1200px) {
  .container {
    max-width: 100%;
  }
}

@media all and (max-width: 1024px) {
  .container {
    max-width: 100%;
  }
}

@media all and (max-width: 992px) {
}

@media all and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 38px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 18px;
  }
  label {
    font-size: 18px;
  }
  p {
    font-size: 16px;
  }
  .mb-6 {
    margin-bottom: 50px;
  }
  .qartemi-banner-sec figure {
    margin-bottom: 0px;
  }
  .qartemi-banner-sec .content p {
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 18px;
  }
  footer .accordion-collapse.show {
    height: calc(100vh - 65px);
  }
  .btn,
  .btn:hover,
  .btn:focus {
    padding: 5px 20px;
  }
  footer .accordion-button,
  .accordion-button:not(.collapsed) {
    padding: 16px 20px;
  }
}

@media all and (max-width: 576px) {
}

@media all and (max-width: 480px) {
}

@media all and (max-width: 360px) {
}