/********************/
/*BELOW 1344px (Smaller desktops)*/
/********************/

@media (max-width: 100em) {
    .heading-info {
        font-size: 3rem;
    }
    .section-info{
        padding: 6.3rem;
    }
    .info-container {
        padding: 3.2rem;
    }
}

@media (max-width: 83em) {

    html {
        /* 9px /16px */
        font-size: 56.25%;
      }

      .gallery-grid {
          grid-template-columns: repeat(2, 1fr);
      }
    .heading-info {
        font-size: 2.5rem;
    }
}

@media (max-width: 75em) {
    html {
        /* 9px /16px */
        font-size: 50%;
      }
}

@media (max-width: 63em) {
   
    .section-info {
        grid-template-columns: 1fr;
        padding: 9.6rem;
    }

    .info-container {
        padding: 3rem;
    }

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

}

/* //700px\\  */
@media (max-width: 43.8em) {

    .section-info {
        padding: 6.3rem;
    }
    .title-heading {
      font-size: 5rem;
    }
    .title-sub-heading {
        font-size: 5rem;
    }

    .info-container{
        padding: 1.8rem;
    }
}

/* 630xp  */
@media (max-width: 39.4em) {

    .section-info {
        padding: 3rem;
    }

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

    .title-heading {
        font-size: 4rem;
      }

    .title-sub-heading {
        font-size: 4rem;
      }

      .cta-text-box {
        padding: 2.4rem 3.2rem 3.2rem 3.2rem;
      }
}

/* 520  */
@media (max-width: 32.5em) {
    
    .heading-info {
        font-size: 1.9rem;
    }

    .section-info {
        padding: 2.5rem;
    }

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

    .title-heading {
        font-size: 2.5rem;
      }

    .title-sub-heading {
        font-size: 2.5rem;
      }
}