@media only screen and (max-width: 1300px) {
    .h-b3-right,.h-b3-left{
        margin-top: -90px;
    }
}
@media only screen and (max-width: 1100px) {
    .highvill-header-top{
        display: none;
    }
    .highvill-header{
        height: 102vh;
    }
    .highvill-header-btn{
        bottom: 2vh;
    }
    .h-height{
        min-height:80vw;
    }
    .highvill-b2{
        margin-top: -2vh;
    }
    .h-flex div{
        width: 25%;
    }
    .highvill .start-wrapper h2{
        margin-top: 80px;
    }
}
@media only screen and (max-width: 600px) {
    .h-b2-about{
        width: 100%;
    }
    .h-flex{
        flex-direction: column;
        align-items: center;
    }
    .h-flex img{
        width: 90%;
    }
    .h-flex div{
        width: 90%;
        text-align: center;
    }
    .h-flex .h-mobile{
        width: 70%;
    }
    .h-flex .h-screen-ap{
        width: 57%;
        top: 37%;
        left: 38%;
    }
    .h-flex div p{
        width: 100%;
    }
    .h-height .h-right{
        margin-top: 130px;
    }
    .mt-20{
        margin-top: 20px;
    }
    .h-b4{
        flex-direction: column;
        align-items: center;
        width: 90%;
        margin: 0 auto;
    }
    .h-b4-img{
        margin-right: 0;
        width: 100%;
    }
    .h-b4-b{
        width: 100%;
        margin-top: 40px;
        text-align: center;
    }
    .h-last-img{
        height: 500px;
        margin-top: -450px;
    }
    .h-height{
        padding-bottom: 40px;
    }
    .h-b3-right, .h-b3-left{
        display: none;
    }
    .h-arrow-long{
        margin: 40px auto;
    }

}