@media screen and (max-width:896px){
    .header4{
        margin-left:23%;
        white-space: nowrap;
    }
    .li2{
        padding:10px;
    }
    .footer1 img{
        width:100px;
        height:100px;
    }
    .li1{
        padding:10px;
        white-space: nowrap;
    }
    .ul1{
        margin:0;
    }
    .h2-first{
        white-space: nowrap;
        font-size:20px;
        left:45%;
        top:10px;
    }
    .h2-second{
        white-space: nowrap;
        font-size:20px;
        left:35%;
    }
    .main2{
        margin-top:100px;
    }
    h3{
        left:35%;
        white-space: nowrap;
    }
    .re1{
        display:block;
    }
    .main3{
        padding-bottom:20px;
    }
    .re2{
        display:none;
    }
    .re3{
        display: none;
    }
}

@media screen and (max-width:480px){
    .header4{
        margin-left:23%;
    }
    .header img{
        height: 100px;
    }
    .li2{
        display:none;
    }
    .header3{
        font-size:20px;
    }
    .header2{
        font-size:30px;
    }
    .ul1{
        display:none;
    }
    .h2-first{
        top:50px;
        left:0;
    }
    .h2-second{
        left:0;
        top:80px;
    }
    .re2{
        display:block;
    }
    h3{
        top:50px;
        left:0;
    }
    .main1{
        padding-bottom: 30px;
    }
    .main2{
        padding-bottom: 30px;
    }
    .main3{
        padding-bottom: 60px;
    }
    .re3{
        display:block;
    }
}