@media screen and (max-width:896px){
    .head{
        margin: 30px;
    }

    .head a{
        font-size: 13px;
    }

    header{
        
        margin:0 30px;
    }
    
    .header{
        margin: 80px 150px;
    }
    .header4{
        margin:0 25%;
    }

    .img1 img{
        margin:0 30px;
    }
    .li2{
        padding:10px;
    }
    .img2{
        width:100px;
        height:100px;
    }
    .img2 img{
        width:70px;
        height:70px;
        top:40%;
        left:20%;
    }
    .img4{
        top:70px;
        left:45%;
    }
    .img4 img{
        top: 30px;
    }
    .img5{
        top:250px;
        left:25%;
    }

    .h2-second{
       white-space: nowrap;
       margin-left:25%;
       margin-right:0;
    }
    .h2-third{
        white-space: nowrap;
        margin-left:15%;
    }
    .af{
        left:28%;
    }
    .bf{
        left:33%;
    }
    .cf{
        margin-top:50px;
    }
    .h1-first{
        white-space: nowrap;
    }
    .hg{
        left:22%;
    }
    .ff{
        left:40%;
    }
    .main2{
        margin-right:5%;
        margin-left:5%;
    }
    .main4{
        margin-top:50px;
        margin-right:5%;
        margin-left:5%;
    }
    .main5{
        margin-right:5%;
        margin-left:5%;
    }
    .h2-fourth{
        margin: 10px 0 10px 70px;
    }
    .h3-fourth{
        margin:30px 0 30px 70px;
    }
    .a3 a{
        margin:30px 0 10px 70px;
    }
    .h3-second{
        white-space: nowrap;
    }
    .h2-fourth{
        white-space: nowrap;
    }
    .main7{
        top:20%;
    }

    .ef a{
        margin: 150px 20px 0 270px ;
    }
    .footer1 img{
        width:100px;
        height:100px;
    }
    .li1{
        padding:10px;
        white-space: nowrap;
    }
    .ul1{
        margin:0;
    }
}

@media screen and (max-width:480px){
    .head{
        margin:5px;
        padding: 10px 0 0 5px;
    }
    
    header{
        margin: 0px auto;
        padding: 0px;
    }

    .head{
        margin:none;
    }
    .a-flex a{
        padding: 10px 0 0 5px;
        font-size: 5px;
    }
    .header4{
        margin-left:18%;
        margin-right:0;
    }
    .header img{
        width: 100px;
        margin:none;
    }

    .header{
        font-size: 13px;
        margin: 30px;
        width: 60%;
        border: 2px solid black;
    }
    .li2{
        display:none;
    }
    .header3{
        font-size:20px;
    }
    .header2{
        font-size:30px;
    }
    .first_res{display: block;}
    .first_res img{
        width: 100%;
    }
    .h1-first {
        font-size:30px;
    }
    .h3-first{
        font-size: 3px;
        top: 50px;
        margin: 10px 0;
        padding:5px ;
    }

    .img1 img{
        margin: 10px;
    }
    .img2{
        width:90px;
        height:90px;
        left: 10%;
        top: -10%;
        margin:10px 20px;
    }
    .img2 img{
        width: 30px;
        height:30px;
        top:45px;
        margin:5px 20px;
    }

    .img4{
        left:60%;
    }
    .img5{
        width:90px;
        height: 300px;
        top:50px;
        left: 30px;
    }
    .img3{
        margin-top:0px;
        font-size: 5px;
        display: none;
    }
    .h3-first{
        margin:0 5px;
        top:5px;
    }
    .h2-third{
        margin:0;
        font-size:13px;
    }
    .first{
        margin-left: 30px;
        width: 70%;
    }
    .h2-second{
        margin-left:18%;
        margin-right:0;
        font-size:13px;
    }
    .ul1{
        display:none;
    }
    .bf{
        left:65px;
    }
    .hg{
        left:50px;
    }
    .main2{
        flex-wrap: wrap;
        margin:0 30px;
        margin-top:400px;
    }
    .main1{
        width:90%;
        left:5%;
        top:-300px;
    }
    .main2 img{
        width:90%;
        top:200px;
        margin: 0 auto;
    }
    .main5{
        margin:350px 20px 0 20px;
    }
    .main5 img{
        width: 90%;
        margin: 0 auto;
    }

    .main6 img{
        margin:20px;
    }
    .main4{
        flex-wrap: wrap;
        margin:0 10%;
    }
    .main4 img{
        width: 90%;
        margin: 0 auto;
        
    }

    .main3{
        width:90%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .a3{
        white-space: nowrap;
    }
    .af{
        white-space: nowrap;
        left:30px;
    }
    .cf{
        margin-top: 50px;
    }
    .ff{
        white-space: nowrap;
        left:30%;
    }
    .df{
        margin-top: 200px;
    }

    .ef{
        margin:0 20px;
    }
    .ef a{
        margin:150px 0px ;
    }
    .gf{
        left: -5%;
    }
    .gf::after{
        left: 50%;
    }
    .hg{
        top:130%;
        left:-20px;
        margin: none;
        font-size: 5px;
    }

    .firsts{
        font-size: 5px;
        margin:30px 40px;
        width: 60%;
    }

    footer{
        margin: 0px;
        font-size: 8px;
    }
}