@import '../SearchBar/header-searchbar_01.css';
@import '../Multilanguage/multilanguage_01.css';

#main-menu li {
    margin-bottom: 0;
}


.centered-menu .main-logo, 
.centered-menu .menu-right {
    width: 25%;
}
.centered-menu .menu-center {
    width: 50%;
}
.centered-menu .menu-utils {
    margin-left: 2em;
}
.main-logo a {
	width:;
	height:;
}

/* Icons on menu */
    .menu-utils {
        gap: 1em;
        margin-left: 2.5vw;
    }
    .menu-utils a {
        width: 1.146vw;
        height: 1.146vw;
    }
    .menu-utils svg {
        width: 100%;
        height: 100%;
    }

/* Bottom bar menu -> check this */
#main .bottom-bar-menu #main-menu a {
    vertical-align: sub;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------- Media query ------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------*/

/* Full hd desktop
--------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 1920px) {
            .menu-utils a {
                width: 22px;
                height: 22px;
            }
        }


    /* Big Laptops - Ok until 1600 px
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 1690px) {
			.centered-menu .menu-utils {
			    margin-left: 1.8em;
			}
            .menu-utils a {
                width: 20px;
                height: 20px;
            }
        }

    /* Big Laptops - Ok until 1441 px
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 1600px) {
			.centered-menu .menu-utils {
			    margin-left: 1.6em;
			}
            .menu-utils a {
                width: 19px;
                height: 19px;
            }
        }

    /* Standard Laptops - Ok until 1281px
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 1440px) {
			.centered-menu .menu-utils {
			    margin-left: 1.4em;
			}
            .menu-utils a {
                width: 18px;
                height: 18px;
            }
        }


    /* Small Laptops - Ok until 1150px
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 1280px) {
			.centered-menu .menu-utils {
			    margin-left: 1.2em;
			}
            .menu-utils a {
                width: 17px;
                height: 17px;
            }
        }

    /* Ok until 993px
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 1150px) {

        }


    /* Tablet Portrait
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 992px) {
            .centered-menu .main-logo {
                width: auto;
                flex-grow: 1;
            }
            .got-utils .menu-right {
                display: block;
                width: auto;
            }
            .got-utils .compact-search {
                display: none;
            }
            .centered-menu .right-mb.utils-mb .menu-utils, 
            .centered-menu .left-mb.utils-mb .menu-utils {
                margin: 0;
            }
            .centered-menu .left-mb.utils-mb .menu-right {
                order: 3;
            }
            .menu-utils a {
                width: 16px;
                height: 16px;
            }
            .menu-utils {
                gap: 0.8em;
            }
            .bottom-bar-menu {
                display: none;
            }
        }


    /* Mobile Landscape & Portrait
    ------------------------------------------------------------------------------------------------*/
        @media screen and (max-width: 767px) {
            .menu-utils {
                gap: 0.6em;
            }
            .menu-utils a {
                width: 14px;
                height: 14px;
            }
        }