.grid-test {
    position: absolute;
    left: 24%;
    width: 600px;
}

@media (max-width: 2440px) {
    .grid-test {
        left: 22.5%;
    }
}

@media (max-width: 2220px) {
    .grid-test {
        left: 20.3%;
    }
}

@media (max-width: 2040px) {
    .grid-test {
        left: 17.3%;
    }
}

@media (max-width: 1980px) {
    .grid-test {
        left: 16.3%;
    }
}

@media (max-width: 1740px) {
    .grid-test {
        left: 12%;
    }
}

@media (max-width: 1650px) {
    .grid-test {
        left: 10%;
    }
}

@media (max-width: 1600px) {
    .grid-test {
        left: 8%;
    }
}

@media (max-width: 1540px) {
    .grid-test {
        left: 7%;
    }
}

@media (max-width: 1500px) {
    .grid-test {
        left: 5%;
    }
}

@media (max-width: 1440px) {
    .grid-test {
        position: relative;
        width: 90%;
        left: 0%;
    }
}

@media (max-width: 1440px) {
    .grid-test {
        left: 2%;
    }
}

.grid-right {
    position: absolute;
    right: 24%;
    width: 600px;
}

@media (max-width: 2440px) {
    .grid-right {
        right: 22.5%;
    }
}

@media (max-width: 2220px) {
    .grid-right {
        right: 20.3%;
    }
}

@media (max-width: 2040px) {
    .grid-right {
        right: 17.3%;
    }
}

@media (max-width: 1980px) {
    .grid-right {
        right: 16.3%;
    }
}

@media (max-width: 1740px) {
    .grid-right {
        right: 12%;
    }
}

@media (max-width: 1650px) {
    .grid-right {
        right: 10%;
    }
}

@media (max-width: 1600px) {
    .grid-right {
        right: 8%;
    }
}

@media (max-width: 1540px) {
    .grid-right {
        right: 7%;
    }
}

@media (max-width: 1500px) {
    .grid-right {
        right: 5%;
    }
}

@media (max-width: 1440px) {
    .grid-right {
        position: relative;
        width: 90%;
        right: 0%;
    }
}

@media (max-width: 1440px) {
    .grid-right {
        right: 2%;
    }
}