.aks {
      padding-left: 2%;
      letter-spacing: 2px;
    }
  @media screen and (min-width: 1300px) {
 body {
      background: url('./imgs/BG1.png') top center;
      /* background-size: 100%; */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    html,
    body {
      height: 100%;
      width: 100%;
    }
}
@media screen and (max-width: 1500px) {
.item{
  scale: .8;
}
 .aks {
      padding-left: 12%;
    }
}
@media screen and (max-width: 1300px) {
.boxs{
  /* width: 90%; */
}
}
@media screen and (max-width: 1200px) {
.item{
  scale: .7;
}
   .aks {
      padding-left: 16%;
    }
}
@media screen and (max-width: 1050px) {
.item{
  scale: .6;
}
   .aks {
      padding-left: 21%;
    }
}
@media screen and (max-width: 900px) {
.item{
  scale: .5;
}
   .aks {
      padding-left: 26%;
    }
}
/* @media screen and (max-width: 850px) {
.item{
  scale: 1;
}
 .aks {
      padding-left:9%;
    }
    .item {
    display: flex;
    flex-wrap: wrap;
}
.boxs{
  padding-top: 220px;
}
} */
@media screen and (max-width: 850px) {
.item{
  scale: 1;
}
 .aks {
      padding-left:9%;
    }
    .item {
    display: flex;
    flex-wrap: wrap;
}
.boxs{
  padding-top: 1000px;
}
}
@media screen and (max-width: 630px) {
.item{
  scale: 1;
}
 .aks {
      padding-left:9%;
    }
    .item {
    display: flex;
    flex-wrap: wrap;
}
.boxs{
  padding-top: 1000px;
}
}
@media screen and (max-width: 620px) {
.item{
  scale: 1;
}
 .aks {
      padding-left:9%;
    }
    .item {
    display: flex;
    flex-wrap: wrap;
}
.boxs{
  padding-top: 1000px;
}
}

@media screen and (max-width: 618px) {
.item{
  scale: 1;
}
 .aks {
      padding-left:9%;
    }
    .item {
    display: flex;
    flex-wrap: wrap;
}
.boxs{
}
}
@media screen and (max-width: 617px) {
.item{
  scale: 1;
}
 .aks {
      /* padding-left:24%; */
      font-size: 28px;
    }
    .item {
    display: flex;
    flex-wrap: wrap;
}
.boxs{
  padding-top: 2300px;
}
}