@media only screen and (min-width:200px) and (max-width:575px)
{
    header .headerMid{
        flex-direction:column;
    }


.bars{
    display:flex;
}
.LeftSection>ul{
    display: none;
}
.LeftSection figure{
   flex-basis: 40%;
     text-align: start;
}
.LeftSection figure img{
    width: 100%;
    height:90px;
     /* height:100px; border: 1px solid red; */
}

.headerMid .RytSection{
    flex-direction:column;
    /* gap: 10px; */
    /* background-color: red; */
}

.headerMid  .RytSection .Item1{
    width: 100%;
    /* flex-direction: column; */
   /* padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px; */
   /* display: none; */
   
}
.RytSection .Item1>form{
    margin: 0px 5px;
}

.headerMid  .RytSection .Item2{
    width: 100%;
    /* border: 1px solid red; */
}

.Section1Mid>ul{
    display: none;
}

.Section2Mid{
    flex-direction: column;
    margin: 10px;
}
.Section2>h2{
    padding: 0px;
}
.Section3{
    flex-direction: column;
}
.Section3Mid{
    margin:0px 20px;
}
.Section4Mid{
    margin:0px 20px;
}
.Section5Mid{
    flex-direction: column;
    margin:5px;

}
.RytSection .Item2>ul>li .SignPage{
        width: 95%;
        left: 0px;
        top: 71%;
        margin: 10px;
}
.RytSection .Item2>ul>li:hover .SignPage{
  transform: scale(1);
}
.Section6Mid{
    flex-direction: column;
    margin: 10px;
}
.Section7Mid{
    flex-direction: column;
}
.Section7Mid>.Item>figcaption>p{
    font-size: 20px;
    padding:20px;
    text-align:start;
}
.Section8Mid{
    flex-direction: column;
    gap: 20px;
}
.Section8Mid>.Item{
margin: 10px 0px;
}

.Section8Mid>.Item>a>img{
    width: 100%;
    border-radius:5px;
    object-fit: contain;
}
.Section9{
   margin: 50px 0px;
}
.Section9>h2{
    font-size:27px;
    padding: 2px;
    }
.Section9Mid{
    flex-direction: column;
     margin: 10px;
     gap: 30px;
}


.Section9Mid>.box{
 flex-basis: 100%;
 margin: 10px 0px;
  
}
.Section9Mid>.box>a>img{
    width:100%;
    border-radius: 10px;
}
.Section10Mid{
    flex-direction: column;
}
.Section11Mid{
    flex-direction: column;
    
}

.Section11Mid>.Items1>.Icons{
    justify-content: center;
    gap: 20px;
}
.Section11Mid>.Items1>h4{
   font-size:20px;
   padding: 20px 10px;
   font-weight: bolder;
    color: black;
    text-transform: capitalize;
}



}