@media screen and (max-width:896px){
    .header4{
        margin-left:30%;
        padding:0 50px;
        white-space: nowrap;
    }
    .li2{
        padding:10px;
    }
    .img1{
        width:50%;
    }
    .img2{
        width:50%;
    }
    .img3{
        width:50%;
    }
    .h4-first span{
        left:30%;
    }
    .h2-second{
        white-space: nowrap;
    }
    .main5{
        left:20%;
    }
    .h4-second{
        top:-58px;
    }
    .p-second{
        left:60%;
    }
    .main6{
        margin-top:1000px;
    }
    .h4-third{
        white-space: nowrap;
        left:40%;
    }
    .h2-first{
        white-space: nowrap;
    }
    .img4{
        width:50%;
    }
    .img5{
        width:50%;
    }
    .p-fourth{
        left:60%;
    }
    .main10{
        left:60%;
    }
    .footer1 img{
        width:100px;
        height:100px;
    }
    .li1{
        padding:10px;
        white-space: nowrap;
    }
    .ul1{
        margin:0;
    }
}

@media screen and (max-width:480px){
    .header4{
        margin-left:20%;
    }
    .header img{
        height: 100px;
    }
    .li2{
        display:none;
    }
    .header3{
        font-size:20px;
    }
    .header2{
        font-size:30px;
    }
    .h4-first span{
        white-space: nowrap;
        left:-5%;
        top:-50px;
        font-size:16px;
    }
    .p-first{
        width:90%;
        margin-right: 0;
        margin-top:30px;
    }
    .main3{
        flex-wrap: wrap;
    }
    .img1{
        width: 90%;
    }
    .h4-second{
        white-space: nowrap;
        left:0;
        top:-70px;
        font-size:16px;
    }
    .img2{
        width:90%;
        top:650px;
    }
    .main5{
        left:0px;
    }
    .h2-second{
        font-size: 22px;
    }
    .h2-first{
        font-size: 22px;
    }
    .p-second{
        width:90%;
        left:0;
    }
    .main6{
        margin-top:1250px;
        margin-right:5%;
        margin-left: 5%;
    }
    .h4-third{
        font-size:16px;
        left:0;
        top:-70px;
    }
    .img3{
        width:90%;
        margin-top:30px;
    }
    .p-third{
        width:90%;
    }
    .main8{
        flex-wrap: wrap;
    }
    .p-fourth{
        width:90%;
        left:0;
    }
    .img4{
        width:90%;
        top:330px;
    }
    .main10{
        left:0;
    }
    .main11{
        margin-top:1000px;
        margin-right:5%;
        margin-left: 5%;
    }
    .main12{
        padding:0;
    }
    .p-sixth{
        width:90%;
    }
    .main13{
        flex-wrap: wrap;
    }
    .img5{
        width:90%;
    }
    .ul1{
        display:none;
    }
    .main1{
        margin-right:5%;
        margin-left: 5%;
    }
    .main4{
        margin-right:5%;
        margin-left: 5%;
    }
    .main9{
        margin-right:5%;
        margin-left: 5%;
    }
}