@media(max-width:1100px){

.feature-grid{

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

}

.hero{

flex-direction:column;

text-align:center;

}

.hero-stats{

justify-content:center;

}

}

@media(max-width:700px){

.feature-grid{

grid-template-columns:1fr;

}

.hero h1{

font-size:48px;

}

.section-title h2{

font-size:38px;

}

.loader-card{

width:100%;

}

.navbar{

flex-direction:column;

gap:20px;

}

.navbar ul{

flex-wrap:wrap;

justify-content:center;

}

}

@media(max-width:1100px){

.pricing-grid{

grid-template-columns:1fr;

}

.featured{

transform:none;

}

}

@media(max-width:1100px){

.dashboard{

flex-direction:column;

text-align:center;

}

.loader-window{

width:100%;

}

.status-item{

text-align:left;

}

}

@media (max-width: 1200px){

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

}

@media (max-width: 768px){

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

}

@media(max-width:1000px){

    .gallery-grid{

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

    }

}

@media(max-width:700px){

    .gallery-grid{

        grid-template-columns:1fr;

    }

}


@media (max-width:1200px){

    .hero{
        flex-direction:column;
        text-align:center;
        gap:60px;
    }

    .hero-content{
        width:100%;
    }

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

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

    .dashboard{
        flex-direction:column;
        text-align:center;
        gap:60px;
    }

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

    .loader-window{
        width:100%;
        max-width:500px;
    }

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

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

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

}

@media (max-width:768px){

    body{

        overflow-x:hidden;

    }

    section{

        padding:80px 20px !important;

    }

    .navbar{

        padding:15px 20px;

    }

    .navbar ul{

        gap:18px;

        flex-wrap:wrap;

        justify-content:center;

    }

    .logo{

        font-size:28px;

    }

    .hero h1{

        font-size:42px;

        line-height:1.2;

    }

    .hero p{

        font-size:16px;

        line-height:28px;

    }

    .hero-buttons{

        flex-direction:column;

        width:100%;

    }

    .hero-buttons a{

        width:100%;

    }

    .hero-stats{

        gap:15px;

    }

    .hero-stats div{

        flex:1;

        min-width:100px;

    }

    .section-title h2{

        font-size:34px;

    }

    .feature-grid{

        grid-template-columns:1fr;

    }

    .pricing-grid-4{

        grid-template-columns:1fr;

    }

    .gallery-grid{

        grid-template-columns:1fr;

    }

    .price-card{

        padding:30px;

    }

    .price{

        font-size:34px;

    }

    .loader-status{

        grid-template-columns:1fr;

    }

    .status-item{

        padding:16px;

    }

    .loader-window{

        width:100%;

    }

    .gallery-card img{

        aspect-ratio:16/10;

    }

    .lightbox img{

        max-width:95%;

        max-height:80%;

    }

}

@media (max-width:480px){

    .hero h1{

        font-size:34px;

    }

    .section-title h2{

        font-size:28px;

    }

    .price{

        font-size:30px;

    }

    .gold-btn,
    .glass-btn{

        width:100%;

        text-align:center;

    }

    .loader-logo{

        font-size:42px;

    }

    .progress{

        width:100%;

    }

}