/*----------------------------------------------------

This rules media
    1. max-width: 1200px
    2. max-width: 991px
    3. max-width: 768px
----------------------------------------------------*/


@media (max-width: 1200px) {

    .bannerConteiner .topo_menu .navbar-brand{
        padding-right: 40px;
    }

    .bannerConteiner .topo_menu ul li {
        padding: 0px 5px;
        text-transform: uppercase;
        font-family: montserratRegular;
        font-size: 13px;
    }


}

@media (max-width: 991px) {
    .wrapper-menu{
        display: flex;
    }

    .navbar-collapse{
        padding-top: 40px;
    }

    .topo_menu .navbar-brand {
        max-width: 250px;
    }

    .bannerConteiner .topo_menu ul li{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .bannerConteiner .topo_menu ul li a{
        padding-left: 15px;
    }

    .bannerConteiner .textAnimation h1 {
        font-size:40px;

    }

    .bannerConteiner .textAnimation h1 span {
        font-size:30px;

    }

    .bannerConteiner .textAnimation::before {
        width: 70px;
        margin:-50px -6rem;

    }

}

@media (max-width: 768px) {

    .bannerConteiner .textAnimation h1 {
        font-size:30px;

    }

    .bannerConteiner .textAnimation h1 span {
        font-size:20px;

    }

    .bannerConteiner .textAnimation::before {
        width: 60px;
        margin:-40px -4.5rem;

    }

}