@media (max-width: 992px){
    .header-logo h1{
        font-size: 22px;
    }
    .header--block .row{
        flex-direction: column-reverse !important;
        text-align: center;
    }
    .header--block h3{
        margin-top: 30px;
    }
}
@media(max-width: 760px){
    .contact--box .row{
        flex-direction: column !important;
        gap: 30px;
    }
    .nav__container .row{
        flex-direction: column !important;
        gap: 30px;
    }
    .navbar--box{
        flex-wrap: wrap;
    }
    .nav__container .col-4, .nav__container .col-8{
        width: 100% !important;
    }
    .wrapFirst--logo{
        justify-content: center;
    }
    .header--block img{
        height: auto;
    }
    .header--block h3{
        font-size: 28px;
    }

}
@media(max-width: 480px){
    .navbar--box{
        flex-direction: column;
    }

}