@media (min-width: 100px) and (max-width: 575.99px) {
    .slider {
        height: 184px;
    }

    .banner1_lft h2.rainbow {
        font-size: 12px;
    }

    .banner1_lft p {
        font-size: 8px;
        font-weight: unset;
        line-height: unset;
        width: 100%;
    }

    .banner1_ryt img {
        width: 100%;
    }
}

@media (min-width: 540px) and (max-width: 767.99px) {
    .banner1_ryt img {
        width: 75%;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    .slider {
        height: 258px;
    }

    .banner1_lft h2.rainbow {
        font-size: 22px;
        margin: 5% 0 0 0;
    }

    .banner1_lft p {
        margin: 1% 0 0 8%;
        font-size: 12px;
        width: 100%;
        line-height: unset;
    }

    .banner1_ryt img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .slider {
        height: 350px;
    }

    .banner1_lft h2.rainbow {
        font-size: 39px;
        margin: 5% 0 0 0;
    }

    .banner1_lft p {
        margin: 1% 0 0 4%;
        font-size: 16px;
        width: 100%;
        line-height: unset;
    }

    .banner1_ryt img {
        width: 92%;
    }
}

@media (min-width: 992px) and (max-width: 1000.99px) {
    .slider {
        height: 454px;
    }

    .banner1_lft h2.rainbow {
        font-size: 47px;
        margin: 5% 0 0 0;
    }

    .banner1_lft p {
        margin: 1% 0 0 5%;
        font-size: 19px;
        width: 100%;
        line-height: 34px;
    }

    .banner1_ryt img {
        width: 100%;
    }
}

@media (min-width: 1001px) and (max-width: 1100.99px) {
    .slider {
        height: 484px;
    }

    .banner1_lft h2.rainbow {
        font-size: 57px;
        margin: 5% 0 0 0;
    }

    .banner1_lft p {
        margin: 1% 0 0 4%;
        font-size: 19px;
        width: 100%;
        line-height: 34px;
    }

    .banner1_ryt img {
        width: 95%;
    }
}

@media (min-width: 1101px) and (max-width: 1200.99px) {
    .slider {
        height: 528px;
    }

    .banner1_lft h2.rainbow {
        font-size: 65px;
        margin: 5% 0 0 0;
    }

    .banner1_lft p {
        margin: 2% 0 0 4%;
        font-size: 19px;
        width: 100%;
        line-height: 39px;
    }

    .banner1_ryt img {
        width: 94%;
    }
}

@media (min-width: 1201px) and (max-width: 1300.99px) {
    .slider {
        height: 577px;
    }

    .banner1_lft h2.rainbow {
        font-size: 65px;
        margin: 15% 0 0 0;
    }

    .banner1_lft p {
        margin: 2% 0 0 4%;
        font-size: 19px;
        width: 100%;
        line-height: 39px;
    }

    .banner1_ryt img {
        width: 96%;
    }
}

@media (min-width: 1301px) and (max-width: 1400.99px) {
    .slider {
        height: 625px;
    }

    .banner1_lft h2.rainbow {
        font-size: 77px;
        margin: 8% 0 0 0;
    }

    .banner1_lft p {
        margin: 2% 0 0 4%;
        font-size: 22px;
        width: 100%;
        line-height: 39px;
    }

    .banner1_ryt img {
        width: 95%;
    }
}

@media (min-width: 1401px) and (max-width: 1500.99px) {
    .slider {
        height: 671px;
    }

    .banner1_lft h2.rainbow {
        font-size: 77px;
        margin: 18% 0 0 0;
    }

    .banner1_lft p {
        margin: 2% 0 0 4%;
        font-size: 22px;
        width: 100%;
    }

    .banner1_ryt img {
        width: 96%;
    }
}

@media (min-width: 1501px) and (max-width: 1600.99px) {
    .slider {
        height: 660px;
    }

    .banner1_ryt img {
        width: 89%;
    }

    .banner1_lft h2.rainbow {
        margin: 14% 0 0 0;
    }
}

@media (min-width: 1601px) and (max-width: 1700.99px) {
    .slider {
        height: 660px;
    }

    .banner1_ryt img {
        width: 83%;
    }

    .banner1_lft h2.rainbow {
        margin: 14% 0 0 0;
    }
}

@media (min-width: 1701px) and (max-width: 1800.99px) {
    .slider {
        height: 660px;
    }

    .banner1_ryt img {
        width: 81%;
    }

    .banner1_lft h2.rainbow {
        margin: 14% 0 0 0;
    }
}

@media (min-width: 1801px) and (max-width: 1900.99px) {
    .slider {
        height: 660px;
    }

    .banner1_ryt img {
        width: 77%;
    }

    .banner1_lft h2.rainbow {
        margin: 14% 0 0 0;
    }
}
