/* =========================
   TABLET RESPONSIVE
========================= */


@media (max-width: 1100px) {



    /* Navigation */

    .nav-links {

        gap:18px;

    }




    /* Stats */

    .stats {

        grid-template-columns:repeat(2,1fr);

    }





    /* Services */

    .services-grid {

        grid-template-columns:repeat(2,1fr);

    }





    /* Pricing */

    .pricing-grid {

        grid-template-columns:repeat(2,1fr);

    }





    /* Equipment */

    .equipment-grid {

        grid-template-columns:1fr;

    }




    /* Gallery */

    .gallery-grid {

        grid-template-columns:repeat(2,1fr);

    }




    /* Contact */

    .contact-container {

        grid-template-columns:1fr;

    }



}









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


@media (max-width: 768px) {





    /* Navbar */

    .navbar {


        top:10px;


        width:calc(100% - 20px);


        height:55px;


    }





    .nav-container {


        padding:0 15px;


    }





    .logo img {


        height:38px;


    }





    .nav-links {


        position:absolute;


        top:65px;


        left:0;


        width:100%;


        background:rgba(11,46,27,.96);


        backdrop-filter:blur(10px);


        border-radius:18px;


        flex-direction:column;


        padding:25px;


        gap:20px;


        display:none;


    }





    .nav-links.active {


        display:flex;


    }






    .menu-toggle {


        display:block;


    }








    /* Hero */


    .hero {


        min-height:600px;


        background-attachment:scroll;


    }





    .hero h1 {


        font-size:2.5rem;


    }





    .hero p {


        font-size:.95rem;


    }








    /* Stats */


    .stats {


        grid-template-columns:1fr;


        margin-top:-40px;


    }





    .stat-card {


        padding:25px;


    }










    /* Sections */


    .services,
    .pricing,
    .equipment,
    .gallery,
    .contact {


        padding:70px 15px;


    }





    /* Services */


    .services-grid {


        grid-template-columns:1fr;


    }








    /* Pricing */


    .pricing-grid {


        grid-template-columns:1fr;


    }





    .pricing-card.featured {


        transform:none;


    }





    .pricing-card.featured:hover {


        transform:translateY(-8px);


    }





    .acreage-pricing {


        padding:25px 15px;


    }





    .acreage-grid {


        grid-template-columns:1fr;


    }









    /* Equipment */


    .equipment-card {


        grid-template-columns:1fr;


    }





    .equipment-image {


        height:250px;


    }





    .equipment-content {


        padding:25px;


    }









    /* Gallery */


    .gallery-grid {


        grid-template-columns:1fr;


    }





    .gallery-item {


        height:260px;


    }








    /* Contact */


    .contact-info {


        grid-template-columns:1fr;


    }





    .quote-form {


        padding:25px;


    }








    /* Footer */


    .footer-container {


        grid-template-columns:1fr;


        text-align:center;


    }





    .footer-brand p {


        margin:auto;


    }





    .footer-links,
    .footer-social {


        align-items:center;


    }




}









/* =========================
   SMALL PHONES
========================= */


@media(max-width:420px){



    .hero h1 {


        font-size:2rem;


    }





    .hero-buttons {


        display:flex;


        flex-direction:column;


    }





    .btn {


        width:100%;


    }





    .section-header h2 {


        font-size:1.8rem;


    }





    .equipment-banner h3 {


        font-size:1.5rem;


    }



}

@media(max-width:768px){


    .trust-grid,
    .testimonial-grid{


        grid-template-columns:1fr;


    }


}

@media(max-width:768px){


    .service-area-container{


        grid-template-columns:1fr;


    }



    .area-list{


        grid-template-columns:1fr;


    }



    .map-placeholder{


        height:300px;


    }


}