Padding on search results page

something like this:

.responsive #top.search #main .container {
  max-width: 100%;
}

.responsive #top.search #main .page-heading-container {
  max-width: 1310px !important;
  margin: 0 auto 50px;
  padding: 0 50px 50px;
}

.responsive #top.search #main .post-entry {
  margin-left: 50px;
  margin-right: 150px;
}

I tried but it won’t work so i need a code for this.

– i do not see what “this” means”
you should be more precise what you like to have – ” tablet and mobile etc” tablet and mobile are not well defined as screen width.
F.e. there are so many iPad versions (
iPad mini 768×102; iPad 800×1080; iPad 11inch 834×1194; iPad 12.9inch 1024×1366 etc. )
then there are different media queries for screen orientations ( portrait or landscape)
then there are different media queries for screen resolutions to differ between Retina Displays to normal one. etc. etc. pp
for example:

@media
  screen and (min-width:600px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width:600px) and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
  	/* an example rule: */
  	div {background:url( (Email address hidden if logged out) );}
}

Therefore, I would focus on a few screen widths, e.g., the 767px and 989px used by Enfold.
Incidentally, Enfold also uses various classes on the html tag that can be used to target only mobile devices (avia_mobile) or devices with touch screens (touch-device).

By the way: The link provided by Rikard leads to a more detailed page with my above-mentioned notes:
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

” tablet and mobile etc” tablet and mobile are not well defined as screen width.

and “this elements” is clear for you what you are belonging to, but for us it is hard to find out what you are talking about.

@media only screen and (min-width: 1010px) {
  /* your rulesets here */
}

@media only screen and (min-width: 990px) and (max-width: 1009px) {
  /* your rulesets here */
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  /* your rulesets here */
}

@media only screen and (max-width: 767px) {
  /* your rulesets here */
}

It is good practice (as Enfold also does) to use even values for the min-width and odd values for the max-width.