/*Media Query Start*/

@media only screen and (min-width: 1366px) and (max-width: 1920px) {}

@media only screen and (min-width: 1900px) and (max-width: 1999px) {
    .hero-slider {
        position: relative;
        height: 100vh;
    }

    .big-left,
    .big-right {
        font-size: 6vw;
    }

    h1.big-left span {
        top: 135%;
        right: 10%;
    }

    .center-strip {
        width: 50%;
    }

    .bottom-title {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .bottom-desc {
        font-size: 14px;
    }

    .sub-text {
        margin-top: 60px !important;
    }

    img.line {
        top: 210px;
        width: 90%;
        height: 25%;
    }



    h1.big-left span {
        right: 10%;
    }

    .bottom-desc {
        font-size: 16px;
        line-height: 26px;
    }

    .bottom-info {
        margin-top: 11%;
    }

    .hero-slider {
        height: 100vh;
    }

    img.line {
        top: 150px;
        right: 90px;
    }

    .center-info {
        margin-top: 8%;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1700px) {
    h1.big-left span {
        right: 12%;
    }

    .hero-slider.slick-initialized.slick-slider {
        height: 100vh;
    }

    .center-info {
        margin-top: 6%;
    }

    .sub-text {
        font-size: 16px;
        line-height: 25px;
    }

    .bottom-desc {
        font-size: 16px;
        line-height: 25px;
    }

    img.line {
        right: 50px;
    }
}

@media only screen and (min-width: 1291px) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1290px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 520px) and (max-width: 767px) {}

@media only screen and (min-width: 300px) and (max-width: 519px) {}


/*Media Query End*/