@charset "utf-8";

/* CSS Document */

.vision-123 {
    min-height: 450px;
    background: url("../images/vision-123/visionBG.png") top center no-repeat;
    margin-top: -142px;
    z-index: 1;
    position: relative;
}



@media (min-width: 375px) and (max-width: 419px) {
    .vision-123 {
        min-height: 456px;
        background: url("../images/vision-123/visionBGm.png") top center no-repeat;
        margin-top: -112px;
        z-index: 1;
        position: relative;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .vision-123 {
        min-height: 470px;
        background: url("../images/vision-123/visionBGm.png") top center no-repeat;
        margin-top: -212px;
        z-index: 1;
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vision-123 {
        min-height: 550px;
        background: url("../images/vision-123/visionBGm.png") top center no-repeat;
        margin-top: -252px;
        z-index: 1;
        position: relative;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vision-123 {
        min-height: 560px;
        background: url("../images/vision-123/visionBGm.png") top center no-repeat;
        margin-top: -252px;
        z-index: 1;
        position: relative;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .vision-123 {
        min-height: 290px;
        background: url(../images/vision-123/visionBG.png) top center no-repeat;
        margin-top: -102px;
        z-index: 1;
        position: relative;
        background-size: 100%;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .vision-123 {
        min-height: 340px;
        background: url("../images/vision-123/visionBG.png") top center no-repeat;
        margin-top: -212px;
        background-size: 100%;
        background-position-y: 61px;
        z-index: 1;
        position: relative;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .vision-123 {
        min-height: 342px;
        background: url("../images/vision-123/visionBG.png") top center no-repeat;
        margin-top: -252px;
        background-size: 100%;
        background-position-y: 50px;
        z-index: 1;
        position: relative;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .vision-123 {
        min-height: 360px;
        background: url("../images/vision-123/visionBG.png") top center no-repeat;
        margin-top: -252px;
        background-size: 100%;
        background-position-y: 30px;
        z-index: 1;
        position: relative;
    }
}