/* =========================================
   LARGE TABLETS
========================================= */

@media(max-width:1200px){

  .hero h1,
  .software-hero-text h1,
  .product-hero-text h1,
  .about-hero h1,
  .contact-hero h1,
  .legal-hero h1,
  .refund-hero h1{
    font-size:4rem;
  }

}

/* =========================================
   TABLETS
========================================= */

@media(max-width:992px){

  /* NAVIGATION */

  .desktop-nav,
  .nav-actions{
    display:none;
  }

  .mobile-menu-toggle{
    display:block;
  }

  /* HERO */

  .hero h1,
  .software-hero-text h1,
  .product-hero-text h1,
  .about-hero h1,
  .contact-hero h1,
  .legal-hero h1,
  .refund-hero h1{
    font-size:3rem;
  }

  /* SOFTWARE */

  .software-hero-grid,
  .product-hero-grid,
  .company-story-grid,
  .culture-grid,
  .product-details-grid,
  .main-contact-grid,
  .legal-layout{
    grid-template-columns:1fr;
  }

  .software-grid,
  .values-grid,
  .team-grid,
  .highlight-grid,
  .refund-grid,
  .refund-process-grid{
    grid-template-columns:1fr;
  }

  .pricing-grid{
    grid-template-columns:1fr;
  }

  /* FEATURES */

  .features-grid{
    grid-template-columns:1fr;
  }

  /* CONTACT */

  .contact-cards-grid{
    grid-template-columns:1fr;
  }

  /* FOOTER FIX */

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }

  /* TIMELINE */

  .timeline::before{
    left:20px;
  }

  .timeline-item{
    width:100%;
    left:0 !important;

    text-align:left !important;

    padding-left:60px;
  }

  .timeline-dot{
    left:11px !important;
    right:auto !important;
  }

}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

  /* GENERAL */

  .container{
    width:min(92%,1400px);
  }

  section{
    overflow:hidden;
  }

  /* HERO */

  .hero,
  .software-hero,
  .product-hero,
  .about-hero,
  .contact-hero{
    text-align:center;
  }

  .hero-buttons{
    justify-content:center;
    flex-wrap:wrap;
  }

  .hero h1,
  .software-hero-text h1,
  .product-hero-text h1,
  .about-hero h1,
  .contact-hero h1,
  .legal-hero h1,
  .refund-hero h1,
  .success-card h1{
    font-size:2.5rem;
  }

  /* FLOATING DASHBOARD */

  .floating-dashboard{
    height:420px;
    transform:scale(0.75);
  }

  /* SPECS */

  .specs-grid{
    grid-template-columns:1fr;
  }

  /* FORMS */

  .form-grid{
    grid-template-columns:1fr;
  }

  /* GALLERY */

  .productGallerySwiper img{
    height:400px;
  }

  /* FOOTER */

  .footer{
    padding:80px 0 30px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:50px;
  }

  .footer-brand{
    text-align:center;
  }

  .newsletter{
    flex-direction:column;
    gap:15px;
  }

  .newsletter input{
    border-radius:14px;
  }

  .newsletter button{
    border-radius:14px;
    width:100%;
  }

  .footer a{
    margin:14px 0;
  }

  /* LEGAL */

  .legal-content{
    padding:35px 25px;
  }

  /* SUCCESS */

  .success-card{
    padding:60px 30px;
  }

  .success-buttons{
    flex-direction:column;
  }

  /* DISPUTE */

  .dispute-box{
    padding:70px 25px;
  }

  .dispute-box h2{
    font-size:2rem;
  }

  /* CANCELLATION */

  .cancellation-box{
    padding:40px 25px;
  }

  /* STORY STATS */

  .story-stats{
    flex-direction:column;
    gap:25px;
  }

  /* CULTURE */

  .culture-images{
    grid-template-columns:1fr;
  }

}

/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

  .hero h1,
  .software-hero-text h1,
  .product-hero-text h1,
  .about-hero h1,
  .contact-hero h1,
  .legal-hero h1,
  .refund-hero h1{
    font-size:2.1rem;
  }

  .btn{
    width:100%;
    justify-content:center;
  }

  .cta-box,
  .software-cta-box,
  .about-cta-box,
  .contact-cta-box,
  .product-final-box{
    padding:60px 25px;
  }

}


/* HOMEPAGE PRICING */

@media(max-width:992px){

  .homepage-pricing-grid{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:768px){

  .homepage-pricing-grid{
    grid-template-columns:1fr;
  }

  .homepage-price{
    font-size:3rem;
  }

}