Yes I did the same. If I do this using my own GeneratePress Child theme it does not work because I have CSS custom styling. So If I use following styling it does not work.
=======================================
/*gravity forms structure*/
/* Fix black screen on GF form pages due to GF view
#qLtempOverlay {
position: inherit !important;
}*/
/* Change service blocks from red to orange */
/* iamsaadfayyaz94 */
/* gravityform layout */
.gfield_checkbox_2
{
display: grid;
-ms-grid-columns: (1fr) [ 2 ];
grid-template-columns: repeat(3,1fr);
grid-template-rows: repeat(auto-fill,auto);
grid-column-gap: 32px;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-third {
display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-quarter{
display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-half{
display: inline-block!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label{
max-width: calc(100% - 0px)!important;
}
/* gravity layout end */
/* gravity form with sidebar and scrolling*/
/* .gform_legacy_markup_wrapper .gsection {
border-bottom: 1px solid #ccc!important;
padding: 0 16px 8px 0!important;
margin: 28px 0 28px 0!important;
} */
.gf_customfields select{
padding-right:40px!important;
}
div.gf_rightside::-webkit-scrollbar {
width: 5px; /* width of the entire scrollbar */
}
div.gf_rightside::-webkit-scrollbar-track {
background: #F5F5F5; /* color of the tracking area */
}
div.gf_rightside::-webkit-scrollbar-thumb {
background-color: blue; /* color of the scroll thumb */
/* border-radius: 20px; /* roundness of the scroll thumb */ */
/* border: 3px solid orange; /* creates padding around scroll thumb */ */
}
div.gf_rightside::-webkit-scrollbar {
width: 5px!important;
background: #52585e!important;
}
div.gf_rightside::-webkit-scrollbar-thumb {
background-color: #5080bf;
}
::selection {
background: green;
}
::selection {
background: green;
color: #fff;
}
div.gf_rightside{
--scrollbarBG: #CFD8DC;
--thumbBG: #90A4AE;
}
html {
--scrollbarBG: #CFD8DC;
--thumbBG: #90A4AE;
}
body::-webkit-scrollbar {
width: 11px;
}
body {
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}
div.gf_right_top::-webkit-scrollbar-thumb {
background-color: #5080bf!important;
}
.gf_right_top::-webkit-scrollbar-thumb {
background-color: #5080bf!important;
}
.gform_wrapper {
width:70%!important;
}
.gf_labelleft75 .gfield_label{
color:white!important;
}
.gform_wrapper.gravity-theme .ginput_total{
color:white!important;
}
h3.gsection_title{
border-bottom: 1px solid #ccc!important;
padding: 0 16px 8px 0!important;
margin: 10px 0 5px 0!important;
}
.gform_legacy_markup_wrapper .gfield_html.gfield_no_follows_desc{
margin-top: 10px!important;
}
.field_sublabel_below p {
margin-bottom:2px!important;
}
.field_sublabel_below strong{
color:#696969!important;
font-size:15px!important;
font-weight:700!important;
}
.gfield{
color:#696969!important;
font-size:15px!important;
padding-left:10px!important;
}
.gform_legacy_markup_wrapper h2.gsection_title {
margin: 0!important;
padding: 0!important;
letter-spacing: normal!important;
}
.gsection_title{
font-size: 1.02em!important;
margin-bottom: 30px!important;
line-height: 1.3em!important;
color:#333!important;
font-weight:700!important;
}
.gf_rightside {
/* top: 250px; */
top:155px!important;
background-color: #fbfbfb!important;
/* overflow: auto!important; */
/* max-height: 340px!important; */
border: 1px solid #5080bf!important;
border-top-left-radius: 5px!important;
border-top-right-radius: 5px!important;
border-bottom-left-radius: 5px!important;
border-bottom-right-radius: 5px!important;
/* padding: 10px!important; */
right: 50px!important;
margin-right: 50px!important;
height: auto!important;
position: fixed!important;
width: 300px;
z-index: 99;
}
.gf_right_top{
display:none!important;
}
.gf_right_bottom{
display:none!important;
}
.gfield_total{
position:fixed!important;
background-color: #5080bf!important;
border: 1px solid #5080bf!important;
max-height: 150px!important;
color: #fff!important;
/* border-bottom-left-radius: 5px!important;
border-bottom-right-radius: 5px!important; */
padding: 10px!important;
max-width:300px!important;
}
/* gravity form with sidebar and scrolling */
/* End */
.service_block .service-content {
background: #28ba2b;
}
/*progress bar*/
.gf_progressbar {
background-color: transparent !important;
box-shadow: none;
padding: 0 !important;
width: 70% !important;
}
.gf_progressbar_percentage {
background: #5080bf !important;
}
/*gravity forms structure*/
.gf_leftside {
width: 50%;
background: #fff;
/*min-height: 400px;*/
}
.gf_rightside {
top: 250px;
right: 50px;
margin-right: 50px;
height: auto;
position: fixed;
width: 300px;
z-index: 99;
}
.gf_right_top {
background-color: #fbfbfb;
overflow:auto;
max-height: 340px;
border: 1px solid #5080bf;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 10px;
}
.gf_right_bottom {
background-color: #5080bf;
border: 1px solid #5080bf;
max-height: 150px;
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 10px;
}
.gfield_html {
padding-right: 0 !important;
}
.gf_right_bottom input {
width: 100% !important;
border: none !important;
background-color: transparent !important;
padding: 0 !important;
color: #fff;
margin-top: -3px;
}
.gf_right_bottom .gfield_label {
color: #fff !important;
font-weight: 400 !important;
}
.nomargin {
margin: 0 !important;
}
#style-3::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.gf_right_top::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.gf_right_top::-webkit-scrollbar-thumb
{
background-color: #5080bf;
}
.gf_labelleft .gfield_label {
font-size: 20px !important;
line-height: 20px !important;
color: #000;
width: 30%;
padding-right: 30px;
text-align: left;
}
.gf_labelleft div.ginput_container {
margin-top: -10px !important;
display: inline-block;
float: right;
width:70% !important;
}
.gf_labelleft div.ginput_container input[type="text"] {
width: 100%;
}
.gf_labelleft75 .gfield_label {
font-size: 18px !important;
line-height: 20px !important;
color: #000;
width: 70%;
padding-right: 30px;
text-align: left;
}
.gf_labelleft75 div.ginput_container {
margin-top: 0 !important;
display: inline-block;
float: right;
width:30% !important;
}
.gf_labelleft75 div.ginput_container input[type="text"] {
width: 100% !important;
}
@media only screen and (max-width: 768px) {
.gf_customfields .gf_progressbar {
width:100% !important;
}
.gf_customfields .gform_next_button {
margin-right: 0 !important;
}
.gf_customfields .gform_button {
margin-right: 0 !important;
}
.gf_labelleft .gfield_label {
color: #000;
width: 100%;
}
/* .gf_labelleft div.ginput_container {
display: block;
float: none;
width: 100% !important;
}
.gf_labelleft div.ginput_container input[type="text"], select {
width: 100% !important;
margin-top: 15px !important;
}
.gf_labelleft75 div.ginput_container {
display: block;
float: none;
margin-top: 15px !important;
width: 100% !important;
}
.gf_labelleft75 div.ginput_container input[type="text"], select {
width: 100% !important;
} */
.gf_leftside {
width: 95%;
}
.gf_rightside {
position: relative !important;
top: auto !important;
right: auto !important;
width: 100% !important;
}
.gf_right_top {
background-color: #fbfbfb;
overflow:auto;
max-height: 500px;
border: 1px solid #57b5f4;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.gf_right_bottom {
background-color: #57b5f4;
border: 1px solid #57b5f4;
max-height: 500px;
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
}
@media only screen and (min-width: 768px) {
.gf_labelleft .gfield_label {
font-size: 18px !important;
line-height: 20px !important;
color: #000;
width: 30%;
padding-right: 30px;
text-align: left;
}
.gf_labelleft div.ginput_container {
margin-top: -10px;
display: inline-block;
float: right;
width:70%;
}
.gf_labelleft div.ginput_container input[type="text"] {
width: 50%;
}
.gf_labelleft75 {
margin-top: 0 !important;
}
.gf_labelleft75 .gfield_label {
font-size: 18px !important;
line-height: 20px !important;
color: #000;
width: 70%;
padding-right: 30px;
text-align: left;
}
.gf_labelleft75 div.ginput_container {
margin-top: 0 ;
display: inline-block;
float: right;
width:25% ;
}
.gf_labelleft75 div.ginput_container input[type="text"] {
width: 100%;
}
}
#gform_submit_button_1 {
position: absolute;
margin-left: 9999px;
}
.gf_customselect gfield_label {
font-weight: 900 !important;
font-size: 18px;
}
.gf_customselect select {
width: 100%;
height: 50px;
border-radius: 0;
border: 1px solid #c4c4c4;
background-color: #f7f7f7;
position: relative;
font-size: 18px !important;
background: url(https://allabouthomecleaning.com.au/wp-content/uploads/2019/09/br_down_grey_small.png) no-repeat right #f7f7f7;
-webkit-appearance: none;
padding-left: 20px !important;
padding-right: 20px;
}
.gf_customselect select:focus {
outline: none;
}
.gf_customselect select:after {
content: "\f078";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
right: 10px;
bottom: 0;
height: 50px;
line-height: 50px;
}
/*fields*/
.gf_customfields input[type=text], .gf_customfields input[type=email], .gf_customfields input[type=tel] {
height: 50px;
border-radius: 5px;
border: 1px solid #5080bf;
background-color: #f7f7f7;
font-size: 18px !important;
padding-left: 20px !important;
padding-right: 20px;
}
.gf_customfields textarea {
border-radius: 5px;
border: 1px solid #5080bf;
background-color: #f7f7f7;
font-size: 18px !important;
padding-left: 20px !important;
padding-right: 20px;
}
.gf_customfields input[type=text]:focus, .gf_customfields input[type=email]:focus, .gf_customfields input[type=tel]:focus, .gf_customfields textarea:focus {
border: 2px solid #5080bf; outline: none;
background-color: #fff;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
.gf_customfields input[type=text]:hover, .gf_customfields input[type=email]:hover, .gf_customfields input[type=tel]:hover, .gf_customfields textarea:hover {
outline: none;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
.gf_customfields select {
height: 50px;
border-radius: 5px;
border: 1px solid #5080bf;
background-color: #fbfbfb;
position: relative;
font-size: 18px !important;
background: url(https://allabouthomecleaning.com.au/wp-content/uploads/2020/03/br_down_blue_5080bf.png) no-repeat right #f7f7f7;
-webkit-appearance: none;
padding-left: 20px !important;
padding-right: 20px;
}
.gf_customfields select:focus {
border: 2px solid #5080bf; outline: none;
background-color: #fff;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
.gf_customfields select:hover {
outline: none;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}
/*checkboxes*/
.gf_customfields [type="checkbox"]:checked,
.gf_customfields [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.gf_customfields [type="checkbox"]:checked + label,
.gf_customfields [type="checkbox"]:not(:checked) + label
{
position: relative;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
white-space: pre-wrap !important;
}
.gf_customfields [type="checkbox"]:not(:checked) + label:before {
content: '\f0c8';
position: relative;
font-family: Fontawesome;
font-weight: 700;
left: 5px;
top: 12px;
font-size: 20px;
padding-right: 20px;
color: #50abbf91;
background: #fff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: none !important;
}
.gf_customfields [type="checkbox"]:checked + label:before {
content: '\f14a';
position: relative;
font-family: Fontawesome;
font-weight: 700;
font-size: 20px;
padding-right: 20px;
left: 5px;
top: 12px;
color: #5080bf;
background: #fff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: none !important;
}
.gf_customfields [type="checkbox"]:not(:checked) + label:after, .gf_customfields [type="checkbox"]:checked + label:after {
display: none !important;
}
/*tooltip*/
[data-hint]:after {
white-space: pre-wrap !important;
width: 200px !important;
text-align: left !important;
}
/* STARTS HERE */
/* Login style */
input[type="checkbox"]{
display: inline-block;
}
.gf_customfields [type="checkbox"]:checked, .gf_customfields [type="checkbox"]:not(:checked){
position: static;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
border-radius: 4px;
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
margin-top: 0!important;
width: 17px;
-webkit-appearance: auto;
}
.gform_wrapper ul.gfield_checkbox li label, .page-login .gform_wrapper ul.gfield_radio li label {
margin-left: 4px;
}
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: normal!important;
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] + label:before{
display: none!important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
border-radius:4px;
text-align: center;
height: auto;
line-height: normal!important;
}
.gform_wrapper .gform_footer {
padding-top:0!important;
}
/* End Login style */
/*prices INVOICE GF form amount color*/
.gf_labelleft .gform_wrapper span.ginput_total, .gform_wrapper span.ginput_product_price {
color: #5080bf !important;
font-size: 28px !important;
font-weight: 800 !important;
}
/*prices in the right blue column */
.gform_wrapper span.ginput_total_71 {
color: #fff !important;
font-size: 18px !important;
}
.gform_wrapper span.ginput_total_69 {
color: #fff !important;
font-size: 18px !important;
}
.gform_wrapper span.ginput_total_54 {
/*width: 350px !important;*/
color: #fff !important;
font-size: 18px !important;
}
.gform_wrapper span.ginput_total_53 {
color: #fff !important;
font-size: 18px !important;
}
/*Total Amount text*/
#field_73_622 {
float: right;
font-size: 18px !important;
}
#field_71_13{
width: 300px;
float: left;
font-size: 18px !important;
}
#field_69_622{
width: 300px;
float: left;
font-size: 18px !important;
}
#field_54_13{
width: 300px !important;
/*float: left;
font-size: 18px !important;*/
}
#field_53_13{
width: 300px;
float: left;
font-size: 18px !important;
}
/*prices in the Tax Invoice Amount */
.gform_wrapper span.ginput_total_73 {
color: #5080c3 !important;
font-size: 28px !important;
font-weight: 800 !important;
float: right;
}
/* ENDS HERE */
/*button*/
.gf_customfields .gform_next_button {
background-color: #5080bf !important;
color: #fff;
font-weight: 900;
font-size: 1.7rem !important;
line-height: 1.7rem;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #5080bf;
padding-left: 30px;
padding-right: 30px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
height: 45px;
float: right;
margin-bottom: 50px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-right: 350px !important;
}
.gf_customfields .gform_next_button:hover {
background-color: #5080bf !important;
cursor: pointer;
border: #000 !important;
text-decoration: none;
}
.gf_customfields .gform_previous_button {
background-color: transparent !important;
border: none;
float: left;
height: 45px;
color: #ccc;
font-weight: bold;
border: 2px solid #ccc;
border-radius: 4px;
margin-bottom: 50px !important;
font-size: 1.7rem !important;
line-height: 1.7rem;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.gf_customfields .gform_previous_button:hover {
cursor: pointer;
color: #5080bf;
border: 2px solid #5080bf;
text-decoration: none;
}
.gf_customfields .gform_button {
background-color: #5080bf !important;
color: #fff;
/*font-weight: 400; */
font-weight: 400!important;
font-size: 1.7rem !important;
line-height: 1.7rem;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #5080bf;
padding-left: 30px;
padding-right: 30px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
height: 45px;
float: right;
margin-bottom: 50px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-right: 350px !important;
}
.gf_customfields .gform_button:hover {
background-color: #5080bf !important;
cursor: pointer;
border: #000 !important;
text-decoration: none;
}
/*type*/
.gf_type [type="checkbox"]:checked, .gf_type [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.gf_type [type="checkbox"] +label:before {
display: none !important;
}
.gf_type [type="checkbox"] +label:after {
display: none !important;
}
.gf_type [type="checkbox"]:not(:checked) + label {
width: 95% !important;
max-width: 95% !important;
border: 2px solid #ccc;
border-radius: 5px;
color: #000;
transition: all 0.3s ease 0s;
margin-top: 15px !important;
font-size: 16px;
padding: 10px !important;
text-align: center;
background-color: #fbfbfb;
}
.gf_type [type="checkbox"]:not(:checked):hover + label {
width: 95% !important;
max-width: 95% !important;
border: 2px solid #5080bf;
border-radius: 5px;
color: #fff;
transition: all 0.3s ease 0s;
margin-top: 15px !important;
font-size: 16px;
padding: 10px !important;
text-align: center;
background-color: #5080bf;
}
.gf_type [type="checkbox"]:checked + label {
width: 95% !important;
max-width: 95% !important;
border: 2px solid #5080bf;
border-radius: 5px;
color: #fff;
transition: all 0.3s ease 0s;
margin-top: 15px !important;
font-size: 16px;
padding: 10px !important;
text-align: center;
background-color: #5080bf;
}
.gf_type div {
text-align: center;
}
.gf_type span {
font-size: 13px;
}
/*radio buttons*/
.gf_customfields [type="radio"]:checked,
.gf_customfields [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.gf_customfields [type="radio"]:checked + label,
.gf_customfields [type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
white-space: pre-wrap !important;
}
.gf_customfields [type="radio"]:checked + label:before,
.gf_customfields [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #5080bf;
border-radius: 100%;
background: #fff;
}
.gf_customfields [type="radio"]:checked + label:after,
.gf_customfields [type="radio"]:not(:checked) + label:after {
content: '';
width: 12px;
height: 12px;
background: #5080bf;
position: absolute;
top: 3px;
left: 3px !important;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.gf_customfields [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.gf_customfields [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*datepicker*/
.ui-datepicker-title select {
margin-top: 2.5%;
color: #5887A0 !important;
}
body .ginput_container_date input[type=text] {
width: 100% !important;
}
body .gform_wrapper img.ui-datepicker-trigger {
width: 45px !important;
height: 45px !important;
background: #f7f7f7;
display: inline-block;
padding: 10px 10px;
vertical-align: top;
margin-left: -4px;
cursor: pointer;
background: transparent;
position: absolute !important;
}
body .ginput_container_date {
position: relative;
}
body .gform_wrapper img.ui-datepicker-trigger {
position: absolute;
top: 3px;
right: 1px;
width: 40px !important;
height: 40px !important;
padding: 7px 7px !important;
}
/* Coupon Apply Button */
.gform_wrapper input#gf_coupon_button.button {
background-color: #5080bf !important;
color: #fff;
/*font-weight: 400; */
font-weight: 400!important;
font-size: 1.7rem !important;
line-height: 1.7rem;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid #5080bf;
padding-left: 30px;
padding-right: 30px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
height: 45px;
float: right;
margin-bottom: 50px !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-right: 420px !important;
width: 100px !important;
}
@media(max-width: 767px){
.gform_wrapper input.gf_coupon_code {
max-width: 160px !important;
}
}
/* Coupon Field */
.gform_wrapper input.gf_coupon_code{
width: 250px !important;
}
/* PDF Contractor T&C formatting
#demoparagraph p {
font-size: x-small;
text-align: left;
}
#demoparagraph {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-column-rule: 1px solid rgba(28,110,164,0.5);
-moz-column-rule: 1px solid rgba(28,110,164,0.5);
column-rule: 1px solid rgba(28,110,164,0.5);
}*/
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase !important;
}
/*checkboxes*/
/* Checkboxes were showing half */
.gf_customfields [type="checkbox"]:not(:checked) + label:before {
top: 1px;
}
.gf_customfields [type="checkbox"]:checked + label:before {
top: 1px;
}
/*begin free estimate button header*/
.header-v6 .menu_holder .menu_wrap .free_quote { /* Change red color Get a free quote to Green */
padding: 24px 28px 25px;
background: #28ba2b !important;
color: #fff;
letter-spacing: 1px;
font-size: 16px;
float: right;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.free_quote:hover {
padding: 24px 28px 25px;
background: #23527c !important;
color: #fff;
letter-spacing: 1px;
font-size: 16px;
float: right;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/*end estimate button*/
/*
.service_block .service-content{
background: #23527c !important;
}*/
/* MemberPress Login centering */
.mp_wrapper {
max-width: 700px;
padding: 20px;
margin: 0 auto 50px auto;
}
/* Media query- iamsaadfayyaz94 */
/* media query */
@media only screen and (max-width:470px) {
.gform_wrapper {
width: 100%!important;
}
}
/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) { /* STYLES GO HERE */
.gform_wrapper {
width: 100%!important;
}
}
/* ipad landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.gform_wrapper {
width: 100%!important;
}
}
/* ipadpro portrait */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : portrait) {
.gform_wrapper {
width: 100%!important;
}
}
: /* ipadpro landscape */
@media only screen and (min-device-width : 1366px) and (max-device-width : 1766px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */
.gform_wrapper {
width: 100%!important;
}
}
/* end media query */