/*=== NEBESNI.COM
      responsive.css ===*/

/*=== <= 1400px ===*/
@media (max-width:1400px){
    .container{
        width:min(94%,1280px);
    }
}

/*=== <= 1200px ===*/
@media (max-width:1200px){
    h1{
        font-size:4rem;
    }
    h2{
        font-size:2.6rem;
    }
    .navigation ul{
        gap:28px;
    }
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .info-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .process-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

/*=== <= 992px ===*/
@media (max-width:992px){
    section{
        padding:90px 0;
    }
    .header{
        height:85px;
    }
    .navigation{
        display:none;
    }
    .phones{
        display:none;
    }
    .hero{
        text-align:center;
    }
    .hero-content{
        margin:auto;
    }
    .hero-buttons{
        justify-content:center;
    }
    .about-wrapper{
        grid-template-columns:1fr;
    }
    .contact-wrapper{
        grid-template-columns:1fr;
    }
    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }
}

/*=== <= 768px ===*/
@media (max-width:768px){
    h1{
        font-size:3rem;
    }
    h2{
        font-size:2.2rem;
    }
    .section-header{
        margin-bottom:50px;
    }
    .services-grid{
        grid-template-columns:1fr;
    }
    .process-grid{
        grid-template-columns:1fr;
    }
    .info-grid{
        grid-template-columns:1fr;
    }
    .gallery-grid{
        display:block;
    }
    .gallery-item{
        margin-bottom:20px;
    }
    .btn-primary,
    .btn-secondary{
        width:100%;
    }
}

/*=== <= 576px ===*/
@media (max-width:576px){
    body{
        font-size:15px;
    }
    section{
        padding:70px 0;
    }
    h1{
        font-size:2.3rem;
    }
    h2{
        font-size:1.9rem;
    }
    .logo img{
        height:56px;
    }
    .logo-title{
        font-size:1.1rem;
    }
    .logo-subtitle{
        font-size:.65rem;
    }
    .service-content{
        padding:28px;
    }
    .contact-card{
        padding:28px;
    }
    #backToTop{
        width:50px;
        height:50px;
        left:20px;
        bottom:20px;
    }
}

/*=== <= 400px ===*/
@media (max-width:400px){
    h1{
        font-size:2rem;
    }
    h2{
        font-size:1.7rem;
    }
    .hero-buttons{
        flex-direction:column;
    }
    .btn-call{
        min-width:100%;
    }
}

@media (max-width:768px){
    .hero-video video{
        object-position:center center;
    }
}