/* Large desktops and laptops  */
@media (min-width: 1660px) {
  .container {
    width: 1620px;
    max-width: 1620px;
  }
}
@media (min-width: 1440px) and (max-width: 1659px) {
  .container {
    width: 95%;
    max-width: 95%;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 95%;
  }
}
/* Large desktops and laptops */
@media (min-width: 1360px) and (max-width: 1439px) {
  .container {
    width: 95%;
    max-width: 95%;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 95%;
  }
}
/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1359px) {
  .container {
    width: 95%;
    max-width: 95%;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 95%;
  }
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 95%;
  }
  .container,
  .container-md,
  .container-sm {
    max-width: 95%;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .main-year {
    font-size: 2em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .bg-year {
    font-size: 6em;
  }
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .swal2-modal {
    padding: 20px 45px;
  }
  .container {
    max-width: 95% !important;
    width: 95% !important;
  }
  #body.index-layout .section1 {
    padding: 50px 0;
  }
  #body.index-layout .section1 .section-title {
    font-size: 2.6em;
  }
  #body.index-layout .section2 .section-title {
    font-size: 2.6em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .main-year {
    font-size: 2em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .bg-year {
    font-size: 6em;
  }
  #body.index-layout .section3 .section-title {
    font-size: 2.6em;
  }
  #body.index-layout .section3 .action-btn {
    margin-bottom: 25px;
  }
  #body.index-layout .section4 .section-title {
    font-size: 2em;
  }
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .swal2-modal {
    padding: 25px;
  }
  #body.index-layout .section1 {
    padding: 50px 0;
  }
  #body.index-layout .section1 .section-title {
    font-size: 2em;
  }
  #body.index-layout .section1 .vertical-separator {
    margin: 65px auto;
  }
  #body.index-layout .section2 .section-title {
    font-size: 2.4em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .main-year {
    font-size: 2em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .bg-year {
    font-size: 6em;
  }
  #body.index-layout .section3 .section-title {
    font-size: 2.5em;
  }
  #body.index-layout .section3 .action-btn {
    margin-bottom: 25px;
  }
  #body.index-layout .section4 .section-title {
    font-size: 2em;
  }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .swal2-modal {
    padding: 25px;
  }
  #body.index-layout .section1 {
    padding: 50px 0;
  }
  #body.index-layout .section1 .section-title {
    font-size: 2em;
  }
  #body.index-layout .section1 .vertical-separator {
    margin: 65px auto;
  }
  #body.index-layout .section2 .section-title {
    font-size: 2.4em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .main-year {
    font-size: 2em;
  }
  #body.index-layout .section2 .timeline-section .timeline-contnets .bg-year {
    font-size: 6em;
  }
  #body.index-layout .section3 .section-title {
    font-size: 2.5em;
  }
  #body.index-layout .section3 .action-btn {
    margin-bottom: 25px;
  }
  #body.index-layout .section4 .section-title {
    font-size: 2em;
  }
}