@media screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* mediaquery for laptop *************/

@media screen and (max-width: 1200px) {
  .container {
    max-width: 960px;
  }

  .nav {
    display: none;
  }

  .facilities > h2:nth-child(2)::before,
  .facilities > h2:nth-child(2)::after {
    display: none;
  }

  .plant-container > h2:nth-child(2)::before,
  .plant-container > h2:nth-child(2)::after {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .mobile-menu {
    display: none;
  }
}

/* mediaquery for tablet ****************************/

@media screen and (max-width: 768px) {
  .container {
    max-width: 540px;
  }

  header {
    padding: 20px 0px;
  }

  .header-container > a {
    font-size: 18px;
  }
  .bnr-txt-area {
    width: 100%;
    text-align: center;
  }
  h2 {
    font-size: 80px;
  }

  .welcome-right > P:nth-child(1) {
    font-size: 70px;
  }

  .facility-card {
    flex-basis: 48%;
  }

  .section-3-container > img {
    width: 100%;
  }
  .section-3 > img {
    bottom: -80px;
  }
  .col {
    flex-basis: 33%;
  }
  .col-3 {
    padding-left: 0px;
  }
}

/* mediaquery for mobile *******************************/

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

  .bnr-txt-area > img {
    margin-bottom: 25px;
    width: 60%;
  }

  .welcome-left,
  .welcome-right {
    flex-basis: 100%;
  }
  .welcome-left {
    text-align: center;
  }

  .welcome-left > img {
    width: 50%;
  }

  .welcome-right > P:nth-child(1) {
    font-size: 60px;
  }

  .welcome-right > P:nth-child(2) {
    font-size: 30px;
    margin-left: 40px;
  }
  .welcome-right > P:nth-child(3) {
    margin-left: 40px;
  }

  h2 {
    font-size: 60px;
  }

  .facilities > p:nth-child(1),
  .plant-container > p:nth-child(1) {
    font-size: 15px;
  }

  .facilities > p:nth-child(3),
  .plant-container > p:nth-child(3) {
    font-size: 18px;
  }

  .facility-card {
    flex-basis: 100%;
  }

  .section-3-container > p {
    font-size: 18px;
  }

  .section-3 > img {
    bottom: -40px;
  }

  .col {
    flex-basis: 100%;
    text-align: center;
  }

  .col-2 {
    padding-left: 0px;
  }
}