@media (max-width: 1440px) {}
@media (max-width: 1200px) {

    .header .b-navbar > div .navbar-list .navbar-item.on a {font-size: 19px;width:90%;}

    .mmb .header .btn-view {width: 30%;height: 12.6%;}

    /* X 0.8 */
    .mmb .header .descript{size:14px;width:40%;top:50%;}
    .mmb .feature{font-size: 22px;}
    .mmb .feature .feature-list .feature-item > div{
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
        border-radius: 16px;
        font-size: 28px;
    }
    .mmb .demo-pc{font-size: 22px;}
    .mmb .demo-pc .demo-item .intro > div{border-radius: 8px;font-size: 19px;}
    .mmb .demo-pc .demo-item .intro > div .title{font-size: 25px;}

    .mmb .demo-pc .demo-item .intro .circle{left:-15px;top:-5px;width:35px;padding-bottom:35px;}

    .mmb .demo-mobile{font-size: 22px;}
    .mmb .demo-mobile .demo-item .intro span:nth-child(2){font-size: 25px;}
    .mmb .demo-mobile .demo-item .intro span:nth-child(3){font-size: 19px;}

    .mmb .demo-mobile .demo-item .intro .circle{left:-15px;top:-5px;width:35px;padding-bottom:35px;}
}

@media (max-width: 1000px) {
    .mmb .header{padding-bottom:145%;}
    .mmb .header .bg{display: none;}
    .mmb .header .mobile-bg{display: block;width:100%;}
    .mmb .header .beauty{top:10%;left:14.6154%;width:70.7692%;}
    .mmb .header .descript{left:4.102565%;top:24%;width:91.79487%;size:14px;}
    .mmb .header .btn-view {left:16.66667%;top:39%;width:66.66666%;height:7.8%;}

    .mmb .feature{margin-top:0%;font-size:16px;}
    .mmb .feature > div:first-child{align-items: center;margin:0 5%;margin-bottom: 12%;text-align: center}
    .mmb .feature .feature-list{flex-direction: column;margin-bottom:0;}
    .mmb .feature .feature-list .feature-item{width:100%;margin-right:0;width:52%;padding-bottom:52%;margin-bottom: 14%;}

    .mmb .demo-pc > div:first-child{font-size: 16px;}
    .mmb .demo-pc .demo-item{flex-direction:column}
    .mmb .demo-pc .demo-item .intro > div .title{font-size: 20px;}
    .mmb .demo-pc .demo-item .pic{width:90%;align-self: flex-start;transform: translateX(-4%)}
    .mmb .demo-pc .demo-item .intro{width:75%;transform: translateY(-30%)}
    .mmb .demo-pc .demo-item .intro > div{margin-right:0;width:100%;font-size: 14px;}

    .mmb .demo-mobile > div:first-child{font-size: 16px;}
    .mmb .demo-mobile .demo-item{flex-direction: column;margin-bottom: 10%;}
    .mmb .demo-mobile .demo-item .pic {
        margin:0;
        width: 39.487%;
        margin-right:10%;
        margin-top:5%;
        align-self: flex-end;
    }
    .mmb .demo-mobile .demo-item .pic img {max-width: 100%; }
    .mmb .demo-mobile .demo-item .intro {margin-left:10%;width: 67.9487%;align-self: flex-start;}
    .mmb .demo-mobile .demo-item .intro span {margin-left:0;}
    .mmb .demo-mobile .demo-item .intro span:nth-child(2) {font-size: 28px;}
    .mmb .demo-mobile .demo-item .intro span:nth-child(3) {width:100%;font-size: 16px;}

    .mmb .demo-mobile .demo-item.reverse {flex-direction: column-reverse;}
    .mmb .demo-mobile .demo-item.reverse .intro{align-self: flex-end;margin-left:0;margin-right:5%;}
    .mmb .demo-mobile .demo-item.reverse .pic{margin-right:0;align-self: flex-start;margin-left:0%;}
}

@media (max-width: 410px) {
    .mmb .header .btn-view {left:16.66667%;top:44%;width:66.66666%;height:7.8%;}
}