Hello Mohammad

Have you tried using a half column layout in the cF page?

Then you can add the contact form in the left most column.

Hi ,

I just added

.page-id-97 .small .container {
    max-width: 100%;
}

to enlarge the page container to it's full width and it's only for the current page - that should do it. 

 The page does not have enough content to scroll the whole hero section.

Hello,

correct syntax is

@media only screen and (max-width: 1024px){
.small .container {
    padding: 0px 0px 0px 0px;
}
}

I modified it in the row settings