.nav-main {

    width: 100%;

    max-width: 1920px;

    padding: 10px 250px;



    position: absolute;

    z-index: 10;

    top: 50px;

    left: 50%;

    transform: translateX(-50%);

}



.nav-main ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.nav-main ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.nav-main ul .nav-left li a {

    display: flex;

    align-items: center;

    justify-content: center;



    color: var(--white);

    font-weight: 700;

}



.nav-main .nav-left li a img {

    width: 400px;

    margin-right: 15px;

}



.nav-main ul .nav-right {

    display: flex;

    gap: 25px;

}



.nav-main ul .nav-right li a {

    font-weight: 500;

    color: var(--white);

    transition: 0.1s ease;

}



.nav-main ul .nav-right li a.active {

    color: var(--yellow);

}



.nav-main ul .nav-right li a:hover {

    color: var(--yellow);

}



.nav-main .nav-right .hamburguer {

    display: none;

}



@media only screen and (max-width: 1742px) {

    .nav-main .nav-left li a img {

        width: 300px;

        margin-right: 10px;

    }

    

}



@media only screen and (max-width: 1700px) {

    .nav-main {

        padding: 10px 150px;

    }

}



@media only screen and (max-width: 1050px) {

    .nav-main {

        padding: 10px 100px;

    }

}



@media only screen and (max-width: 1228px) {

    .nav-main {

        top: 30px;

        padding: 10px 30px;

    }



    .nav-main .nav-left li a p {

        font-size: 14px;

    }



    .nav-main .nav-right li:not(.hamburguer) {

        display: none;

    }



    .nav-main .nav-right .hamburguer {

        display: block;

    }



    .nav-main .nav-right .hamburguer i {

        font-size: 18px;

    }



    .nav-main .nav-left li a img {

        width: 240px;

        margin-top: -40px;

       }

}