@media (max-width: 575.98px) {
  nav {
    background: var(--black);
  }
  .padding_mob {
    padding-top: 150px !important;
  }

  .fs_14_mob {
    font-size: 14px !important;
  }
  .projects_img {
    width: 170px;
  }

  .footer_logo {
    width: 80px;
  }

  .social_icons_size a svg {
    width: 25px;
    height: 25px;
  }

  .dom_heading {
    height: 340px;
  }
  .dome {
    width: 200px;
    height: 200px;
  }

  .padding_top_1 {
    padding-top: 100px;
  }

  .do_img_box {
    height: 380px;
  }

  .parallax-container {
    width: 100%;
    height: 400px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  nav {
    background: var(--black);
  }
  .padding_mob {
    padding-top: 150px !important;
  }

  .fs_14_mob {
    font-size: 14px !important;
  }
  .projects_img {
    width: 170px;
  }

  .footer_logo {
    width: 80px;
  }

  .social_icons_size a svg {
    width: 25px;
    height: 25px;
  }

  .dom_heading {
    height: 340px;
  }
  .dome {
    width: 200px;
    height: 200px;
  }

  .padding_top_1 {
    padding-top: 100px;
  }

  .do_img_box {
    height: 380px;
  }

  .parallax-container {
    width: 100%;
    height: 400px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  nav {
    background: var(--black);
  }
  .padding_mob {
    padding-top: 150px !important;
  }

  .hero_section {
    min-height: 70vh;
  }

  .fs_14_mob {
    font-size: 14px !important;
  }
  .projects_img {
    width: 170px;
  }

  .footer_logo {
    width: 80px;
  }

  .social_icons_size a svg {
    width: 25px;
    height: 25px;
  }

  .dom_heading {
    height: 340px;
  }
  .dome {
    width: 200px;
    height: 200px;
  }

  .padding_top_1 {
    padding-top: 100px;
  }

  .do_img_box {
    height: 380px;
  }

  .parallax-container {
    height: 600px;
  }
}