@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');

@media screen and (min-width: 1200px){
  .pagdepag{
    position: relative;
    top:5px;
    left:10%;

  }
  .tarxpag{
    position: relative;
    left:29%;
  }
  .pagi{
    position: relative;
    right:1%;

  }
}

@media screen and (min-width: 992px) and (max-width:1199px){
  .pagdepag{
    position: relative;
    top:5px;
    left:15%;

  }
  .tarxpag{
    position: relative;
    left:25%;

  }
  .pagi{
    position: relative;
    right:2%;
  }
}

@media screen and (min-width: 768px) and (max-width:991px){
  .pagdepag{
    position: relative;
    top:5px;
  }
  .tarxpag{
    left:18%;
    position: relative;

  }
  .pagi{
    position: relative;


  }
}


@media screen and (min-width: 576px) and (max-width:767px){
  .pagdepag{
    position: relative;
    top:5px;
  }
  .tarxpag{
    left:25%;
    position: relative;

  }
  .pagi{
    position: relative;
  left:5%;

  }
}
@media screen and (min-width:500px) and (max-width:575px){
  .pagdepag{
    position: relative;
    left:2%;
    top:5px;
  }
  .tarxpag{
    left:25%;
    position: relative;

  }
  .pagi{
    position: relative;


  }
}
@media screen and (max-width:499px){
  .pagdepag{
    position: relative;
    left:2%;
    top:5px;
  }
  .tarxpag{
    left:25%;
    position: relative;

  }
  .pagi{
    position: relative;
    right:2%;

  }
  .page-link{
    font-size:10px;

  }
}