.pre-loader {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999991;
background-color: var(--wdtBodyBGColor);
}
.loader-inner {
text-transform:uppercase;
width:100%;
text-align:center;
line-height:50px;
margin:auto;
position:absolute;
left:0;right:0;top:50%;
transform:translateY(-50%);
} @-webkit-keyframes loadingBefore {
0%   {transform:translateX(-15px);}
50%  {transform:translateX(15px);}
100% {transform:translateX(-15px);}
}
@keyframes loadingBefore {
0%   {transform:translateX(-15px);}
50%  {transform:translateX(15px);}
100% {transform:translateX(-15px);}
}
@-webkit-keyframes loadingAfter {
0%   {transform:translateX(-50px);}
50%  {transform:translateX(50px);}
100% {transform:translateX(-50px);}
}
@keyframes loadingAfter {
0%   {transform:translateX(-50px);}
50%  {transform:translateX(50px);}
100% {transform:translateX(-50px);}
} .loader-inner .loader-text:after { background-color: var(--wdtPrimaryColor); }   @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
}