/* PC */
@media only screen and (max-width: 1600px) {
   /* ELECTRICIAN & SOFTWARE - REFERENCES SECTION */
   .references .gallery-grid {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media only screen and (max-width: 1300px) {
   /* GENERAL */
   :root {
      --primary-margin: 0 10%;
   }

   /* INDEX - ABOUT US SECTION */
   #about-us-image {
      left: -250px;
   }
}

@media only screen and (max-width: 1200px) {
   /* GENERAL */
   :root {
      --secondary-margin: 0 5%;
   }

   /* ELECTRICIAN - TESTIMONIALS SECTION */
   .testimonials .section-container-wide .link.link-primary {
      right: 5%;
   }
}

@media only screen and (max-width: 1100px) {
   /* ELECTRICIAN & SOFTWARE - REFERENCES SECTION */
   .references .gallery-grid {
      grid-template-columns: repeat(2, 1fr);
   }

   /* FOOTER SECTION */
   .footer .contact-form-container h2 {
      text-align: left;
   }
}

@media only screen and (max-width: 950px) {
   /* INDEX - HERO SECTION */
   .hero .row .col-1 {
      width: 100%;
   }

   /* INDEX - ABOUT US SECTION */
   #about-us-image {
      left: -350px;
   }

   /* ELECTRICIAN - SERVICES SECTION */
   .hero-electrician .electrician-services-grid {
      grid-template-columns: 1fr 1fr;
   }

      .hero-electrician .electrician-services-grid ul {
         min-width: 50%;
      }
}

/* TABLET */
@media only screen and (max-width: 768px) {
   /* GENERAL */
   :root {
      --primary-margin: 0 5%;
   }

   h1 {
      font-size: var(--font-size--h1-tb);
   }

   h2 {
      font-size: var(--font-size--h2-tb);
   }

   .section-container .subtitle {
      font-size: var(--font-size--lg);
   }

   /* NAV BAR */
   nav ul {
      display: none;
   }

   nav .hamburger {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   /* INDEX - ABOUT US SECTION */
   .about-us .section-container .row .card-container {
      width: 100%;
      justify-content: center;
   }

   .about-us .image-container {
      display: none;
   }

   /* FOOTER SECTION */
   .footer .grid {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
   }

   .footer .contacts-container {
      grid-row: 2;
      grid-column-start: 1;
      grid-column-end: 3;
   }

   .footer .contacts {
      grid-row: 2;
      grid-column-start: 1;
      grid-column-end: 3;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: var(--spacing-md);
      flex-wrap: wrap;
   }

   .footer .contact-form-container {
      grid-row: 1;
      grid-column-start: 1;
      grid-column-end: 3;
   }

   /* ELECTRICIAN - TESTIMONIALS SECTION */
   .testimonials .section-container-wide .review-row > a {
      min-width: 200px;
      max-width: 280px;
   }

   /* ELECTRICIAN - FAQ SECTION */
   .faq-grid {
      grid-template-columns: 1fr;
   }

   /* SOFTWARE DEVELOPMENT - HERO SECTION */
   .hero-software {
      background-image: linear-gradient( to right, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 1) 100% ), url("../Images/hero-software-1500x1000.jpg");
   }

   /* SOFTWARE DEVELOPMENT - STEPS */
   .software-development .col-2:nth-child(1) {
      width: 60%;
   }

   .software-development .col-2:nth-child(2) {
      width: 40%;
   }

   .software-development .development-steps .development-steps-image-container {
      right: -67%;
      width: 67%;
   }
}

