.Contact_Us {}

.Contact_Us .Banner .content_div .middle_div .banner_title.banner_title1 {
    top: 40%;
}

.Contact_Us .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
    top: 43% !important;
}

.Contact_Us .Banner:hover .content_div .middle_div .banner_title.banner_title2,
.Contact_Us .Banner .content_div .middle_div .banner_title.banner_title2 {
    top: 60% !important;
}



@media (min-width: 0px) and (max-width: 575px) {

    .Contact_Us .Banner:hover .content_div .middle_div .banner_title.banner_title2,
    .Contact_Us .Banner .content_div .middle_div .banner_title.banner_title2 {
        top: 56% !important;
        font-size: 32px;
    }

    .Banner .content_div .middle_div .banner_title.banner_title1,
    .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
        top: 10%;
        left: -20%;
        font-size: 32px;
    }

    .Banner .content_div {
        top: 43%;
    }

    .Banner .content_div .middle_div .banner_title.banner_title2,
    .Banner:hover .content_div .middle_div .banner_title.banner_title2 {
        top: 20%;
        left: -20%;
        font-size: 25px;
    }

    .Banner:hover .content_div .left_side,
    .Banner .content_div .left_side {
        opacity: 1;
        transition: 0.4s;
        left: -20%;
        top: 80%;
    }

    .Banner .video_holder {
        aspect-ratio: 1/0.8;
    }

    .Banner:hover .content_div .middle_div .mobile_img,
    .Banner .content_div .middle_div .mobile_img {
        right: -80%;
        width: 100px;
    }

    .Banner .content_div .left_side .banner_text {
        font-size: 10px;
        width: 94%;
        margin: 0 auto 20px;
    }


    .Banner .content_div .left_side .btn_div .Red_Round_Btn_holder .Red_Round_Btn {
        width: 80px;
        font-size: 12px;
        padding: 4px;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {

    .Banner .content_div .middle_div .banner_title.banner_title1,
    .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
        top: 20%;
        left: -40%;
        font-size: 45px;
    }
}

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

    .Banner .content_div .middle_div .banner_title.banner_title1,
    .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
        top: 20%;
        left: -70%;
        font-size: 60px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .Banner:hover .content_div .middle_div .banner_title.banner_title2,
    .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
        left: -70%;
        font-size: 72px;
    }

    .Banner .content_div .middle_div .banner_title.banner_title2,
    .Banner .content_div .middle_div .banner_title.banner_title1 {
        font-size: 80px;
    }

}

@media (min-width: 1200px) and (max-width: 1399px) {

    .Banner:hover .content_div .middle_div .banner_title.banner_title2,
    .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
        left: -90%;
        font-size: 90px;
    }

    .Banner .content_div .middle_div .banner_title.banner_title2,
    .Banner .content_div .middle_div .banner_title.banner_title1 {
        font-size: 90px;
    }

}

@media (min-width: 1400px) and (max-width: 1599px) {

    .Banner:hover .content_div .middle_div .banner_title.banner_title2,
    .Banner:hover .content_div .middle_div .banner_title.banner_title1 {
        left: -120%;
        font-size: 110px;
    }

    .Banner .content_div .middle_div .banner_title.banner_title2,
    .Banner .content_div .middle_div .banner_title.banner_title1 {
        font-size: 110px;
    }

}