@charset "utf-8";
@media screen and (min-width:320px) and (max-width:375px) {
    .header .container .navbar { top:1.6rem; }
    .index .one .slide .container .txt { top:6rem;}
    .index .one .slide .container .txt h4 { font-size:4.8rem;}
    .index .one .slide .container .txt a { width:18rem; margin-top:2rem; }

    .index .six .container .fun { width:100%;}
    .index .six .container .fun ul li {}
    .about .six .row h3 { font-size:4rem; }
    .about .six .row h3:before { width: 44rem;}

    .aboutceo .container .row h3 { font-size:4rem;}
    .aboutceo .container .row h3.ceo:before { width:46rem; }

    .aboutcontact .one .txt { margin: 2rem 0 0 3rem; }
}
@media screen and (min-width:376px) and (max-width:414px) {
    .header .container .navbar { top:1.8rem; }
    .index .one .slide .container .txt { top:6rem;}
    .index .one .slide .container .txt h4 { font-size:4.8rem;}
    .index .one .slide .container .txt a { width:18rem; margin-top:2rem; }
    .index .six .container .fun { width:90%;}
    .about .six .row h3 { font-size:4rem; }
    .about .six .row h3:before { width: 44rem;}

    .aboutceo .container .row h3 { font-size:4rem;}
    .aboutceo .container .row h3.ceo:before { width:46rem; }

    .aboutcontact .one .txt { margin: 2rem 0 0 3rem; }
}
@media screen and (min-width:415px) and (max-width:639px) {
    .header .container .navbar { top:2rem; } 
    .index .one .slide .container .txt { top:5rem;}
    .index .one .slide .container .txt h4 { font-size:4.2rem; margin-bottom:3rem; }
    .index .one .slide .container .txt a { width:18rem; height:5rem; line-height:5rem; margin-top:2rem; font-size:2rem;}
    .index .six .container .fun { width:90%;}
    .about .six .row h3 { font-size:4.6rem; }
    .about .six .row h3:before { width: 50rem;}

    .aboutceo .container .row h3 { font-size:4rem;}
    .aboutceo .container .row h3.ceo:before { width:46rem; }
}
@media screen and (min-width:415px) and (max-width:480px) {
    .about .six .row h3 { font-size:4rem; }
    .about .six .row h3:before { width: 44rem;}
    .aboutcontact .one .txt { margin: 2rem 0 0 3rem; }
}

@media screen and (min-width:640px) and (max-width:719px) { 
}
@media screen and (min-width:720px) { 
}