/*==================================================
    RESPONSIVE
    AURELIA Framework
==================================================*/


/*==================================================
    1400px
==================================================*/

@media (max-width:1400px){

    .container{

        width:92%;

    }

}


/*==================================================
    1200px
==================================================*/

@media (max-width:1200px){

    section{

        padding:100px 0;

    }

    .hero__title{

        font-size:5rem;

    }

    .about__grid{

        gap:60px;

    }

    .products__grid{

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

    }

    .industries__grid{

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

    }

    .features__grid{

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

    }

    .news__grid{

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

    }

    .footer__grid{

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

    }

}


/*==================================================
    992px
==================================================*/

@media (max-width:992px){

    section{

        padding:90px 0;

    }

    .navigation{

        display:none;

    }

    .menu-button{

        display:flex;

    }

    .hero{

        min-height:90vh;

    }

    .hero__title{

        font-size:4rem;

    }

    .hero__text{

        font-size:1rem;

    }

    .about__grid{

        grid-template-columns:1fr;

    }

    .about__content{

        max-width:100%;

    }

    .products__grid{

        grid-template-columns:1fr 1fr;

    }

    .features__grid{

        grid-template-columns:1fr 1fr;

    }

    .industries__grid{

        grid-template-columns:1fr 1fr;

    }

    .news__grid{

        grid-template-columns:1fr 1fr;

    }

}


/*==================================================
    768px
==================================================*/

@media (max-width:768px){

    section{

        padding:80px 0;

    }

    .section-header{

        margin-bottom:50px;

    }

    .section-title{

        font-size:2.5rem;

    }

    .hero{

        text-align:center;

        min-height:100vh;

    }

    .hero__content{

        margin:auto;

    }

    .hero__buttons{

        flex-direction:column;

        align-items:center;

    }

    .btn{

        width:240px;

    }

    .products__grid{

        grid-template-columns:1fr;

    }

    .features__grid{

        grid-template-columns:1fr;

    }

    .industries__grid{

        grid-template-columns:1fr;

    }

    .news__grid{

        grid-template-columns:1fr;

    }

    .timeline__wrapper{

        padding-left:35px;

    }

    .footer__grid{

        grid-template-columns:1fr;

        gap:40px;

    }

    .footer__bottom{

        flex-direction:column;

        gap:15px;

        text-align:center;

    }

}


/*==================================================
    576px
==================================================*/

@media (max-width:576px){

    body{

        font-size:15px;

    }

    .header .container{

        height:75px;

    }

    .logo img{

        width:140px;

    }

    .hero__tag{

        letter-spacing:3px;

    }

    .hero__title{

        font-size:2.8rem;

    }

    .hero__text{

        font-size:.95rem;

    }

    .section-title{

        font-size:2rem;

    }

    .product-card__content,

    .news-card__content{

        padding:25px;

    }

    .feature-item{

        padding:30px;

    }

    .cta__buttons{

        flex-direction:column;

        align-items:center;

    }

    .back-to-top{

        right:20px;

        bottom:20px;

    }

}