/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .section,
  .about-content {
    padding: 3.2rem 2.4rem 4.2rem 2.4rem;
  }

  .scroll-to-top {
    transform: translate(-50%, -50%);
    z-index: 100;
  }

  .link {
    font-size: 6rem;
  }
  .about-btn-container {
    margin-top: 0rem;
  }
}

/* Small devices (landscape phones, less than 768px) */
/* @media (max-width: 769px) { */

@media only screen and (max-width: 769px) {
  /* *********************************************** */
  /* Common elements for all pages */
  /* *********************************************** */
  .overImg {
    width: 90vw;
  }

  .navigation {
    justify-content: start;
  }

  .nav {
    width: 100vw;
    padding: 1rem;
  }

  .div-links {
    grid-template-columns: 1fr;
    /* background-color: red;   */
  }

  .logo {
    width: 18rem;
  }

  .navigation {
    align-items: start;
    padding-top: 15.4rem;
  }

  .contanier {
    padding-left: 1.2rem;
    /* padding: 0 2.4rem; */
  }

  .div-links {
    column-gap: 0rem;
    width: 100%;
  }

  .link {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    /* letter-spacing: 1px; */
    /* width: 17rem; */
  }

  .num {
    font-size: 1rem;
  }

  .home-btns {
    margin-top: -7.4rem;
  }

  /* -------------------------------------------------------------------------- */
  /*                               Section Footer                               */
  /* -------------------------------------------------------------------------- */
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.2rem;
  }

  .address-alignment {
    margin-left: 0rem;
  }

  .email-logo {
    width: 30rem;
  }

  .footer-project-links {
    height: 35rem;
  }

  .footer-links-title {
    font-size: 3.2rem;
    padding-top: 1.2rem;
    padding-bottom: 2rem;
  }

  .div-quick-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .quick-link {
    font-size: 1.4rem;
    place-self: start;
    margin: 0 0.8rem;
  }

  .top-icon {
    font-size: 5.6rem;
    margin-right: -3.1rem;
    margin-bottom: -2rem;
  }

  /* *********************************************** */
  /* Common elements */
  /* *********************************************** */
  .page {
    padding-left: 2.4rem;
  }

  .section-title {
    font-size: 3rem;
  }

  .section-content {
    padding: 2.4rem 0rem;
  }

  /* About Us */

  .page-title {
    font-size: 3rem;
  }

  /* .page-content {
    padding: 3.2rem 0rem;
    width: 100%;
    margin-left: 0;
  } */

  /* Projects Page */
  /* .content-project {
    width: 100%;
    padding: 3.2rem 1.2rem;
  }

  .div-projects {
    row-gap: 8rem;
  }

  .project {
    flex-direction: column;
    gap: 2.4rem;
  }

  .project-title {
    font-size: 4.8rem;
    text-align: center;
  }

  .project-text {
    font-size: 1.6rem;
    text-align: center;
  }

  .div-project-img {
    width: 100%;
  }

  .project-img {
    width: 100%;
    height: auto;
    padding: -1rem 5rem;
  }

  .project-link {
    display: block;
    text-align: center;
    margin-top: 2rem;
  } */

  .omech-grp-img {
    display: none;
  }

  .div-about-omech {
    height: 60rem;
  }

  .info-omech {
    font-size: 1.4rem;
    margin-left: 0.6rem;
  }

  .div-about-furnomech {
    flex-direction: column;
    align-items: flex-start;
  }

  .info-furnomech-grp {
    width: 90%;
  }

  .info-title-text {
    font-size: 3rem;
  }

  .furnomech-stats {
    margin-top: 1rem;
    width: 90%;
    row-gap: 2.2rem;
  }

  .stat-num {
    font-size: 4rem;
  }

  .stat-desc {
    font-size: 1.2rem;
  }

  .page-sub-title {
    font-size: 3rem;
  }

  .sub-content-wrapper {
    overflow: hidden;
  }

  .div-our-team {
    overflow-x: scroll;
    padding-left: 46rem;
    padding-right: 40rem;
  }

  /* Contact US */

  .div-page-title {
    margin-left: -2rem;
  }

  .map-address {
  }

  .div-sub-title {
    margin: 3.2rem 0;
    margin-left: -2rem;
  }

  .form-contact-us {
    width: 28rem;
    margin-left: -2rem;
  }

  .input,
  label {
    padding: 1rem 0.4rem;
    font-size: 1.2rem;
  }

  /* -------------------------------------------------------------------------- */
  /*                                Projects Page                               */
  /* -------------------------------------------------------------------------- */

  /* .project {
    width: min-content;
    flex-direction: column;
    justify-content: center;
    gap: 1.2rem;
    align-items: start;
  }

  .project-img {
    width: 28rem;
  }

  .project-title {
    font-size: 4.2rem;
  }

  .project-text {
    font-size: 1.2rem;
  }

  .project-link {
    font-size: 1.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  } */

  /* -------------------------------------------------------------------------- */
  /*                           Individual Project page                          */
  /* -------------------------------------------------------------------------- */

  .mainp-header {
    width: 90vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }

  .p-main-img {
    width: 100%!important;
    margin: 1.2rem;
  }

  .div-project-header {
    align-items: center;
  }

  .p-header-para {
    display: none;
  }

  .p-header-title {
    text-align: center;
    font-size: 4.2rem;
  }

  .p-header-overlay {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    width: 90vw;
    margin: 12px;
  }

  .p-overlay-align h1,
  .p-overlay-align p {
    font-size: 1.2rem;
  }

  .mainp-about {
    margin-left: 0;
    margin-right: 0;
  }

  .page-sub-title {
    text-align: start;
    margin: 1rem;
  }

  .p-about-para-div {
    margin: 0;
    padding: 0;
  }

  .p-about-para {
    font-size: 1.2rem;
  }

  .project-gallery {
    margin-left: 0;
    margin-right: 0;
  }

  .div-project-gallery {
    /* grid-template-columns: 1fr;
    row-gap: 0;
    margin-left: 0;
    margin-right: 0; */
    gap: 2.4rem;
  }

  /* -------------------------------------------------------------------------- */
  /*                               Categories Page                              */
  /* -------------------------------------------------------------------------- */
  .page {
    padding-left: 0;
  }
  
  .page-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }

  .div-categories-sidebar,
  .div-display-categories {
    width: 95vw;
    min-height: fit-content;
  }

  .div-sidebar-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .btn-collapse {
    display: block;
    margin-right: 2.4rem;
    font-size: 2.4rem;
    transition: all 0.2s;
  }

  .sidebar-title {
    font-size: 3.2rem;
    margin-bottom: 0;
  }

  .div-sidebar-content {
    display: none;
    margin-top: 1.6rem;
    transform: translateY(-100%);
    transition: all 0.3s;
  }

  .display-categories-wrapper {
    margin: 1.2rem;
    margin-right: 0;
  }

  .categories-title {
    font-size: 3.2rem;
    margin: 0 2.4rem;
  }

  .display-category-title {
    font-size: 1.2rem;
  }

  .div-display-categories {
    margin-bottom: 2.4rem;
  }

  .div-image-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
  }

  .image-category {
    width: 90vw;
  }

  /* -------------------------------------------------------------------------- */
  /*                               Contact Us Page                              */
  /* -------------------------------------------------------------------------- */
  .page-contact-us {
    padding: 8rem 1.2rem 4.8rem 1.2rem;
  }

  .page-title {
    margin-left: 1.8rem;
  }

  .form-contact-us {
    margin: 0 1.2rem;
  }

  .form-contact-us {
    width: 90vw;
    grid-template-columns: 1fr;
  }

  .form-message {
    grid-column: 1;
  }

  .input {
    width: 90vw;
  }

  .captcha-text,
  .captcha-lable-input {
    font-size: 1.6rem;
    width: min-content;
  }

  .captcha-sum {
    width: 10ch;
  }

  .captcha {
    font-size: 1.8rem;
  }

  .captcha-sum {
    font-size: 1.4rem;
  }

  .incorrect-message {
    font-size: 2rem;
  }

  .btn-submit {
    font-size: 1.4rem;
  }
  .map-address {
    width: 88vw;
    padding: 0rem;
  }
}