.mag{
  position: relative;
  left: 50%;
}


@media screen and (max-width: 1920px){
  .mag{
    position: relative;
    left: 35%;
  }
}

@media screen and (max-width: 1440px){
  .mag{
    position: relative;
    left: 27%;
  }
}
/* 1366 X 768 */
@media screen and (max-width: 1366px){
  .mag{
    position: relative;
    left: 26%;
  }
}

@media screen and (max-width: 1280px){
  .mag{
    position: relative;
    left: 18%;
  }
}

@media screen and (max-width: 1024px){
  .mag{
    position: relative;
    left: 50%;
  }
}

@media (orientation: portrait) {
  .mag{
    position: relative;
    left: 0%;
  }
}

@media (orientation: landscape) and (max-width: 1024px){
  .mag{
    position: relative;
    left: 19%;
  }
}