@media (max-width: 768px) {
.searchbar{
    width: 100%;
    padding: 0px;
}
.searchbar img{
    padding-right: 10px;
}
.sarchieve{
    padding: 1em 0px;
}
.sarchieveone{
    font-size: 19px;
}
p{
    font-size: 12px;
}
.scontact{
    padding: 1em 0px;
}
.sbody{
    padding: 0px 10px;
}
.saboutone img{
    width: 100%;
    height: auto;
}
.sabout{
    padding: 1em 0px;
    gap: 10px;

}
.ssearch{
    padding: 0px 10px;
}
/* author */

.amain{
    padding: 20px 10px 0px 10px;
}
.abodyone img{
    width: 54px;
    height: 54px;
}
.amainone{
    font-size: 1.2em;
}
.abodytwotwo{
    font-size: 0.9em;
    line-height: 1.3;
}
.abody .us{
    padding-top: 10px;
    margin: 0px 10px;
}
.abecome{
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.abody .aboutus{
    padding: 80px 10px 30px 10px;
}
.footer{
    padding: 20px 0px;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) {
.ssearch{
    padding: 20px;
}
.amain{
    padding: 20px;
}
.abody .us{
    margin: 20px;
}
}