@media only screen and (max-width: 630px) {
   /* ELECTRICIAN & SOFTWARE - REFERENCES SECTION */
   .references .gallery-container {
      margin: var(--spacing-sm) 0;
      justify-content: center;
   }

   .references .gallery-grid {
      grid-template-columns: repeat(1, 1fr);
   }

   /* ELECTRICIAN - PARTNERS SECTION */
   article .electrician-partners .section-container .ep-grid {
      grid-template-columns: 1fr;
   }

   /* SOFTWARE SERVICES */
   .software-services .subtitle {
      padding-bottom: var(--spacing-lg);
   }

   /* SOFTWARE DEVELOPMENT - STEPS */
   .software-development .col-2:nth-child(1) {
      width: 100%;
   }

   .software-development .col-2:nth-child(2) {
      width: 0;
   }

   .software-development .development-steps-default-image {
      visibility: hidden;
   }

   .software-development .development-steps .development-steps-image-container {
      width: 0;
      visibility: hidden;
   }

   /* PREDICTIVE MAINTENANCE - STEPS */
   .predictive-maintenance .col-2:nth-child(1) {
      width: 100%;
   }

   .predictive-maintenance .col-2:nth-child(2) {
      width: 0;
   }

   .predictive-maintenance .maintenance-steps-default-image {
      visibility: hidden;
   }

   .predictive-maintenance .maintenance-steps .maintenance-steps-image-container {
      width: 0;
      visibility: hidden;
   }
}

/* PHONE */
@media only screen and (max-width: 550px) {
   /* GENERAL */
   h1 {
      font-size: var(--font-size--h1-ph-md);
   }

   h2 {
      font-size: var(--font-size--h2-ph-md);
   }

   p {
      font-size: var(--font-size--sm);
   }

   td {
      font-size: var(--font-size--sm);
   }

   span {
      font-size: var(--font-size--sm);
   }

   .section-container .subtitle {
      font-size: var(--font-size--md);
   }

   /* ADDRESS BAR */
   address {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   /* MOBILE NAV */
   .mobile-nav {
      top: 70px;
   }

   /* INDEX - HERO SECTION */
   .hero {
      background-image: linear-gradient( to right, rgba(34, 34, 34, 1) 60%, rgba(34, 34, 34, 0) ), url(/Images/Hero_image.jpg);
   }

      .hero .row .col-1 .row {
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
      }

   /* FOOTER SECTION */
   .footer .grid {
      grid-template-areas:
         "location contact"
         "privacy social";
   }

   .footer .social {
      height: 40px;
   }

   .facebook-link:before {
      top: 0px;
      left: 0px;
   }

   .linkedin-link:before {
      top: 0px;
      left: 40px;
   }

   .google-link:before {
      top: 0px;
      left: 80px;
   }

   /* ELECTRICIAN - HERO SECTION */
   .hero-electrician {
      padding-top: var(--spacing-xl);
   }

      /* ELECTRICIAN - SERVICES SECTION */
      .hero-electrician .section-container .electrician-services-grid {
         grid-template-columns: 1fr;
      }

         .hero-electrician .electrician-services-grid ul {
            min-width: 100%;
         }
}

@media only screen and (max-width: 480px) {
   /* ELECTRICIAN - TESTIMONIALS SECTION */
   .testimonials {
      padding: var(--spacing-md) 0;
   }

      .testimonials .section-container-wide .link.link-primary {
         position: initial;
      }

   /* SOFTWARE DEVELOPMENT - HERO SECTION */
   .hero-software {
      visibility: hidden;
   }

   /* FOOTER SECTION */
   .footer .grid {
      grid-template-areas:
         "contact"
         "location"
         "privacy"
         "social";
   }
}

@media only screen and (max-width: 400px) {
   /* GENERAL */
   h1 {
      font-size: var(--font-size--h1-ph-sm);
   }

   h2 {
      font-size: var(--font-size--h2-ph-sm);
   }

   li {
      line-height: var(--font-size--md);
   }

   /* INDEX - SERVICES SECTION */
   .services .card:nth-child(2) .top ul li::before {
      position: absolute;
      top: 0px;
   }

   /* FOOTNOTES SECTION*/
   .footnotes p {
      font-size: var(--font-size--xs);
   }
}