.preloader-gtel {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    z-index: 9998;
    overflow: hidden;
}

.preloader-gtel .logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.preloader-gtel .logo img {
    max-width: 200px;
    height: auto;
    will-change: transform, opacity;
}

.hide-preloader {
    display: none !important;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .preloader-gtel .logo {
        margin-bottom: 0;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .preloader-gtel .logo img {
        max-width: 250px;
    }
}

/* Ultra large devices (1600px and up) */
@media only screen and (min-width: 1600px) {
    .preloader-gtel .logo img {
        max-width: 300px;
    }
}

/* 4K large devices (1920px and up) */
@media only screen and (min-width: 1920px) {
}