@media screen and (min-width:320px) and (max-width:570px) {

    .nav
    {
        flex-direction: column;
    }
    .navbar
    {
        flex-direction: column;

    }
    .boy
    {
        flex-direction: column;
    }
    .menu ul
    {
        flex-direction: column;

    }
    .coll
    {
        flex-direction: column;

    }
    .nav h1{
        text-align: center;
        font-size: 18px;
        font-weight: 300;
    }
    .menu ul{
        font-size: 12px;
    }
    
    .colll{
        flex-direction: column;
    }
    .taraa {
    width: unset;
    height: unset;
    
}

.bos{
    flex-direction: column;
}
.bosss{
    flex-direction: column;
}
.footer{
    flex-direction: column;
}
.nip{
    flex-direction: column;
}
.aditya{
    flex-direction: column;
}
.bossst{
    flex-direction: column;
}
.das{
    position: unset;
}
.boy3{
    margin: auto;
}
.boy1{
    margin: auto;
}
.boy2{
    margin: auto;
}
.boy4{
    margin: auto;
}
.dop1{
    margin: auto;
}
.dop2{
    margin: auto;
}
.dop3{
    margin: auto;
}
.dop4{
    margin: auto;
}
.boss{
    flex-direction: column;
}
.sop1{
    margin: auto;
}
.sop2{
    margin: auto;
}
.sop3{
    margin: auto;
}
.sop4{
    margin: auto;
}


.sut1{
    margin: auto;
}
.sut2{
    margin: auto;
}
.sut3{
    margin: auto;
}
.sut4{
    margin: auto;
}
.rit1{
    margin: auto;
}
.rit2{
    margin: auto;
}
.rit3{
    margin: auto;
}
.rit4{
    margin: auto;
}
.bossstt{
    flex-direction: column;
}
.nij1{
    margin: auto;
}
.nij2{
    margin: auto;
}
.nij3{
    margin: auto;
}
.nij4{
    margin: auto;
}
.tokyo{
    flex-direction: column;
}
.tokyo1{
    margin: auto;
}
.tokyo2{
    margin: auto;
}
.tokyo3{
    margin: auto;
}
.tokyo4{
    margin: auto;
}
.tokyoo{
    flex-direction: column;
}
.boot h1{
    font-size: 24px;
}
.bosssttt{
    flex-direction: column;
}
.pig1{
    margin: auto;
}
.pig2{
    margin: auto;
}
.pig3{
    margin: auto;
}
.pig11{
    margin: auto;
}
.pig22{
    margin: auto;
}
.pig33{
    margin: auto;
}
.pig44{
    margin: auto;
}
.bossstttt{
    flex-direction: column;
}
.pig111{
    margin: auto;
}
.pig222{
    margin: auto;
}
.pig333{
    margin: auto;
}
.pig444 {
    margin: auto;
}
.nop{
    flex-direction: column;
}
.nop1{
    margin: auto;
}

.aditya1{
    margin: auto;
}
.eop h2{
    font-size: 14px;
}
.eop h1{
    font-size: 25px;
}
.nipp h1{
    text-align: center;
}
.gyt {
    margin: auto;
    width: 80%;
}
.coll1{
    margin: auto;
}
.coll2{
    margin: auto;
}
.coll3{
    margin: auto;
}
.coll4{
    margin: auto;
}
.colll1{
    margin: auto;
}
.colll2{
    margin: auto;
}
.colll3{
    margin: auto;
}
.colll4{
    margin: auto;
}
.tesst h1{
    font-size: 30px;
}
.icon {
    font-size: 12px;
    padding-bottom: 15px;
}
.button{
   justify-content: center;
    display: flex;

}
.strr{
    display: flex;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.aditya1{
    width: unset;
    height: unset;
}



}