@media screen and (max-width: 1366px) {
    .section{font-size: 14px; line-height: 24px}
    .s1-1 {
        margin-top: 50px
    }

    .s2-1 {
        width: 430px;
        height: 155px;
        top: 130px;
        right: 160px;
    }

    .s2-2 {
        width: 630px;
        height: 32px;
        top: 510px;
        right: -40px;
    }

    .s2-3 {
        width: 628px;
        height: 100px;
        top: 320px;
        right: -46px;
    }

    .s3-1 {
        margin-top: 150px;
    }

    .s4-1 {
        margin-top: 110px;
    }

    .s4-3 {
        margin-top: 32px;
    }

    .s4-4 {
        margin-top: 44px;
    }

    .s5-1 {
        margin-top: 150px;
    }

    .s6-margin {
        margin-left: 650px;
    }
    .s6-1 {
        margin-top: 110px;
    }
    .s6-3 {
        width: 456px;
        height: 51px;
        background: url("../images/s6-3.png") no-repeat;
        opacity: 0;
    }

    .s7-margin {
        margin-left: 700px
    }

    .s7-1 {
        margin-top: 90px;
    }
    .s7-2 {
        margin-top: 16px;
    }
    .s7-3 {
        bottom: 60px;
    }

    .s823 {
        margin-top: 30px
    }

    .s8-1 {
        padding: 120px 0 70px 0
    }

    .s8-4 {
        padding: 10px 0 30px 0;
        width: 100%;
    }

    /*list*/
    .p1-1,.p2-1,.p3-1,.p4-1 {
        margin-top: 110px;
    }

    .p3-box {
        margin-left: 630px;
        margin-top: -30px;
    }


    .c1-1 {
        margin-top: 22%;
        margin-right: 60px;
    }
    .c1-2{
        top: 48%;
        width: 400px;
        right: 20px;
    }
    .c2-1 {
        position: absolute; left: 0px;
        top:30%;
        width: 400px;

    }

    .c2-2 {
        left: 0;
        top:65%;
        width: 400px;

    }

    /*.c3-1 {*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*width: 700px;*/
    /*height: 510px;*/
    /*margin-left: -350px;*/
    /*top: 50%;*/
    /*margin-top: -305px;*/
    /*opacity: 0;*/
    /*background-color: #9fbf5c;*/
    /*}*/

    .c3-2 {
        left: 55%;
        top: 35%;
    }

    .c3-3 {
        left: 55%;
        top: 48%;
    }

    .c4-1 {
        left: 20%;
        top: 53%;
        font-size: 32px;
    }
    .c4-2 {
        left: 20%;
        top: 58%;
        line-height: 22px
    }

    .c5-1 {
        padding-top: 40px;
        margin-left: 60px;
        font-size: 32px;
        color: #48bdc6;
    }

    .c5-2 {
        width: 503px;
        margin-top: 20px;
        margin-left: 60px;
    }

    .c5-3 {
        margin-top: 20px;
        margin-left: 60px;
    }

    .c5-4 {
        width: 389px;
        height: 423px;
        background: url("../images/c4-4.png") no-repeat;
        background-size: cover;
        opacity: 0;
        position: absolute;
        top: -60px;
        right: 100px;
    }

    .p1-gif {
        left: 1%;
        top: 104px;
        width: 550px;
    }
    .p1-gif img{width: 100%}
    .dot_container {
        top: 60%;
        left: 30%;
    }
    .p1-box {
        margin-top: 40px;
    }

    .p2-gif{right: 4%; width: 550px;    top: 104px;}
    .p2-gif img{width: 100%}
    .dot_container_2 {
        top: 62%;
        left: auto;
        right: 39%;
    }
    .p2-box {
        margin-left: -50px;margin-top: -10px;
    }

    .p3-gif {
        top: 102px;
    }
    .dot_container_3 {
        left: 27%;
        top: 66%;
    }
    .p4-gif {
        right: -3%;
        top: 80px;
        width: 550px;
    }
    .p4-gif img{width: 100%}

    .section-p5 {
        /*background: url(../images/555.gif) no-repeat 15% 100px;*/
        background-size: 450px;
    }
    .p5-box {
        top: -48px;
    }
    .p5-gif{ top: 66px }

    .reveal-modal {
        height: 545px;}
}


