@media screen and (max-width: 1010px) {
.feed-ic {
    visibility: hidden;
    display: none;
  }
}

@media screen and (max-width: 1010px) {
.cong {
    visibility: hidden;
    display: none;
  }
}

@media screen and (max-width: 1010px) {
.topics {
    visibility: hidden;
    display: none;
  }
}

@media screen and (max-width: 1010px) {
.topicsth {
    visibility: hidden;
    display: none;
  }
}

@media screen and (max-width: 1010px) {
.kadr {
 font-size:85%;
  }
}

@media screen and (max-width: 1010px) {
.kadr2 {
 font-size:90%;
  }
}

@media screen and (min-width: 800px) {
.asli {
width:410px;
  }
}

@media screen and (min-width: 800px) {
.fasele {
margin-top:20px;
  }
}

@media screen and (max-width: 800px) {
.fasele {
margin-top:50px;
  }
}

@media screen and (max-width: 800px) {
.aksraeis {
height:60px
  }
}

@media screen and (min-width: 801px) {
.aksraeis {
height:120px
  }
}

@media screen and (max-width: 400px) {
.matn2 {
 font-size:80%;
  }
}

@media screen and (min-width: 405px) {
.matn2 {
 font-size:100%;
  }
}

@media screen and (max-width: 800px) {
.matn3 {
    visibility: hidden;
    display: none;
  }
}
@media screen and (min-width: 801px) {
.matn4 {
    visibility: hidden;
    display: none;
  }
}

@media screen and (max-width: 800px) {
.aksraeis2 {
height:50px
  }
}

@media screen and (min-width: 801px) {
.aksraeis2 {
height:100px
  }
}

@media screen and (max-width: 700px) {
.verb {
height:80px
  }
}

@media screen and (max-width: 500px) {
.verb {
height:60px
  }
}

@media all and (max-width:1400px){
.moton {
    position: absolute;
    bottom: 90px;
    left: 130px;
}
}

@media all and (max-width:1300px){
.moton {
    position: absolute;
    bottom: 90px;
    left: 130px;
}
}

@media all and (max-width:1200px){
.moton {
    position: absolute;
    bottom: 80px;
    font-size:90%;
    left: 120px;
}
}

@media all and (max-width:1100px){
.moton {
    position: absolute;
    bottom: 70px;
    left: 100px;
    font-size:80%;
}
}

@media all and (max-width:1000px){
.moton {
    position: absolute;
    bottom: 60px;
    left: 90px;
    font-size:80%;
}
}

@media all and (max-width:900px){
.moton {
    position: absolute;
    bottom: 50px;
    left: 80px;
    font-size:80%;
}
}

@media all and (max-width:800px){
.moton {
    position: absolute;
    bottom: 50px;
    left: 70px;
    font-size:70%;
}
}

@media all and (max-width:700px){
.moton {
    position: absolute;
    bottom: 40px;
    left: 60px;
    font-size:70%;
}
}

@media all and (max-width:600px){
.moton {
    position: absolute;
    bottom: 30px;
    left: 50px;
    font-size:60%;
}
}

@media all and (max-width:500px){
.moton {
    position: absolute;
    bottom: 20px;
    left: 40px;
    font-size:60%;
}
}

@media all and (max-width:400px){
.moton {
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-size:40%;
}
}

@media all and (max-width:300px){
.moton {
    position: absolute;
    bottom: 2px;
    left: 10px;
    font-size:30%;
}
}