@media only screen and (min-width: 500px) and (max-width: 1000px) {
    .mini-video {
        display: none;
    }
    .mid-video {
        display: block;
    }
    .mini-hide {
        display: none;
    }
    .content {
        padding: 10px 5%;
    }
    .first-content {
        padding: 20px 5%;
    }
    .first-left .user-info2 {
        margin: 20px 90px;
    }
    .first-left .user-info3 {
        margin-left: 50px;
    }
    .content-page1 {
        padding: 0 10%;
        height: calc(100vh - 64px);
    }
    .left-content{
        margin-top: 20px;
        text-align: center;
    }
    .left-content .txt3 {
        margin: 20px 0;
    }
    .left-content .get-start {
        margin: 30px auto;
    }
    .content-page2 {
        padding: 0;
    }
    .content-page3 {
        padding: 20px 5%;
    }
    .content-page3 .page3-content {
        flex-direction: column;
    }
    .content-page3 .page3-content .page3-content-item {
        display: flex;
        width: auto;
    }
    .content-page3 .page3-content .page3-content-item .item-title{
        text-align: left;
        padding-left: 30px;
    }
    .content-page3 .page3-content .page3-content-item .item-content{
        text-align: left;
        padding-left: 30px;
    }
    .user-reviews {
        padding: 0 5%;
    }
    .user-reviews .user-con {
        width: 80%;
        margin: auto;
    }
}
@media only screen and (max-width: 770px) {
    .footer-wrap .content {
        display: none;
    }
}