/* ===============================================
    CONFIG VALUES
    ================================================== */
    :root
    {
        --theme-fs:                     1.6rem;
        
        --theme-lh:                     3.0rem;
        --theme-lh-x0-125:              0.375rem;
        --theme-lh-x0-25:               0.75rem;
        --theme-lh-x0-33:               1.0rem;
        --theme-lh-x0-5:                1.5rem;
        --theme-lh-x0-66:               2.0rem;
        --theme-lh-x0-75:               2.25rem;
        --theme-lh-x1-5:                4.5rem;
        --theme-lh-x2:                  6.0rem;
        --theme-lh-x3:                  9.0rem;
        --theme-lh-x4:                  12.0rem;
        
        --theme-lh-minus:               -3.0rem;
        --theme-lh-x0-125-minus:        -0.375rem;
        --theme-lh-x0-25-minus:         -0.75rem;
        --theme-lh-x0-33-minus:         -1.0rem;
        --theme-lh-x0-5-minus:          -1.5rem;
        --theme-lh-x0-66-minus:         -2.0rem;
        --theme-lh-x0-75-minus:         -2.25rem;
        --theme-lh-x1-5-minus:          -4.5rem;
        --theme-lh-x2-minus:            -6.0rem;
        --theme-lh-x3-minus:            -9.0rem;
        --theme-lh-x4-minus:            -12.0rem;
        
        --theme-border-bold:            0.7rem;
        --theme-border-regular:         0.1rem;
        
        --theme-fw-regular:             400;
        --theme-fw-medium:              500;
        --theme-fw-bold:                600;
        --theme-fw-bolder:              700;
        --theme-fw-black:               800;
        
        --theme-fw-t-regular:           400;
        --theme-fw-t-medium:            400;
        --theme-fw-t-bold:              500;
        --theme-fw-t-bolder:            600;
        --theme-fw-t-black:             700;
    }


    /* ===============================================
    LAYOUT FOR XLARGE
    ================================================== */
    body
    {
        width: 100%;
        background: #ececec;
        font: var(--theme-fs)/var(--theme-lh) 'Poppins', Arial, sans-serif;
        color: var(--theme-body-color);
    }

    section.section-header.section-header-bar                                                                               { display: block; }
    section.section-header.section-header-logo                                                                              { display: block; }
    section.section-header.section-header-navigation                                                                        { display: block; }
    section.section-header.section-header-navigation  .header-navigation .navigation-content   .navigation ul li.lang       { display: none; }
    section.section-header.section-header-mobile                                                                            { display: none; }
    section.section-header.section-header-slayt                                                                             { display: block; }
    section.section-header.section-header-search                                                                            { display: block; }
    section.section-header.section-header-dir                                                                               { display: block; }


    /* ===============================================
    LAYOUT FOR LARGE
    ================================================== */
    @media handheld, only screen and (max-width: 1199px)
    {
        /* Config Values */
        :root
        {
            --theme-fs:                     1.4rem;

            --theme-lh:                     2.8rem;
            --theme-lh-x0-125:              0.35rem;
            --theme-lh-x0-25:               0.7rem;
            --theme-lh-x0-33:               0.93rem;
            --theme-lh-x0-5:                1.4rem;
            --theme-lh-x0-66:               1.86rem;
            --theme-lh-x0-75:               2.1rem;
            --theme-lh-x1-5:                4.2rem;
            --theme-lh-x2:                  5.6rem;
            --theme-lh-x3:                  8.4rem;

            --theme-lh-minus:               -2.8rem;
            --theme-lh-x0-125-minus:        -0.35rem;
            --theme-lh-x0-25-minus:         -0.7rem;
            --theme-lh-x0-33-minus:         -0.93rem;
            --theme-lh-x0-5-minus:          -1.4rem;
            --theme-lh-x0-66-minus:         -1.86rem;
            --theme-lh-x0-75-minus:         -2.1rem;
            --theme-lh-x1-5-minus:          -4.2rem;
            --theme-lh-x2-minus:            -5.6rem;
            --theme-lh-x3-minus:            -8.4rem;
        
            --theme-border-bold:            0.7rem;
            --theme-border-regular:         0.1rem;
        }
    }


    /* ===============================================
    LAYOUT FOR TABLET
    ================================================== */
    @media only screen and (max-width: 991px)
    {        
        section.section-header.section-header-bar                                                                               { display: none; }
        section.section-header.section-header-logo                                                                              { display: none; }
        section.section-header.section-header-navigation                                                                        { display: none; }
        section.section-header.section-header-navigation  .header-navigation .navigation-content   .navigation ul li.lang       { display: none; }
        section.section-header.section-header-mobile                                                                            { display: block; }
        section.section-header.section-header-slayt                                                                             { display: block; }
        section.section-header.section-header-search                                                                            { display: block; }
        section.section-header.section-header-dir                                                                               { display: none; }
    }


    /* ===============================================
    LAYOUT FOR MOBILE
    ================================================== */
    @media handheld, only screen and (max-width: 767px)
    {
        /* Config Values */
        :root
        {
            --theme-fs:                     1.6rem;
        
            --theme-lh:                     3.0rem;
            --theme-lh-x0-125:              0.375rem;
            --theme-lh-x0-25:               0.75rem;
            --theme-lh-x0-33:               1.0rem;
            --theme-lh-x0-5:                1.5rem;
            --theme-lh-x0-66:               2.0rem;
            --theme-lh-x0-75:               2.25rem;
            --theme-lh-x1-5:                4.5rem;
            --theme-lh-x2:                  6.0rem;
            --theme-lh-x3:                  9.0rem;

            --theme-lh-minus:               -3.0rem;
            --theme-lh-x0-125-minus:        -0.375rem;
            --theme-lh-x0-25-minus:         -0.75rem;
            --theme-lh-x0-33-minus:         -1.0rem;
            --theme-lh-x0-5-minus:          -1.5rem;
            --theme-lh-x0-66-minus:         -2.0rem;
            --theme-lh-x0-75-minus:         -2.25rem;
            --theme-lh-x1-5-minus:          -4.5rem;
            --theme-lh-x2-minus:            -6.0rem;
            --theme-lh-x3-minus:            -9.0rem;
        
            --theme-border-bold:            0.7rem;
            --theme-border-regular:         0.1rem;
        }
    }