@media only screen and (max-width: 1200px) {  
    /*changes here*/
    .orient, .integration, .cor, .team, .turo, .start {
        min-height: 300px;
        background-size: auto;
    }

    .orient-head {
        margin-right: 300px;
    }
}


@media only screen and (max-width: 991px) {   
    /*changes here*/
    .orient-head {
        margin-right: 0px;
    }

    .orient-line2 .freshmen, .orient-line2 .integ {
        top: 0;
        margin: 50px;
    }

    .integ-p, .cor-p, .team-p, .oplan, .start-p {
        padding: 25px 15px 0px 0;
    }

    .box2, .box3, .box4 {
        top: 0;
        margin: 50px;
    }

    .back-event, .back-event2 {
        top: 0;
        padding-right: 15px;
    }

    .orient-line2 {
        height: auto;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    /*changes here*/
    .orient-line {
        height: auto;
    }

    .back-event, .back-event2 {
        justify-content: flex-start;
    }

    .orient-p2 {
        padding: 25px 15px 0px 0;
    }

    .orient-p3 {
        padding: 0 15px 0 0;
    }

    .back-event2 {
        top: 0; 
    }
}


@media only screen and (max-width: 576px) {
    .vision-container img {
        margin-right: -56%;
    }

    /*changes here*/
    .orient-line2 .freshmen, .orient-line2 .integ {
        height: auto;
        width: 100%;
        box-shadow: none;
        margin: 0px;
    }

    .box2, .box3, .box4 {
        display: none;
    }

    .text-1 p {        
        text-align: center; 
    }

    .text-2 p {
        white-space: normal;
    }
}