.body-content{
    width: 100%;
    padding-top: 90px;
}

/* ====================== GLOBAL ====================== */

.show-at-440{
    display: none;
}

.text-title{
    font-family: 'CHei2HK';
    font-weight: bold;
    font-size: 3rem;
    color: #463F3A;
}

.text-title.loan-gurantee-text-title{
    font-size: 2.6rem;
}

.text-title-smaller{
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 42px;
    color: #5472B0;
}

.text-content{
    font-size: 1rem;
    line-height: 55px;
    text-align: justify;
}

.text-content.narrow{
    line-height: 28px;
    color: #5472B0;
}

.text-content.smaller{
    font-size: 0.9rem;
    line-height: 30px;
    text-align: justify;
    color: #5472B0;
}

.text-smaller-content{
    font-size: 0.75rem;
    line-height: 24px;    
    text-align: justify;
    color: #5472B0;
}


.text-bigger-content{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 31px;    
    color: #5472B0;
}

.text-small{
    font-size: 0.8rem;
    line-height: 22px;
}

.list-number{
    width: 50px;
    display: inline-block;
}

.list-number.narrow{
    width: 30px;
    display: inline-block;
}

/* ====================== TOP ====================== */

.top-ornament-1{
    width: 17.66%;
    margin-top: 13.229%;
    position: absolute;
    top: 0px;
    right: 0px;
}

.div-top{
    width: 73.958%;
    margin-left: 7.8125%;
    /* margin-top: 5.521%; */
    /* margin-top: 9.74%; */
    margin-top: 10.49%;
    position: relative;
    display: flex;
}


.bud .div-top{
    width: 75.343%;
}

.div-top-content-img{
    width: 48.028%;
    margin-top: 7.746%;
    align-self: flex-start;
}

.emf .div-top-content-img{
    margin-top: 0%;
}

.img-intro{
    width: 100%;
}

.top-ornament-2{
    width: 13.542%;
    margin-top: calc(1250px - 0.2%);
    position: absolute;
    left: 0px;
    top: 0px;
    /* width: 38.123%;
    margin-left: -21.994%;
    margin-top: 8.504%; */
    /* width: 13.542%; */
    /* margin-left: -7.746%; */
    /* margin-top: 3.02%; */
}

.emf .top-ornament-2,
.bud .top-ornament-2{
    margin-top: calc(1097px - 0.2%);
}

.div-top-content{
    width: 51.972%;
    padding-left: 9.014%;
}

.bud .div-top-content{
    width: 52.883%;
    padding-left: 7.448%;
}

.div-top .text-title{
    line-height: 80px;
    letter-spacing: 13px;
}

.div-main-content{
    margin-top: 9.836%;
    margin-bottom: 12.951%;
}

.div-main-content.text-content{
    /* color: #FF9D01; */
    font-weight: 300;
    color: rgba(255,157,1);
}

.div-content-bottom .div-title.text-content{
    /* font-weight: 600; */
    font-weight: 500;
}

.div-content-bottom .div-title{
    margin-bottom: 8.033%;
}

.bud .div-content-bottom .div-title{
    margin-bottom: 7.101%;
}

.div-content-inline{
    justify-content: flex-start;
}

.bud .div-content-bottom{
    width: 113.115%;
    margin-bottom: 10.145%;
}

.bud .div-content-bottom:last-of-type{
    /* margin-bottom: 0px; */
}

.div-content-inline .div-content{
    line-height: 32px;
}

.div-content-inline .img-money-pot2{
    margin-bottom: 0px; 
    margin-right: 17.726%;
}

.div-content-inline .img-reward{
    margin-bottom: 0px; 
    margin-right: 11.45%;
}

.img-money-pot3{
    /* width: 23.306%;
    margin: 6.64% 0px 2.71% 10.569%; */
    width: 28.197%;
    margin: 0px 0px 3.279% 12.787%;
}

.img-money-pot2{
    /* width: 18.525%; */
    /* margin: 0px 0px 3.279% 12.787%; */

    width: 16.377%;
    margin: 0px 0px 0px 13.333%;
}

.img-reward{
    width: 28.841%;
    margin: 0px 0px 0px 7.101%;
}

.div-middle{
    width: 100%;
    padding-top: 0.1px;
    padding-bottom: 0.1px;
    position: relative;
}

.div-img-big-circle2{
    width: 26.042%;
    margin-top: 4.792%;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
}

.img-big-circle2{
    width: 100%;
    position: relative;
    top: 0px;
    right: -34.6%;
}

.img-big-circle1{
    width: 11.875%;
    margin-top: 20.833%;
    position: absolute;
    top: 0px;
    right: 10.052%;
}


