/**************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/**************************************************************************************/
/*
/*

/* =========================================================
   NUR TABLET / IPAD FIX
   Desktop bleibt ORIGINAL
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1180px) {

    /* ---------- HEADER ---------- */
    #header-row .row-fluid {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
    }

    /* ---------- LOGO ---------- */
    #logo {
        flex: 0 0 auto !important;
        width: 180px !important;
        max-width: 180px !important;
        z-index: 20 !important;
        position: relative !important;
    }

    #logo img {
        width: 100% !important;
        height: auto !important;
    }

    /* ---------- NAV ---------- */
    .moduletable.navigation {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;

        padding-left: 15px !important;
        box-sizing: border-box !important;

        position: relative !important;
        z-index: 5 !important;
    }

    /* ---------- MENU ---------- */
    ul.sf-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* ---------- ITEMS ---------- */
    ul.sf-menu > li {
        flex: 0 0 auto !important;

        width: 100px !important;
        min-width: 100px !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    ul.sf-menu > li.active,
    ul.sf-menu > li.current,
    ul.sf-menu > li:hover {
        width: 100px !important;
        min-width: 100px !important;
    }

    /* ---------- LINKS ---------- */
    ul.sf-menu > li > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        box-sizing: border-box !important;

        padding: 6px 2px !important;

        min-height: 78px !important;

        white-space: normal !important;
    }

    /* ---------- ICONS ---------- */
    ul.sf-menu > li > a img {
        width: 32px !important;
        height: 32px !important;

        object-fit: contain !important;

        margin-bottom: 4px !important;
    }

    /* ---------- TEXT ---------- */
    ul.sf-menu .image-title {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    /* ---------- DROPDOWN ---------- */
    ul.sf-menu ul {
        position: absolute !important;
        z-index: 99999 !important;
    }

}