.main-slider .content .text {
    top: 10%;
    width: 350px;
}

.main-slider .content .images .ctn-preloader .animation-preloader {
    height: 450px;
    width: 450px;
}

.main-slider .hero-img-three {
    right: 5%;
}

.main-slider .hero-img-two {
    right: 20%;
}

html[dir=rtl] .main-slider .hero-img-three {
    left: 5%;
}

html[dir=rtl] .main-slider .hero-img-two {
    left: 20%;
}

html[dir=rtl] section.contact .content .image img {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

@media (max-width: 912px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 26%;
        width: 320px;
    }

    .main-slider .content .text {
        width: 320px;
        left: 26%;
    }
}

@media (max-width: 820px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 26%;
        width: 320px;
    }

    .main-slider .content .text {
        width: 320px;
        left: 26%;
    }
}

@media (max-width: 540px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 18%;
        width: 320px;
    }

    .main-slider .content .text {
        width: 320px;
        left: 18%;
    }
}

@media (max-width: 414px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 9%;
        width: 320px;
    }

    .main-slider .content .text {
        width: 320px;
        left: 9%;
    }
}

@media (max-width: 412px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 390px;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 9%;
        width: 320px;
    }

    .main-slider .content .text {
        width: 320px;
        left: 9%;
    }

}

@media (max-width: 393px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 350px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 350px;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 7%;
    }

    .main-slider .content .text {
        width: 300px;
    }

    html[dir="rtl"] .main-slider .content .text {
        width: 300px;
    }
}

@media (max-width: 360px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 330px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 450px;
        width: 330px;
    }

    .main-slider .content .text {
        left: 5%;
    }

    html[dir="rtl"] .main-slider .content .text {
        right: 5%;
    }

}

@media (max-width: 280px) {
    .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 500px;
        width: 260px;
    }

    html[dir="rtl"] .main-slider .content .images .ctn-preloader .animation-preloader {
        height: 500px;
        width: 260px;
    }

    .main-slider .content .text {
        width: 217px;
        left: 8%;
    }

    html[dir="rtl"] .main-slider .content .text {
        width: 217px;
    }

    .main-slider .content .mouse-arrow {
        margin: 140px auto 0;
    }

    html[dir="rtl"] .main-slider .content .mouse-arrow {
        margin: 140px auto 0;
    }
}