@import '../Multilanguage/multilanguage_01.css';

/* Top Menu */
#main #top-menu {
    display: flex;
    gap: 0.781vw;
    margin: 0;
}
#main #top-menu li {
    margin: 0;
}
#main #top-menu li a {
    padding: 0.521vw 0; /*10*/
}


/* Multiple Info on top bar */
.tp-b-multiple .top-bar-info:first-child,
.tp-b-multiple .top-bar-info:last-child {
    width: 30%;
}
.tp-b-multiple .top-bar-info {
    width: 40%;
}

/* Icons */
    .top-contact-info {
        gap: 1.5em;
    }
    .just-end .top-contact-info {
        margin-left: 2.083vw;
    }
    .single-contact-info svg {
        width: 0.833vw;
        height: 0.833vw;
        margin-right: 0.417vw
    }
    /* Check SVG fill color */
    .theme-b-1 svg {
        fill: var(--color-pure-white);
    }

/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

/* 1920x1080
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

	/* Menu and Sub Menu
	---------------------------------------------------*/
	#main #top-menu {
	    gap: 15px;
	}
	#main #top-menu li a {
	    padding: 10px 0; /*10*/
	}

}

/* Big Laptops
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1690px) {
	#main #top-menu {
	    gap: 13px;
	}
}

/* Standard Laptops ok until 1440px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
	#main #top-menu {
	    gap: 12px;
	}
}

/* Extrasmall Laptops ok until 1280
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
	#main #top-menu {
	    gap: 11px;
	}
}

/* Tab Land ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	#main #top-menu {
	    gap: 10px;
	}
}

/* Tab Port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
/* When top bar got info bar at center & double menu left right */
    .tp-vis {
        display: block !important;
    }
    .top-bar-info:not(.just-center) {
        display: none;
    }
    .tp-b-multiple .top-bar-info.just-center {
        width: 100%;
    }
}


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

}


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

}