css for mobile postion using the Sunset Hair theme

I have moved the potion of the form to fit my need with this CSS code

.form-all {
    position : relative;
    right : 30%;
    top : 170px;
}

but when I view it in mobile device, it is not responsive, how can I change the way that it fits in the  mobile device.

Thanks

I have assigned your request to one of our developers. Thanks. 

Please append the following CSS codes. This should restore the position of the form when viewed on mobile.

@media screen and (max-width: 768px) {

.form-all {position: initial !important;}

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form (paste the CSS code at the bottom part)

Result: