/*==================================================
ROSSI QUICK FIT
RESPONSIVE DESIGN
© 2026 NoveaTech. All Rights Reserved.
==================================================*/

/*=====================================
LARGE DESKTOP
=====================================*/

@media(min-width:1400px) {
  .container {
    max-width:1350px;
  }

  .hero-content {
    max-width:850px;
  }

  .hero h1 {
    font-size:5rem;
  }

}

/*=====================================
LAPTOPS
=====================================*/

@media(max-width:1200px) {
  .container {
    width:92%;
  }

  .nav-links {
    gap:22px;
  }

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

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

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

}

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

@media(max-width:900px) {

  /* HEADER */

  .nav-links {
    position:fixed;
    top:90px;
    left:-100%;
    width:100%;
    height:calc(100vh - 90px);
    background:white;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding-top:50px;
    gap:35px;
    transition:.4s;
  }

  .nav-links.active {
    left:0;
  }

  .nav-links a {
    color:#111;
    font-size:1.1rem;
  }

  .book-btn {
    display:none;
  }

  .menu-btn {
    display:block;
  }

  /* HERO */

  .hero {
    height:auto;
    min-height:850px;
    padding-top:130px;
  }

  .hero-overlay {
    background: linear-gradient( rgba(0,0,0,.8), rgba(0,0,0,.65) );
  }

  .hero-content {
    text-align:center;
    margin:auto;
  }

  .hero p {
    margin-left:auto;
    margin-right:auto;
  }

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

  .hero-features {
    justify-content:center;
  }

  /* SERVICES */

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

  /* ABOUT */

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

  .about-image {
    max-width:700px;
    margin:auto;
  }

  .about-content {
    text-align:center;
  }

  .about-features {
    text-align:left;
  }

  /* GALLERY */

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

  /* CONTACT */

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

  .contact-info {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
  }

  /* STATS */

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

  /* TESTIMONIALS */

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

}

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

@media(max-width:600px) {
  .container {
    width:90%;
  }

  /* HEADER */

  nav {
    height:80px;
  }

  .logo img {
    height:55px;
  }

  .menu-btn {
    font-size:26px;
  }

  /* HERO */

  .hero {
    min-height:780px;
  }

  .hero h1 {
    font-size:2.35rem;
    line-height:1.2;
  }

  .hero p {
    font-size:.95rem;
    line-height:1.7;
  }

  .tag {
    font-size:.75rem;
    padding:8px 16px;
  }

  .hero-buttons {
    flex-direction:column;
    align-items:center;
    gap:15px;
  }

  .primary-btn, .secondary-btn {
    width:100%;
    max-width:320px;
    text-align:center;
  }

  .hero-features {
    flex-direction:column;
    align-items:center;
    gap:15px;
    font-size:.9rem;
  }

  .hero-scroll {
    display:none;
  }

  /* SECTIONS */

  section {
    padding:70px 0;
  }

  .section-title {
    margin-bottom:45px;
  }

  .section-title h2 {
    font-size:2rem;
  }

  /* SERVICES */

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

  .service-card {
    padding:35px 25px;
  }

  /* ABOUT */

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

  .experience-box {
    right:10px;
    bottom:15px;
    padding:18px;
  }

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

  /* BRANDS */

  .brand-grid {
    grid-template-columns: repeat(2,1fr);
    gap:20px;
  }

  .brand-grid img {
    height:75px;
    padding:15px;
  }

  /* GALLERY */

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

  .gallery-item {
    height:250px;
  }

  /* STATS */

  .stats-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  .stat-box h2 {
    font-size:2.8rem;
  }

  /* TESTIMONIALS */

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

  .testimonial-card {
    padding:30px 25px;
  }

  /* CTA */

  .cta h2 {
    font-size:2.1rem;
  }

  .cta p {
    font-size:.95rem;
  }

  /* CONTACT */

  .contact-item {
    justify-content:flex-start;
  }

  .contact-grid {
    gap:40px;
  }

  /* FOOTER */

  .footer-grid {
    grid-template-columns:1fr;
    text-align:center;
  }

  .social-links {
    justify-content:center;
  }

  footer {
    padding:60px 0 25px;
  }

}