@media(max-width:991.98px) {
     .contact-inner {
         grid-template-columns: 1fr 1.6fr;
         gap: 1rem;
         padding: 0 0 0 2rem;
     }

     .contact-left h2 {
         font-size: 3.5rem;
     }

     .contact-right {
         text-align: center;
     }

     .contact-right img {
         margin: auto;
     }

     .hero-inner {
         grid-template-columns: 0% 100%;
         gap: 3rem;
     }

     .hero-ai {
         padding: 7rem 0 3rem 0;
     }

     .hero-video img {
         width: 100%;
         top: -6.7rem;
         left: 14rem;
     }

     .vertical-wrap {
         z-index: 111;
     }

     .vertical-text {
         font-size: 1rem;
     }

     .hero-content p {
         max-width: 90%;
     }

     .feature-pill {
         padding: 1rem;
     }

     .feature-item {
         font-size: 1.2rem;
     }

     .feature-pill {
         width: 80%;
         margin: auto;
     }

     .hero-content h1 {
         font-size: 4.1rem;
     }

     .hero-content p {
         margin-bottom: 2rem;
     }

     .cta-inner h2 {
         font-size: 1.9rem;
     }

     .cta-strip {
         padding: 2.1rem 0;
     }

     .cta-btn {
         padding: .8rem 3rem;
     }

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

     .brand-right {
         width: 80%;
         grid-template-columns: repeat(2, 1fr);
         gap: 1.5rem;
     }

     .brands-inner h2 {
         margin-bottom: 2rem;
     }

     .brand-row {
         padding: 0 1rem;
     }

     .brand-left {
         width: 40%;
     }

     .brands-inner {
         padding: 3rem;
     }

     .brands-inner h2 {
         font-size: 2.3rem;
     }

     .brands-sec {
         padding: 4rem 4rem;
     }

     .about-content p {
         font-size: 1rem;
     }

     .about-invoked {
         padding: 2rem 2rem;
     }

     .contact-inner {
         padding: 0 0 0 3rem;
     }

     .what-left h2,
     .tech-text h2 {
         font-size: 4.5rem;
     }

     .what-right {
         width: 100%;
         grid-template-columns: repeat(3, 1fr) !important;
         padding: 2rem;
     }

     .what-right>* {
         grid-column: auto !important;
     }

     .what-inner {
         flex-wrap: wrap;
         gap: 0rem;
         padding: 3rem 0;
     }

     .what-left,
     .tech-icons,
     .tech-text {
         width: 100%;
         border-right: 0;
     }

     .what-left h2,
     .tech-text h2 {
         display: flex;
         gap: .8rem;
         justify-content: center;
     }

     .tech-inner {
         padding: 3rem 2rem;
         gap: 0rem;
         flex-direction: column-reverse;
     }

     .tech-icons {
         padding: 2rem 1rem;
     }

     .tech-icon img {
         max-width: 6rem;
     }

     .tech-icon {
         flex: 0 0 calc(100% / 6 - 1rem);
         max-width: calc(100% / 6 - 1rem);
     }

     .tech-icon:nth-child(n+7) {
         flex: 0 0 calc(100% / 8 - 1rem);
         max-width: calc(100% / 5 - 1rem);
     }

     .tech-icon img {
         max-width: 6rem;
     }
 }

 @media(max-width: 767.98px) {
     .hero-inner {
         grid-template-columns: 0% 100%;
         gap: 0;
         padding: 2rem;
     }

     .vertical-wrap {
         display: none;
     }

     .hero-content p {
         max-width: 100%;
     }

     .feature-pill {
         width: 100%;
     }

     .cta-inner {
         gap: 1rem;
         flex-wrap: wrap;
     }

     .brand-right {
         grid-template-columns: 1fr;
     }

     .brand-row {
         padding: 0rem;
     }

     .brand-left {
         width: 100%;
     }

     .what-right {
         grid-template-columns: repeat(2, 1fr) !important;
     }

     .tech-icon,
     .tech-icon:nth-child(n+7) {
         flex: 0 0 calc(100% / 4 - 1rem);
         max-width: calc(100% / 4 - 1rem);
     }

     .about-inner {
         grid-template-columns: 1fr;
         gap: 0rem;
     }

     .contact-inner {
         padding: 0 0 0 2rem;
         grid-template-columns: 1fr;
     }

     .contact-help {
         padding: 0rem 0;
     }

     .brands-sec {
         padding: 3rem 2rem;
     }

     .portfolio-inner {
         grid-template-columns: 1fr 1fr;
     }

     .portfolio-inner .card {
         grid-column: auto !important;
         grid-row: auto !important;
         height: auto;
     }

     .portfolio-inner .card.tall {
         grid-column: 1 / -1;
     }

     .portfolio-grid {
         padding: 2rem 2rem 3rem 2rem;
     }
 }

 @media (max-width: 575.98px) {

     .hero-content h1,
     .hero-content h2 {
         font-size: 3.1rem;
     }

     .hero-content p {
         font-size: 1.2rem;
     }

     .feature-item {
         padding: 0;
     }

     .portfolio-inner {
         grid-template-columns: 1fr;
         gap: 1.25rem;
     }

     .brands-inner {
         padding: 2rem;
     }

     .tech-icons {
         gap: 2rem 4rem;
     }

     .about-content h2 .invoked-font {
         left: 12rem;
     }

     #sentence-wrapper {
         width: 100% !important;
         padding: 0;
     }

     .our-work-heading {
         padding: 3rem 2rem 0 2rem;
     }

     .what-left h2,
     .tech-text h2 {
         font-size: 3.5rem;
     }

     .about-content h2 {
         font-size: 5rem;
     }
 }

 @media (max-width: 479.98px) {
     .hero-video img {
         display: none;
     }

     .hero-content h1,
     .hero-content h2 {
         font-size: 2.7rem;
     }

     .hero-content p {
         font-size: 1rem;
     }

     .service-box {
         padding: 1.5rem;
         gap: 1rem;
     }

     .hero-inner {
         padding: 1rem 2rem;
     }

     .service-box h4 {
         font-size: 1.3rem;
     }

     .service-box img {
         width: 4rem;
     }

     .brands-inner h2 {
         font-size: 2rem;
     }

     .brand-row {
         flex-wrap: wrap;
     }

     .brand-right {
         width: 90%;
         margin: auto;
     }

     .what-right {
         grid-template-columns: 1fr !important;
     }

     .what-left h2,
     .tech-text h2 {
         flex-wrap: wrap;
     }

     .tech-icons {
         gap: 2rem 6rem;
     }

     .about-content h2 .invoked-font {
         position: static;
     }

     .about-content h2 {
         font-size: 4rem;
         margin-bottom: -2rem;
     }

     .sentence,
     .words {
         margin-bottom: 0;
         padding-bottom: 1rem;
     }

     .contact-left h2 {
         font-size: 2.5rem;
     }

     .contact-inner {
         padding: 2rem;
     }

     .contact-left {
         margin-right: 0 !important;
     }

     .contact-inner {
         display: block;
     }

     .contact-left,
     .contact-right {
         width: 100%;
         max-width: 100%;
     }

     .contact-form-wrap {
         padding: 2rem;
         box-sizing: border-box;
     }

     .contact-form-wrap iframe {
         width: 257px;
     }

     .contact-heading {
         font-size: 1.6rem;
     }

     .contact-form-wrap {
         padding: 1.5rem;
     }
 }

 @media (max-width: 374.98px) {
     .contact-left h2 {
         font-size: 2.3rem;
     }

     .contact-form-wrap iframe {
         width: 223px;
     }

     .hero-content h1,
     .hero-content h2 {
         font-size: 2.3rem;
     }

     .main-header-site-logo a img {
         width: 2.2rem ! IMPORTANT;
     }

     .cta-inner h2 {
         font-size: 1.6rem;
     }

     .service-box h4 {
         font-size: 1.2rem;
     }

     .contact-form-wrap input,
     .contact-form-wrap textarea {
         padding: 0.9rem 1.2rem;
     }
 }

 .wpcf7 form.sent .wpcf7-response-output {
     border-color: #7a1eee;
     color: #e6d3ff;
 }

 .contact-left {
     padding: 0;
     margin-right: 2rem;
 }