How I can use full width of my container in mobile devices

I Have Question about container width How I can use full container width on mobile devices When I Open My Site In Mobile Extra Padding space come there?
here's my code

.th-container {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .th-container {
    padding: 0 25px;
  }
}

#primary.content-area {
  float: left;
  width: 65.7894736842105%;
  max-width: 900px;
}
@media (max-width: 768px) {
  #primary.content-area {
    width: 100%;
    float: none;
  }
}