Q:

Web page moves horizonatally in the Iphone 7

I see that the website home page horizontally moves when a user scrolls the page.
Below is the URL:
https://tandcity.dk/da/
I have tried the below CSS
body{
overflow: hidden;
}

html{
overflow: hidden;
}

I added some meta tags. You can check on view source.
Can someone please help me to fix this.

A:

Remove this from body tag: 
body {
/* overflow: hidden; */
/* width: 100vw; */
/* height: 100vh; */
}

For Mobile: 
On this class .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper remove margin-right: -15px replace with margin-right: 0px if you want to.
Afrter that replace .vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item , padding-right: 15px; with padding-right: 0px; 
Remember for this mobile chages to take affect you have to add it within an @media query.
Example: Where you add the custom css, add this before the closing  tag
@media (max-width: 480px) { 

   .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
       margin-right: 0px;
 }

  .vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item {
      padding-right: 0px;
 }

}

For iphone 7 : 
/* Portrait and Landscape */
  @media only screen 
   and (min-device-width: 414px) 
   and (max-device-width: 736px) 
   and (-webkit-min-device-pixel-ratio: 3) { 

   .vc_grid.vc_row.vc_grid-gutter-15px .vc_pageable-slide-wrapper {
       margin-right: 0px;
 }

  .vc_grid.vc_row.vc_grid-gutter-15px .vc_grid-item {
      padding-right: 0px;
 }
}

