@media(max-width:768px){


    .nav {
    
    display:none;
    
    }
    
    .nav.active {

        display:flex;
        flex-direction:column;
        position:absolute;
        top:70px;
        left:0;
        width:100%;
        background:#f5f1e8;
        z-index:1000;
    
    }
    
    
    .menu-toggle {
    
    display:block;
    
    .menu-toggle {

        display:block;
        background:none;
        border:none;
        font-size:32px;
        color:white;
        
        position:absolute;
        right:25px;
        top:20px;
        
        }
            
    
    .logo img {
    
    height:55px;
    
    }
    
    
    .hero-content h1 {
    
    font-size:2.5rem;
    
    }
    
    
    .hero-buttons {
    
    flex-direction:column;
    align-items:flex-start;
    
    }
    
    
    }
    @media(max-width:768px){


        .featured-grid {
        
        grid-template-columns:1fr;
        
        }
        
        
        .featured-content h2 {
        
        font-size:2rem;
        
        }
        
        
        .spec-grid {
        
        grid-template-columns:1fr;
        
        }
        
        
        }
        @media(max-width:768px){


            .feature-grid {
            
            grid-template-columns:1fr;
            
            }
            
            
            .why-section h2 {
            
            font-size:2rem;
            
            }
            
            
            }
            @media(max-width:768px){


                .build-section h2 {
                
                font-size:2rem;
                
                }
                
                
                .timeline-item {
                
                grid-template-columns:1fr;
                gap:15px;
                
                }
                
                
                }
                @media(max-width:768px){


                    .gallery-grid {
                    
                    grid-template-columns:1fr;
                    
                    }
                    
                    
                    .gallery-item img {
                    
                    height:250px;
                    
                    }
                    
                    
                    }
                    @media(max-width:768px){


                        .testimonial-grid {
                        
                        grid-template-columns:1fr;
                        
                        }
                        
                        
                        .testimonials h2 {
                        
                        font-size:2rem;
                        
                        }
                        
                        
                        }
                        @media(max-width:768px){


                            .footer-grid {
                            
                            grid-template-columns:1fr;
                            text-align:center;
                            
                            }
                            
                            
                            .footer-brand img {
                            
                            margin:auto;
                            
                            }
                            
                            }
                            @media(max-width:768px){


                                .nav.active {
                                
                                display:flex;
                                position:absolute;
                                top:90px;
                                left:0;
                                width:100%;
                                background:var(--charcoal);
                                
                                flex-direction:column;
                                padding:30px;
                                
                                }
                                
                                
 }
     @media(max-width:768px){


     .journal-grid {
                                    
     grid-template-columns:1fr;
                                    
     }
                                    
                                    
      .journal-card img {
                                    
     height:220px;
                                    
      }
                                    
                                    
 }
 @media(max-width:768px){


    .two-column {
    
    grid-template-columns:1fr;
    
    }
    
    
    .about-content {
    
    text-align:left;
    
    }
    
    
    }
    @media(max-width:768px){


        .faq-hero {
        
        height:50vh;
        
        }
        
        
        .faq-item {
        
        padding:20px;
        
        }
        
        
        }
        .footer-grid{

            grid-template-columns:1fr;
            text-align:center;
        
        }
        
        .footer-logo{
        
            margin:0 auto 20px;
        
        }
        .trailer-grid {

            grid-template-columns:1fr;
            
            }
/* TRAILER MODEL PAGES - MOBILE */


@media(max-width:768px){


    .model-hero {

        height:55vh;
        text-align:center;

    }


    .model-hero h1 {

        font-size:2.2rem;

    }


    .model-hero p {

        font-size:1rem;

        padding:0 15px;

    }



    .feature-list {

        padding-left:20px;

    }



    .feature-list li {

        margin-bottom:15px;

    }



    .spec-table {

        font-size:.9rem;

    }



    .spec-table td {

        padding:12px 8px;

    }


}
@media(max-width:768px) {


    /* MOBILE HEADER */
    
    .header {
    
        width:100%;
        padding:10px 0;
    
    }
    
    
    .nav-container {
    
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:90%;
        margin:auto;
    
    }
    
    
    .logo img {
    
        width:150px;
        height:auto;
    
    }
    
    
    .menu-toggle {
    
        display: block;
        font-size: 28px;
        background: #ffffff;
        border: 2px solid #2f4f2f;
        border-radius: 8px;
        color: #2f4f2f;
        cursor: pointer;
        padding: 3px 10px;
        line-height: 1;
        box-shadow: 0 2px 6px rgba(0,0,0,0.25);
        }
    
    
    .nav {
    
        display:none;
    
    }
    
    
    }
/* FINAL ADVENTURE BANNER MOBILE */

@media (max-width: 768px){

    .final-banner {
        min-height: 350px;
    }


    .final-banner-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .banner-content h2 {
        font-size: 2rem;
    }


    .banner-content p {
        font-size: 1rem;
        padding: 0 15px;
    }

}