/*@media screen and (max-width:1440px) and (min-width:1366px){*/
@media screen and (max-width:1440px) and (min-width:1367px){
    .s1-1 {
        margin-top: 180px;
        /*background: url("../images/s1-1-s.png") no-repeat;
        background-size: cover;
        width: 419px;
        height: 147px;
        margin-top: 180px;
        margin-left: 200px;
        opacity: 0;*/
    }

    .section2 {
        background: url(../images/bg2-1440.jpg) no-repeat;
        background-size: auto 100%;
    }
    .s2-1 {
        top: 170px;
        right: 20px;
    }

    .s2-2 {
        top: 650px;
        width: 596px;
        height: 31px;
        right: -92px;
    }

    .s2-3 {
        width: 583px;
        top: 410px;
        right: -92px;

    }

    .s3-1 { margin-top: 110px;}

    .s4-box{position: absolute; width: 657px; right: -80px}
    .s4-1 {
        margin-top: 90px;
    }

    .s5-1 {
        margin-top: 150px;
    }


    .s7-1 {
        margin-top: 110px;
    }
    .s7-3 {
        bottom: 40px;
    }
    .s7-margin {
        margin-left: 700px
    }

    /*list*/
    .p1-box {
        margin-right: -50px;
        margin-top: -16px;
    }

    .p3-box {
        right: -110px;
        margin-right: -30px;
        margin-top: -50px;
    }
    .p4-box {
        right: -90px;
        padding-top: 6px;
    }


    .c1-1 {
        margin-top: 24%;
        margin-right: 0;
    }
    .c1-2{
        top: 40%;
        width: 400px;
        right: -46px;
    }

    .c2-1 {
        position: absolute; left: 0px;
        top:30%;

    }

    .c2-2 {
        left: 0;
        top:55%;
        width: 600px;
    }

    /*.c3-1 {*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*width: 700px;*/
    /*height: 510px;*/
    /*margin-left: -350px;*/
    /*top: 50%;*/
    /*margin-top: -305px;*/
    /*opacity: 0;*/
    /*background-color: #9fbf5c;*/
    /*}*/



    .c4-1 {
        left: 25%;
        top: 56%;
        opacity: 0;
    }
    .c4-2 {
        left: 25%;
        top: 62%;
    }

    .c5-1 {
        padding-top: 60px;
        margin-left: 60px;
        font-size: 32px;
        color: #48bdc6;
    }

    .c5-2 {
        width: 503px;
        margin-top: 20px;
        margin-left: 60px;
    }

    .c5-3 {
        margin-top: 20px;
        margin-left: 60px;
    }

    .c5-4 {
        width: 489px;
        height: 531px;
        background-size: cover;
        opacity: 0;
        position: absolute;
        top: -60px;
        right: 50px;
    }


    .section-p1 {
        /*background: url(../images/1.gif) no-repeat 10% 200px;*/
    }
    .section-p2 {
        /*background: url(../images/1.gif) no-repeat 85% 200px;*/
    }

    .section-p3 {
        /*background: url(../images/33.gif) no-repeat 10% 200px;*/
    }

    .section-p4 {
        /*background: url(../images/yq3ddy.jpg) no-repeat 85% 100px;*/
    }

    .section-p5 {
        /*background: url(../images/yq3dgy.jpg) no-repeat 10% 100px;*/
    }

    .p1-1{margin-top: 183px}
    .p1-gif {
        left: 4%;width: 590px;    top: 164px;
    }
    .p1-gif img{width: 100%}
    .dot_container {
        top: 66%;
    }

    .p2-gif{right: 7%; width: 590px}
    .p2-gif img{width: 100%}
    .p2-box {
        margin-left: -50px;margin-top: -30px;
    }
    .p2-3 {
        margin-top: 22px;
    }
    .p3-1 {
        margin-top: 190px;}


    .p3-gif {
        top: 167px;
    }
    .dot_container_3 {
        left: 29%;
    }
    .p3-3 {
        margin-top: 17px;
    }

    .p4-1 {
        margin-top: 187px;
    }
    .p4-gif{width: 540px;    right: -2%;
        top: 142px; }
    .p4-gif img{width: 100%}
    .section-p5 {
        /*background: url(../images/555.gif) no-repeat 15% 100px;*/
        background-size: 450px;
    }
    .p5-box {
        top: -18px;
    }
    .p5-gif{ top: 89px }
    .dot_container_2{top: 69%}

    .reveal-modal {
        height: 686px;}
}