/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/

    .pre-loader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; background-color: #fff; }

    .loader-inner { padding: 25px; position: absolute; left: 50%; top: 50%; text-align: center; width: 100%; 
        -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

    .loader-text { display: inline-block; font-family: var(--wdtFontTypo_Alt); 
        font-size: 3.15rem; font-weight: 600 !important; letter-spacing: 1px; line-height: normal; text-transform: uppercase; }

    .pre-loader .wdt-loader { 
        --wdtTracker: no-repeat linear-gradient(var(--wdtPrimaryColor) 0 0);
        height: 1px; width: clamp(12.5rem, 10.0481rem + 10.8974vw, 23.125rem); background: var(--wdtTracker),var(--wdtTracker),var(--wdtBorderColor); background-size: 60% 100%;
        -webkit-animation: loading 3s infinite; animation: loading 3s infinite; margin: auto; }

    @-webkit-keyframes loading {
        0%   { background-position:-150% 0,-150% 0; }
        66%  { background-position: 250% 0,-150% 0; }
        100% { background-position: 250% 0, 250% 0; }
    }
    @keyframes loading {
        0%   { background-position:-150% 0,-150% 0; }
        66%  { background-position: 250% 0,-150% 0; }
        100% { background-position: 250% 0, 250% 0; }
    }


/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    .pre-loader { background-color: var(--wdtBodyBGColor); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    /*----*****---- << Mobile (Landscape) >> ----*****----*/

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) { }


    /* Common Styles for the devices below 479px width */

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