.div-middle-title{
    width: 1150px;
    /* margin-left: 20.052%; */
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 9.6875%; */
    margin-top: 15.208%;
    position: relative;
    display: flex;
}

.div-line-bottom{
    /* width: 40.104%; */
    width: 66.609%;
    /* height: 172px; */
    height: 178px;
    margin-left: -20px;
    border-bottom: 1px solid #F2CACD;
}

.div-middle-title .text-title{
    line-height: 100px;
    letter-spacing: 36px;
}

.middle-ornament1{
    /* width: 3.698%;  */
    width: 5.652%;
    /* margin-top: 18.698%; */
    /* margin-top: 16.435%; */
    margin-bottom: -1.437%;
    position: absolute;
    bottom: 0px;
    /* top: 0px; */
    /* left: 11.719%; */
    left: -13.13%;
    /* left: -151px; */

}

.emf .middle-ornament1,
.bud .middle-ornament1{
    margin-top: 11%;
}

.middle-ornament2{
    width: 2.865%; 
    margin-top: 35.882%;
    position: absolute;
    top: 0px;
    right: 2.868%;
}

.div-middle-ornament3{
    width: 28.646%;
    margin-bottom: 6.615%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.middle-ornament3{
    width: 13.091%;
    position: absolute;
    top: 0px;
    right: 18.364%;
}

.div-middle-ornament3 .div-line{
    width: 100%;
    height: 1px;
    margin-top: 18.545%;
    margin-bottom: 3.636%;
    background-color: #F2CACD;
}

.div-middle-ornament3 .text-small{
    /* color: #A46131; */
    font-weight: 300;
    color: #FF9D01;
}

.middle-ornament4a{
    width: 29.163%;
    margin-top: 75.3%;
    position: absolute;
    top: 0px;
    left: -14.5815%;
}

.middle-ornament4b{
    width: 1.146%;
    margin-top: 76.859%;
    position: absolute;
    top: 0px;
    left: 7.503%;
}

.middle-ornament4c{
    width: 6.771%;
    margin-top: 94.5%;
    position: absolute;
    top: 0px;
    left: 11.363%;
}

/* .bud .middle-ornament4a{
    margin-top: 68.3%;
}

.bud .middle-ornament4b{
    margin-top: 69.859%;
}

.bud .middle-ornament4c{
    margin-top: 87.5%;
} */

.bud .middle-ornament4a,
.tvp .middle-ornament4a{
    margin-top: 60.3%;
}

.bud .middle-ornament4b,
.tvp .middle-ornament4b{
    margin-top: 61.859%;
}

.bud .middle-ornament4c,
.tvp .middle-ornament4c{
    margin-top: 79.5%;
}


.middle-ornament5{
    width: 0.781%;
    /* margin-top: 105.521%; */
    /* margin-top: 103.521%; */
    margin-top: 108.034%;
    position: absolute;
    top: 0px;
    left: 6.667%;
}

.div-subtitle{
    width: 1150px;
    margin-top: 3.021%;
    /* margin-left: 18.177%; */
    margin-left: auto;
    margin-right: auto;
    /* color: #A46131; */
    color: #FF9D01;
}

.div-middle .div-subtitle.text-content{
    /* font-weight: 500; */
    font-weight: 300;
}

.div-middle-content-container{
    width: 36.458%;
    margin-top: 4.115%;
    margin-bottom: 13.021%; 
}

.emf .div-middle-content-container{
    margin-bottom: 0px;
}

.div-content-container{
    width: 100%;
}

.div-content-box{
    width: 100%;
    position: relative;
    display: flex;
    border-radius: 11px;
    background-color: #FEFEFC;
    box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
}

.div-left,
.div-right,
.div-center{
    width: 50%;
    padding-top: 4.286%;
    padding-bottom: 2.857%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.div-content-box.start .div-left,
.div-content-box.start .div-right{
    justify-content: flex-start;
}

.div-middle-center{
    margin-top: -12px;
    margin-left: -9px;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 0.9rem;
    line-height: 25px;
    text-align: justify;
    color: #463F3A;
}

.img-company{
    width: 24.286%;
}

.div-center .img-company{
    width: 12.137%;
}

.img-gov{
    width: 23.714%;
}

.div-content-box img{
    margin-bottom: 5.714%;
}

.div-number{
    margin-top: 12.286%;
    margin-left: -11%;
    position: absolute;
    top: 0px;
    /* left: -7.143%; */
    left: 0px;
    font-family: 'AdobeGothicStd', arial;
    font-weight: bold;
    font-size: 2rem;
    line-height: 47px;
    /* color: #FF9D01; */
    color: rgba(255,157,1);
}

.div-button{
    margin-top: 2.714%;
    padding: 1.143% 2.571%;
    display: block;
    border-radius: 19px;
    border: 0px;
    background-color: #5472B0;
    box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
}

.div-button:hover{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #5472B0;
    box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
}

.div-button:active{
    box-shadow: 0px 7px 6px rgba(154, 144, 125, 0.248798);
}

.div-button:focus{
    outline: none;
}

.div-button.text-small{
    /* font-weight: 500; */
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}

.div-button img{
    width: 10px;
}

.img-plus{
    width: 4%;
    margin: 7% auto;
    display: block;
}

.img-agency{
    width: 44.286%;
}

.img-ngo{
    width: 62.571%;
}

.div-content-box .text-bigger-content{
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
}

.div-content-box .div-center{
    width: 100%;
}

.div-content-box .div-center img{
    margin-bottom: 2.857%;
}

.img-bussiness{
    width: 34.714%;
    position: relative;
    left: 8.571%;
}

.div-extra-info{
    width: 100%;
    margin-top: 2.714%;
    padding: 4.286%;
    position: relative;
    font-weight: 300;
    border-radius: 11px;
    background-color: #FEFEFC;
    box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
}

.div-extra-info div{
    margin-top: 2.857%;
}

.div-bottom{
    width: 100%;
    margin-top: 3.125%;
    padding-top: 0.1px;
    /* padding-bottom: 0.1px; */
    padding-bottom: 16.771%;
    position: relative;
}

.div-bottom .div-title{
    margin-left: 65.3125%;
}

.div-bottom .div-title.text-title-smaller{
    font-weight: 500;
}

.div-bottom .div-title.text-title{
    line-height: 100px;
    letter-spacing: 36px;
    color: #463F3A;
}

.bottom-ornament-1{
    width: 17.353%;
    margin-top: 7.969%;
    position: absolute;
    top: 0px;
    right: 10.668%;
}

.div-bottom .div-middle-ornament3{
    /* margin-bottom: -9.615%; */
    /* margin-bottom: 9.615%; */
}

.div-list-container{
    width: 75%;
    margin-left: 14.01%;
    padding-top: 0.656%;
}

.div-list{
    width: 100%;
    margin-top: 2.153%;
    justify-content: flex-start;
}

.img-branding{
    width: 46.917%;
}

.img-upgrading{
    width: 35.37%;
}

.img-sales{
    width: 46.194%;
}

.img-expenses{
    width: 47.083%;
}

.div-list.right {
    flex-direction: row-reverse;
}

.div-list .div-content-group{
    width: 31.25%;
    display: flex;
    flex-direction: column;
}

.div-list .div-content-group .div-title{
    text-align: center;
}

.div-list .div-content-group .div-content{
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.div-list.left .div-content-group{
    margin-left: auto;
    margin-right: 9.653%;
}

.div-list.right .div-content-group{
    margin-right: auto;
    margin-left: 5.556%;
}

.div-list .div-content-group.wider{
    width: 32.944%;
}

.div-list .div-content-group > div{
    width: 100%;
    margin-left: 0px;
}

.div-content-group .div-content{
    margin-top: 19px;
    font-size: 1.2rem;
    line-height: 38px;
    letter-spacing: 1px;
    color: #463F3A;
}

.div-content-group .div-content.smaller{
    font-size: 1.1rem;
}

.div-inline-group{
    width: 114.59%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.div-inline-group .div-content-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.div-inline-group .div-content-bottom.top{
    justify-content: flex-start;
}

.div-inline-group .div-content-bottom .div-title {
    margin-bottom: 17.85%;
}

.div-inline-group .img-money-pot2{
    width: 112.69px;
    margin-left: auto;
    margin-right: auto;
}

.div-inline-group .div-content{
    text-align: center;
    margin-top: 7.8%;
}

.div-inline-group .img-total-applications{
    width: 199px;
    margin-left: auto;
    margin-right: auto;
}

.img-funding{
    width: 30.286%;
    position: relative;
    left: 6.429%;
}

.img-organizer{
    width: 31.866%;
}

.img-manufacturing{
    width: 14%;
}

.img-non-manufacturing{
    width: 18.369%;
}

.img-separator{
    width: 56px;
    margin-left: -4%;
    margin-top: 3.857%;
    position: absolute;
    top: 0px;
    left: 50%;
}

.bud .middle-ornament5{
    /* margin-top: 96.521%; */
    margin-top: 101.034%;
}

.div-middle-content-bottom{
    margin-top: 18.143%;
}

.div-middle-content-bottom.text-content.narrow{
    /* color: #A46131; */
    color: #FF9D01;
}

.middle-ornament6{
    width: 2.031%;
    /* margin-top: 118.781%; */
    margin-top: 76.781%;
    position: absolute;
    top: 0px;
    right: 0px;
}

.middle-ornament7a{
    width: 21.5625%;
    /* margin-top: 95.365%; */
    margin-top: 86.365%;
    position: absolute;
    top: 0px;
    right: 0px;
}

.div-middle-ornament7b{
    width: 22.969%;
    margin-top: 97.365%;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
}

.middle-ornament7b{
    width: 100%;
    position: relative; 
    top: 0px;
    /* right: -6.979%; */
    right: -30.385%;
}

.middle-ornament8{
    width: 1.354%;
    /* margin-top: 161.4375%; */
    margin-top: 130.4375%;
    position: absolute;
    top: 0px;
    right: 15.365%;
}

.div-last{
    width: 100%;
    padding-top: 0.1px;
    padding-bottom: 16.771%;
    position: relative;
}

.last-ornament1{
    width: 9.323%;
    margin-left: 70.3125%;
    margin-top: 8.958%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.div-last-title{
    width: 31.823%;
    margin-left: 60.365%;
    /* margin-top: 2.395%; */
    margin-top: 15.796%;
    display: flex;
    flex-direction: column;
}

.div-last-title .text-title{
    line-height: 100px;
    letter-spacing: 36px;
}

.div-last-title .div-line-bottom{
    width: 68.74%;
    height: auto;
    margin-left: 31.26%;
    /* margin-top: -29px; */
    margin-top: -23px;
}

.div-last-title .text-content{
    font-weight: 500;
    /* color: #FF9D01; */
    color: rgba(255,157,1);
}

.div-title-text{
    margin-top: 9.82%;
}

.div-last-content{
    width: 100%;
    position: relative;
}

.img-technology{
    width: 47.292%;
    margin-left: 28.177%;
}

.comment-box1,
.comment-box2,
.comment-box3,
.comment-box4{
    padding: 0.781% 1.302% 0.677% 1.302%;
    position: absolute;
    top: 0px;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 31px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 12px;
    background-color: #FF9D01;
    box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
    opacity: 1;
    transition: opacity 2s;
}

.comment-box1.starter,
.comment-box2.starter,
.comment-box3.starter,
.comment-box4.starter{
    opacity: 0;
}

.comment-box1{
    margin-top: 5.99%;
    margin-left: 13.594%;
    left: 0px;
}

.comment-box2{
    margin-top: 11.198%;
    margin-left: 7.656%;
    left: 0px;
}

.comment-box3{
    margin-top: 18.49%;
    margin-right: 8.594%;
    right: 0px;
}

.comment-box4{
    margin-top: 33.021%;
    margin-left: 12.292%;
    left: 0px;
}




.div-top-content .div-title.starter,
.div-main-content.starter,
.div-content-bottom .div-title.starter,
.div-content-bottom img.starter,
.div-content-bottom .div-content.starter,
.div-middle-title .div-title.starter,
.div-middle .div-subtitle.starter,
.div-content-container .div-content-box.starter,
.div-content-container .div-content-box .div-number.starter,
.div-content-container .div-button.starter,
.div-last-title .div-title.starter,
.div-last-title .div-title-text.starter,
.div-last-content img.starter,
.div-bottom-title.starter,
.div-bottom .div-list .div-title.starter,
.div-bottom .div-list .div-content.starter{
    top: 50px;
    opacity: 0;
}





.div-top-content .div-title,
.div-main-content,
.div-content-bottom .div-title,
.div-content-bottom img,
.div-content-bottom .div-content,
.div-middle-title .div-title,
.div-middle .div-subtitle,
.div-content-container .div-content-box,
.div-content-container .div-content-box .div-number,
.div-content-container .div-button,
.div-last-title .div-title,
.div-last-title .div-title-text,
.div-last-content img,
.div-bottom-title,
.div-bottom .div-list .div-title,
.div-bottom .div-list .div-content{
    position: relative;
    top: 0px;
    opacity: 1;
    transition: all 1s;
} 

.div-content-container .div-content-box .div-number{
    position: absolute;
}


@media(max-width: 1919px){
    .div-list-container,
    .bud .div-top,
    .div-top{
        width: 1420px;
        margin-left: auto;
        margin-right: auto;
    }

    .div-inline-group{
        width: 107.59%;
    }
    
    .bud .div-content-bottom{
        width: 110%;
    }

    .div-middle-content-container{
        width: 700px;
        margin-left: auto;
        margin-right: auto
    }

    .top-ornament-2{
        margin-top: 1250px;
    }

    .emf .top-ornament-2{
        margin-top: 1050px;
    }

    .div-last-content{
        width: 1420px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .comment-box1{
        margin-left: 10.594%;
    }

    .comment-box2{
        margin-left: 5.656%;
    }

    .comment-box3{
        margin-right: 6.594%;
    }

    .comment-box4{
        margin-left: 8.292%;
    }
}

@media(max-width: 1599px){
    .div-last-content,
    .div-list-container,
    .bud .div-top,
    .div-top{
        width: 1300px;
    }

    .div-inline-group{
        width: 100%;
    }

    .bud .div-content-bottom{
        width: 100%;
    }

    .div-line-bottom{
        height: 172px;
    }


    .div-last-title .div-line-bottom{
        margin-top: -29px;
    }

    .emf .middle-ornament1, 
    .bud .middle-ornament1{
        margin-top: 15%;
    }

    .div-content-inline .img-money-pot2{
        margin-right: 12.726%;
    }

    .div-content-inline .img-reward{
        margin-right: 6.45%;
    }

    .top-ornament-2{
        margin-top: 1150px;
    }

    .emf .top-ornament-2{
        margin-top: 980px;
    }

    .div-middle-title{
        width: 850px;
    }

    .div-subtitle{
        width: 922px;
    }

    .last-ornament1{
        margin-left: 72.3125%;
    }
}

@media(max-width: 1365px){
    .div-last-content,
    .div-list-container,
    .bud .div-top,
    .div-top{
        width: 1200px;
    }

    .div-top-content{
        padding-left: 7%;
    }

    .top-ornament-2{
        margin-top: 1090px;
    }

    .emf .top-ornament-2{
        margin-top: 900px;
    }

    .middle-ornament1{
        margin-top: 20.435%;
    }

    .emf .middle-ornament1, 
    .bud .middle-ornament1{
        margin-top: 18%;
    }

    .div-middle-title{
        width: 750px;
    }

    .div-subtitle{
        width: 822px;
    }

    .div-list .div-content-group{
        width: 35.25%;
    }

    .div-last-title .div-line-bottom{
        margin-left: 34.26%;
    }
}

@media(max-width: 1279px){
    .text-content{
        line-height: 35px;
    }

    .div-last-content,
    .div-list-container,
    .bud .div-top,
    .div-top{
        width: 950px;
    }

    .div-top-content-img{
        align-self: center;
    }

    .div-top-content{
        padding-left: 5%;
    }

    .div-inline-group .img-total-applications{
        width: 181.4px;
    }

    .top-ornament-2{
        margin-top: 1000px;
    }

    .emf .top-ornament-2{
        margin-top: 912 px;
    }

    .middle-ornament1 {
        margin-top: 23.435%;
    }

    .emf .middle-ornament1, 
    .bud .middle-ornament1{
        margin-top: 20%;
    }

    .div-middle-title{
        width: 650px;
    }

    .div-subtitle{
        width: 700px;
    }

    .middle-ornament4a,
    .middle-ornament4b,
    .middle-ornament4c,
    .middle-ornament5 {
        /* display: none; */
        /* width: 12.583%; */
    }

    .div-list .div-content-group.wider{
        width: 36%;
    }

    .bottom-ornament-1{
        margin-top: 9.969%;
        right: 6.668%;
    }

    .comment-box1{
        margin-left: 8.594%;
    }

    .comment-box2 {
        margin-left: 2.656%;
    }

    .comment-box3 {
        margin-right: 1.594%;
    }

    .comment-box4 {
        margin-left: 4.292%;
    }

    .last-ornament1{
        margin-top: 12.958%;
        margin-left: 74.3125%;
    }

    .div-last-title .div-line-bottom{
        margin-left: 41.26%;
    }

    .div-button:hover{
        background: none;
        background-color: #5472B0;
        box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
    }

    .div-button:active{
        /* background: none; */
        /* background-color: #5472B0; */
        /* box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798); */
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #5472B0;
        box-shadow: 0px 3px 6px rgba(154, 144, 125, 0.248798);
    }
}

@media(max-width: 991px){
    .hide-at-992{
        display: none;
    }
    
    .div-last-content,
    .div-list-container,
    .bud .div-top,
    .div-top{
        width: 700px;
        flex-direction: column;
    }

    .bud .div-top-content{
        width: 100%;
        padding-left: 0px;
    }

    .div-content-bottom .text-content{
        /* font-size: 1.5rem; */
        font-size: 1rem;
    }

    .div-top-content-img{
        width: 80%;
        margin-top: 20%;
    }

    .emf .div-top-content-img{
        margin-top: 25%;
    }

    .div-top .text-title{
        margin-top: 20px;
        position: absolute;
        top: 0px;
        font-size: 2.6rem;
        line-height: 55px;
        letter-spacing: 3px;    
    }

    .div-main-content {
        /* margin-top: 2.836%; */
        margin-top: 18%;
        margin-bottom: 5.951%;
    }

    .div-top-content{
        width: 700px;
        padding-left: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .bud .div-content-bottom .div-title,
    .div-content-bottom .div-title{
        margin-bottom: 4.033%;
    }

    .bud .div-content-bottom{
        margin-bottom: 6.145%;
    }

    .emf .div-middle-content-bottom.text-content{
        font-size: 0.9rem;  
    }

    .img-separator{
        width: 38px;
    }
    
    .top-ornament-1,
    .top-ornament-2 {
        /* margin-top: 1360px; */
        display: none;
    }

    /*     
    .emf .top-ornament-2{
        margin-top: 1340px;
    }

    .bud .top-ornament-2{
        margin-top: 1420px;
    } */

    .middle-ornament1{
        width: 8.652%;
        margin-top: 38.435%;
        left: -115px;
    }

    .emf .middle-ornament1, 
    .bud .middle-ornament1{
        margin-top: 31%;
    }

    .div-subtitle{
        width: 500px;
    }

    .div-middle-title {
        width: 426px;
    }

    .div-middle-content-container{
        width: 500px;
    }

    .div-list{
        flex-direction: column;
    }

    .div-list.right{
        flex-direction: column;
    }

    .div-list img{
        width: 75%;
        margin-bottom: 24px;
    }

    .div-list .div-content-group.wider,
    .div-list .div-content-group{
        width: 45%;
        margin-bottom: 105px;
    }

    .div-list.right .div-content-group,
    .div-list.left .div-content-group {
        margin-left: auto;
        margin-right: auto;
    }

    .bud .div-middle-content-container{
        margin-bottom : 235px;
    }

    .div-bottom{
        margin-top: 0px;
    }

    .div-bottom .div-title.text-title{
        margin-bottom: 190px;
    }

    .last-ornament1{
        margin-left: 77.3125%;
    }

    .bottom-ornament-1{
        /* width: 166.59px; */
        width: 240px;
        margin-top: 15.969%;
        right:50%;
        margin-right: -120px;
        /* margin-right: -83.295px; */
    }

    .comment-box1, 
    .comment-box2, 
    .comment-box3, 
    .comment-box4{
        line-height: 20px;
    }

    .comment-box1{
        margin-left: 3.594%;
    }

    .comment-box2 {
        margin-left: -2.656%;
    }

    .comment-box3 {
        margin-right: -4.594%;
    }

    .comment-box4 {
        margin-left: -2.292%;
    }

    .div-last-title .div-line-bottom{
        margin-left: 50.26%;
    }

    .emf .middle-ornament4a {
        margin-top: 110.3%;
    }

    .emf .middle-ornament4b {
        margin-top: 111.859%;
    }

    .emf .middle-ornament4c {
        margin-top: 129.5%;
    }

    .emf .middle-ornament5 {
        margin-top: 143.034%;
    }

    .emf .middle-ornament6{
        margin-top: 116.781%;
    }

    .emf .middle-ornament7a{
        margin-top: 126.365%;
    }

    .emf .div-middle-ornament7b{
        margin-top: 137.365%;
    }

    .emf .middle-ornament8{
        margin-top: 170.4375%;
    }
}

@media(max-width: 767px){
    .hide-at-768{
        display: none;
    }

    .div-list-container,
    .bud .div-top,
    .div-top-content,
    .div-top{
        width: 400px;
    }

    .div-content-bottom .text-content{
        font-size: 1rem;
    }

    .div-inline-group .div-content-bottom{
        width: 45%;
    }

    .div-inline-group .img-money-pot2{
        width: 92.69px;
    }

    .div-inline-group .img-total-applications{
        width: 150px;
    }

    .top-ornament-2 {
        margin-top: 1090px;
    }

    .emf .top-ornament-2 {
        margin-top: 1050px;
    }

    .bud .top-ornament-2 {
        margin-top: 1220px;
    }

    .div-top-content-img{
        margin-top: 30%;
    }

    .emf .div-top-content-img{
        margin-top: 40%;
        margin-bottom: 5%;
    }

    .div-main-content{
        margin-top: 22%;
    }

    .div-subtitle{
        width: 400px;
        /* text-align: center; */
    }

    .middle-ornament1 {
        display: none;
        /* margin-top: 13.435%; */
        /* left: -5px; */
    }

    .emf .middle-ornament1, 
    .bud .middle-ornament1{
        margin-top: 9%;
    }

    .div-img-big-circle2{
        width: 40%;
        margin-top: -5%;
    }

    .img-big-circle1{
        width: 24%;
        margin-top: 15.833%;
    }

    .middle-ornament4a{
        width: 74.667%;
        left: -44.845%;
    }

    .middle-ornament4c{
        width: 17.333%;
    }

    .middle-ornament4b,
    .middle-ornament5{
        display: none;
    }

    .div-middle-content-container{
        width : 400px;
        /* margin-top: 17.33%; */
        margin-top: 10%;
        margin-bottom: 22%;
    }

    .div-number{
        margin-left: 10px;
        margin-top: 0px;
    }

    .div-middle-title{
        /* flex-direction : column; */
        /* margin-top: 17%; */
        margin-top: 45%;
    }

    .div-middle-title .div-title{
        /* width: 100%; */
        /* text-align: center; */
    }

    .div-middle-title br{
        display: none;
    }

    .div-middle-title .div-line-bottom{
        width: 100%;
        height: auto;
        margin-left: -55px;
    }

    .div-middle-title .text-title,
    .div-bottom .div-title.div-bottom-title{
        line-height: 65px;
        letter-spacing: 24px;
    }

    .div-bottom .div-title.div-bottom-title{
        width: 100%;
        margin-left: 0px;
        text-align: right;
    }

    .div-last-title{
        width: 45.823%;
        margin-left: 52.365%;
    }

    .div-last-title .div-line-bottom{
        width: 62.74%;
        margin-left: 36.26%;
    }

    .bottom-ornament-1{
        width: 166.59px;
        /* margin-top: 25%; */
        margin-top: 19%;
        margin-right: -83.295px;
    }

    .div-list.right,
    .div-list{
        flex-direction: column;
        margin-bottom: 30px;
    }

    .img-upgrading,
    .img-sales,
    .img-expenses,
    .img-branding{
        width: 85%;
    }

    .div-list .div-content-group.wider, 
    .div-list .div-content-group {
        width: 95%;
    }

    .div-middle-ornament3{
        width: 248px;
        /* margin-bottom: -12.615%; */
    }

    .div-last{
        margin-bottom: 150px;
    }

    .emf .div-middle-ornament3 {
        margin-bottom: -16.615%;
    }

    /* .div-last-title{
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 100px;
    } */

    /* .div-last-title .div-title br{
        display: none;
    } */

    /* .div-last-title .div-title {
        margin-left: auto;
        margin-right: auto;
    } */

    /* .div-last-title .div-line-bottom{
        width: 100%;
        margin-left: 0px;
    } */





    .div-last-content {
        width: 420px;
        display: flex;
    }
    

    .img-technology{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 17.333%;
    }


    .comment-box1, 
    .comment-box2, 
    .comment-box3, 
    .comment-box4 {
        width: 280px;
        padding: 11px 7.143%;
        margin: 10px auto;
        position: relative;
        font-size: 1rem;
        line-height: 21px;
    }

}

@media(max-width: 440px){
    .hide-at-440{
        display:none;
    }

    .show-at-440{
        display: initial;
    }

    .text-title-smaller{
        font-size: 1.45rem;
    }

    .text-bigger-content{
        line-height: 27px;
    }

    .div-button{
        padding: 2.446% 5.504%;
    }


    .div-list-container{
        width: 320px;
    }

    .div-top,
    .bud .div-top{
        width: 86.667%;
    }

    .div-top .text-title{
        margin-top: 18%;
    }

    .div-top-content{
        width: 100%;
    }

    .emf .div-top-content-img{
        margin-top: 60%;
    }

    .div-top-content-img{
        margin-top: 52%;
        margin-bottom: 25%;
        /* margin-top: 60%; */
        /* margin-bottom: 10%; */
    }

    .div-inline-group{
        flex-direction: column;
    }

    .div-inline-group .div-content-bottom{
        width: 100%;
        margin-bottom: 35px;
    }

    .div-inline-group .div-content-bottom .div-title{
        margin-bottom: 8.85%;
    }

    .div-inline-group .div-content-bottom .div-content{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .top-ornament-2 {   
        margin-top: 935px;
    }

    .emf .top-ornament-2{
        margin-top: 1110px;
    }

    .bud .top-ornament-2 {
        margin-top: 1020px;
    }

    .div-middle-content-container {
        width: 320px;
        margin-bottom: 48.267%;
    }

    .div-content-box{
        justify-content: space-around;
    }

    .div-content-box.vertical{
        flex-direction: column;
        align-items: center;
    }

    .div-content-box.vertical .div-left, 
    .div-content-box.vertical .div-right{
        width: 69.72%;
    }

    .div-content-box.vertical .div-middle-center{
        top: 53%;
    }

    .emf .div-img-big-circle2{
        margin-top: -15%;
    }

    .emf .img-big-circle1{
        margin-top: 7.833%;
    }

    .middle-ornament7a{
        margin-top: 307%;
    }

    .emf .div-middle-ornament7b{
        width: 58.8%;
        height: 1000px;
        margin-top: 220%;
    }

    .middle-ornament7a-m{
        width: 96.372%;
        margin-top: 90%;
        position: absolute;
        right: -33.333%;
    }

    .middle-ornament7b{
        position: absolute;
        right: -61.224%;
        top: 300px;
    }

    .last-ornament1{
        width: 23.859%;
        margin-top: 25.456%;
        left: 50%;
        margin-left: -11.929%;
    }

    .div-left, 
    .div-right, .div-center{
        width: 30%;
        padding-top: 13.286%;
    }

    .img-company{
        width: 64.39%;
    }

    .div-center .img-company {
        width: 20.79%;
    }

    .img-gov{
        width: 62.484%;
    }

    .img-bussiness{
        width: 51.7333%;
        left: 15.571%;
    }

    .img-manufacturing {
        width: 43.295%;
    }

    .img-non-manufacturing{
        width: 57.787%;
    }

    .img-separator{
        width: 50px;
    }

    .img-funding{
        width: 51.07%;
        left: 12.429%;
    }

    .img-organizer {
        width: 54.572%;
    }

    .div-subtitle {
        width: 320px;
        margin-top: 40px;
    }

    .middle-ornament1 {
        width: 9.652%;
        margin-top: 9.435%;
    }

    .div-middle-title{
        width: 320px;
        margin-top: 55%;
    }

    .div-middle-title .text-title {
        line-height: 58px;
        letter-spacing: 12px;
    }

    .div-content-inline{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
    }

    .div-content-inline .img-money-pot2{
        width: 40.246%;
        margin-bottom: 8.571%;
    }

    .div-content-inline .img-reward{
        width: 71.071%;
        margin-bottom: 8.571%;
    }

    .div-content-inline .div-content {  
        line-height: 27px;
    }

    .bud .div-content-bottom{
        margin-bottom: 10.667%;
    }

    .div-middle-ornament3{
        width: 200px;
        /* margin-bottom: -15.615%; */
    }

    .div-bottom .div-bottom-title{
        width: 280px;
    }

    .div-bottom .div-bottom-title.text-title{
        letter-spacing: 12px;
    }

    .bottom-ornament-1{
        margin-top: 30%;    
    }

    .div-last-content{
        width: 300px;
        margin-top: 65px;
        display: flex;
    }

    .div-last-title{
        width: 320px;
        margin-top: 56.8%;
        margin-left: auto;
        margin-right: auto;
    }

    .div-last-title .div-line-bottom{
        margin-top: -4px;
        margin-left: 0px;
    }

    .div-last-title .div-title.text-title{
        margin-left: auto;
        letter-spacing: 12px;
        line-height: 50px;
    }

    .img-technology{
        width: 100%;
    }


    .div-last{
        margin-bottom: 100px;
    }

    .tvp .middle-ornament4a{
        margin-top: 210.3%;
    }

    .tvp .middle-ornament4c{
        margin-top: 229.5%;
    }

    .bud .middle-ornament4a{
        margin-top: 100.3%;
    }

    .bud .middle-ornament4c{
        margin-top: 119.5%;
    }

    .emf .middle-ornament4a {
        margin-top: 200.3%;
    }

    .emf .middle-ornament4b {
        margin-top: 201.859%;
    }

    .emf .middle-ornament4c {
        margin-top: 219.5%;
    }

    .emf .middle-ornament5 {
        margin-top: 233.034%;
    }





}

@media(max-width: 330px){
    .div-middle-title,
    .div-middle-content-container{
        width: 280px;
    }

    .div-content-box.vertical .div-left, 
    .div-content-box.vertical .div-right{
        width: 70.72%;
    }

    .top-ornament-2 {
        margin-top: 920px;
    }

    .div-subtitle{
        width: 290px;
    }

    .div-bottom .div-title.text-title {
        margin-bottom: 160px;
    }

    .bottom-ornament-1 {
        margin-top: 35%;
    }
}