/**
Theme Name: Poolfencemesh
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: poolfencemesh
Template: astra
*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 600;
  text-transform: uppercase;
  color: #222222;
  margin-bottom: 2.66667rem;
}

.entry-content h1,
.h1 {
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.22727;
  letter-spacing: 0.33333rem;
}

.entry-content h2,
.h2 {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.27778;
  letter-spacing: 0.33333rem;
}

.entry-content h3,
.h3 {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.38462;
  letter-spacing: 0.33333rem;
}

.entry-content h4,
.h4 {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.27273;
  letter-spacing: 0.16667rem;
}

.entry-content h5,
.h5 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.33333;
  letter-spacing: 0.16667rem;
}

.entry-content h6,
.h6 {
  font-size: 0.938rem;
  font-weight: 600;
  line-height: 1.33333;
  letter-spacing: 0.08333rem;
}

address {
  font-style: italic;
  margin-bottom: 1.33333rem;
}
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.col-sm-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 10px);
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
/*
############################################
############################################
/////////////MAIN ALL DESIGN//////////////
############################################
############################################
*/
/*

/*
//start - Hide reCaptcha badge
*plugin used > Advanced noCaptcha & invisible Captcha
*NOT WORKING ON ADMIN PAGE, css added on Custom Admin Interface 
*work for the rest of the pages including WP Form (no need plugin integration)
*/
.grecaptcha-badge {
  opacity: 0;
}

/*
//END - Hide reCaptcha badge
*/

/*
//start - search bar 
*/
.m-site-search .m-site-search__content {
  background-color: #0e3253;
  /*  background-color: #1FA5DE; */
}

/*
//end - search bar 
*/

/*
//start - Photo Gallery 
*/

/* start - lightbox */

.spider_popup_wrap {
  background-color: #ffffffe6;
}

/* end - lightbox */

/* START- Tags - Project Gallery */
.bwg_thumbnail.bwg_container .search_line .bwg_order_cont,
.bwg_thumbnail.bwg_container .search_line .search_tags_container {
  width: 100%;
  max-width: 30%;
  margin-bottom: 40px;
  border: 0.5px solid rgba(0, 0, 0, 0.15);
  box-shadow: none;
  border-radius: 3px;
  float: unset;
  height: 30px;
  padding: 0px;
  cursor: default;
  background: #0e3253;
  margin-left: 35%;
  text-align: center;
}

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.11);
  border-radius: 2px;
  overflow: hidden;
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #0e3253;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
  color: white;
}

/* END - Tags - Project Gallery */

/* start - container  */
.bwg_thumbnail.bwg_container .search_line {
  min-height: 0px;
  -webkit-box-shadow: 0 5px 7px -5px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 5px 7px -5px rgba(0, 0, 0, 0.16);
  box-shadow: 0 5px 7px -5px rgba(255, 255, 255, 0.16);
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
}

.bwg_thumbnail.bwg_container .search_line .CaptionCont span {
  display: block !important;
  color: white !important;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Ubuntu;
  cursor: pointer;
  line-height: 29px;
  max-width: calc(100% - 20px);
}

.elementor-widget:not(:last-child) {
  margin-bottom: 0px;
}

/* end - container  */

/*  Start - Load More buttons --!!NOT ACTIVATED-TESTING MODE!! -  */
#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a {
  cursor: pointer;
  font-size: 12px;
  font-family: Ubuntu;
  font-weight: bold;
  color: white;
  text-decoration: none;
  padding: 8px 60px;
  margin: 0;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #0e3253;
  background-color: #0e3253;
  opacity: 1;
  box-shadow: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

/* end - Load More buttons  */

/*
//end - Photo Gallery 
*/

.tick {
  width: 18px;
}

/*
//start -Download button
*/

.button_container-download-button {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

/*
.description-download-button, .link-download-button {
  font-family: 'Amatic SC', cursive;
  text-align: center;
}
*/
.description-download-button {
  font-size: 30px;
}

.btn-download-button {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
  overflow: hidden;
  position: relative;
  color: #0e3253;
  font-weight: 700;
  font-size: 15px;
  background-color: #0e3253;
  padding: 17px 78px;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.btn-download-button .span-download-button {
  position: relative;
  z-index: 1;
  color: red;
}

.btn-download-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #1fa5de;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn-download-button:hover:after {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
  background: #0e3253;
}

.link-download-button {
  font-size: 20px;
  margin-top: 30px;
  color: white;
  font-size: 13px;
}

.link-download-button a {
  color: #000;
  font-size: 13px;
}

/*
//end -Download button
*/
.wpcf7-form-control.wpcf7-submit {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 12px;
  width: 100%;
}
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) {
  background-color: #fff;
}
.wpcf7-form .wpcf7-form-control:focus {
  border-color: #0e3253;
}
input[type="submit"]:hover,
button:hover,
.button:hover {
  background-color: #1fa5de;
}

input[type="submit"],
button,
.button {
  background-color: #0e3253;
}

body {
  background-color: #0e3253;
  color: #0e3253;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

.text-forced-justify {
  text-align: justify;
  text-justify: inter-word;
}

/*
Elementor full high lightbox
*/
.elementor-lightbox .elementor-lightbox-item {
  padding: 10px 10px;
}

/* hide SeedPro Quick link | Coming Soon Page and Maintenance Mode */
#seed_csp4_quicklinks {
  display: none;
}

/* floating sticky menu */

.wpfm-template-1
  .wpfm-menu-nav.wpfm-position-right
  ul
  li
  > a
  .wpfm-icon-block
  i,
.wpfm-template-2 .wpfm-menu-nav ul li a span i,
.wpfm-template-3 .wpfm-menu-nav ul li a span i,
.wpfm-template-4 .wpfm-menu-nav ul li a span i,
.wpfm-template-5 .wpfm-menu-nav ul li a span.wpfm-icon-block i {
  font-size: 16px;
  color: black;
  /* background-color: #ffffff57;*/
}

.wpfm-menu-nav ul {
  z-index: 10;
}

.wpfm-template-1 ul li a {
  position: relative;
  display: inline-block;
  height: 40px;
  margin-bottom: 2px;
  background: #ffffff70;
}

.wpfm-template-1 .wpfm-position-left ul li a:hover .wpfm-icon-block,
.wpfm-template-1 .wpfm-position-top-left ul li a:hover .wpfm-icon-block,
.wpfm-template-1 .wpfm-position-bottom-left ul li a:hover .wpfm-icon-block {
  right: auto;
  left: 0;
  background: #ffffff70;
}

.wpfm-template-1
  .wpfm-position-left
  ul
  li.wpfm-title-hidden
  a:hover
  .wpfm-icon-block,
.wpfm-template-1
  .wpfm-position-top-left
  ul
  li.wpfm-title-hidden
  a:hover
  .wpfm-icon-block,
.wpfm-template-1
  .wpfm-position-bottom-left
  ul
  li.wpfm-title-hidden
  a:hover
  .wpfm-icon-block {
  right: 0;
  left: auto;
  background: #ffffff70;
}

.wpfm-template-1 .wpfm-position-right ul li a:hover .wpfm-icon-block,
.wpfm-template-1 .wpfm-position-top-right ul li a:hover .wpfm-icon-block,
.wpfm-template-1 .wpfm-position-bottom-right ul li a:hover .wpfm-icon-block {
  left: auto;
  right: 0;
  background: #ffffff70;
}

.wpfm-template-1 ul li .wpfm-icon-block {
  background: #ffffff70;
}

.wpfm-position-right.wpfm-menu-nav ul {
  position: fixed;
  top: 30%;
}

/* end - floating sticky menu */

/* start - 404 page */
.t-404 .o-hero .o-hero__content .o-hero__content__title h1 {
  color: #fff;
}

.t-404 .o-hero .o-hero__content .o-hero__content__subtitle p {
  color: #fff;
}

/* end - 404 page */

/*
############################################
############################################
/////////////HEADER//////////////
############################################
############################################
*/

/*
/////////////END-HEADER//////////////
############################################
*/

/*
############################################
############################################
/////////////BODY//////////////
############################################
############################################
*/

/*
############################################
////-----------HOME PAGE-----------///
############################################




/*
/LIGHTBOX BACKGROUND STYLE | ONLY NEURON CORE//////////////
*/

.mfp-container {
  background-color: rgba(255, 255, 255, 0.83);
}

.mfp-title {
  color: #000;
  display: none;
}

.mfp-counter {
  color: black;
  display: none;
}

.mfp-close {
  color: black !important;
  border: 2px solid black !important;
}

.mfp-arrow {
  color: black;
}

/* On screens that are 600px or less, */
@media screen and (max-width: 767px) {
  .elementor-lightbox .elementor-lightbox-item {
    padding: 5px;
  }

  .dialog-type-lightbox .dialog-message {
    padding: 0 1px 1px;
    min-height: 100%;
  }

  .dialog-type-lightbox {
    background-color: rgba(247, 247, 247, 0.95);
    z-index: 9999;
  }
}

/*
/LIGHTBOX BACKGROUND STYLE | ELEMETOR PRO SLIDES //////////////
*/

.dialog-type-lightbox {
  background-color: rgba(255, 255, 255, 0.95);
}

.elementor-lightbox .elementor-swiper-button {
  color: black;
  opacity: 1;
}

.elementor-lightbox .dialog-lightbox-close-button,
.elementor-lightbox .elementor-swiper-button {
  color: black;
  opacity: 1;
}

/*
/LIGHTBOX BACKGROUND STYLE | ELEMETOR PRO SLIDES //////////////
*/

/*
/partners | top filter //////////////
*/
.partenes-security-tests {
  filter: grayscale(100%);
}

.partenes-security-tests:hover {
  filter: grayscale(40%);
}

/*
/Fix bug center - Elementor Custom Positioning//////////////
*/
/* !!INFO: this fix might need to be customised depending of the sises desired*/

.fix-Elementor-Positioning-center {
  text-align: center;
  left: 25%;
}

/*
############################################
////-----------END - HOME PAGE-----------///
############################################
*/

/*
############################################
////-----------RESOURCE PAGE-----------///
############################################
*/

/*
######################
//// video instructions PAGE-----------///
######################
*/

/*
////-----------START CSS VIDEO BG DOTTED PATTERN- -----------/// TESTING///

.dotted-bg-video{
   background:url(http://new.poolperf.com.au/wp-content/uploads/2020/04/dotted-pattern-01-50opacity.png) repeat;
   
	z-index: 99999;
   width: 100%;
   
}
/*
////----------- END CSS VIDEO BG DOTTED PATTERN-----------///
*/

.video-instructions-container {
  height: auto;
}

.pa-gallery-img-container {
  max-height: 350px;
}

/*
////----------- START icon Play mobile fix-----------///
*/
@media only screen and (max-width: 769px) {
  .elementor-31699
    .elementor-element.elementor-element-444bc7f
    .pa-gallery-magnific-image
    span,
  .elementor-31699
    .elementor-element.elementor-element-444bc7f
    .pa-gallery-img-link
    span {
    margin: 250% 0% 0% 0%;
  }

  .elementor-31699
    .elementor-element.elementor-element-444bc7f
    .pa-gallery-img:not(.style2)
    .pa-gallery-icons-inner-container {
    top: none;
  }
}

/*
////----------- END icon Play mobile fix-----------///
*/

/*
######################
//// end  video PAGE-----------///
######################
*/

/*
############################################
////-----------END RESOURCE PAGE-----------///
############################################
*/

/*
############################################
////-----------Our Designs PAGE-----------///
############################################
*/

/*
////-----------ITEM Our Design PAGE-----------///
*/
.o-post-navigation {
  display: none;
}

/*
############################################
////-----------START PROJECT GALLERY-----------///
############################################
*/

/* CSS Headers on project page are changed on elementor for each pages:

selector{
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
   
}

*/

/*
############################################
////-----------END PROJECT GALLERY-----------///
############################################
*/

/*
////----------- END Our Designs PAGE-----------///
############################################
*/

/*
############################################
////-----------Request a Quote PAGE-----------///
############################################
*/

/*
color picker button///
*/
#uploadImage {
  width: 624px;
  color: gray;
}

/*
END color picker button///
*/

/*
 WPForms///
*/

.wpforms-colorpicker {
  width: 100%;
  height: 100%;
}

div.wpforms-container-full .wpforms-field {
  padding: 10px 0;
  clear: both;
}

div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: #666;
  border: 1px solid #ddd;
  color: #333;
}

/*...further responsive on @media query  */

/*
END WPForms///
*/

/*
////----------- End - Request a Quote PAGE-----------///
############################################
*/

/*
############################################
////-----------Contact our Trade Partners PAGE-----------///
############################################
*/

/*
map style | search button///
*/

#wpsl-search-btn {
  padding: 12px 10px;
  line-height: 1.428571429;
  font-weight: 400;
  background-color: #d2d2d2;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #5b5b5b, #6a6a6a);
  background-image: -ms-linear-gradient(top, #5b5b5b, #6a6a6a);
  background-image: -webkit-linear-gradient(top, #5b5b5b, #6a6a6a);
  background-image: -o-linear-gradient(top, #5b5b5b, #6a6a6a);
  background-image: linear-gradient(top, #5b5b5b, #6a6a6a);
  box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
  text-transform: none !important;
  width: 200px;
}

#wpsl-search-btn:hover {
  padding: 12px 10px;
  line-height: 1.428571429;
  font-weight: 400;
  background-color: #d2d2d2;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #3e3e3e, #3e3e3e);
  background-image: -ms-linear-gradient(top, #3e3e3e, #3e3e3e);
  background-image: -webkit-linear-gradient(top, #3e3e3e, #3e3e3e);
  background-image: -o-linear-gradient(top, #3e3e3e, #3e3e3e);
  background-image: linear-gradient(top, #3e3e3e, #3e3e3e);
  box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
  text-transform: none !important;
  width: 200px;
}

/*
END - map style | search button///
*/

/*
map style | bar top ///
*/
.wpsl-search {
  margin-bottom: 12px;
  padding: 12px 12px 0 12px;
  background: #cacbcb;
}

/*
map style | Directions info///
*/

.Directions-info {
  left: 0px;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  clear: both;
  margin-top: 12px;
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #cacbcb;
  color: black;
}

/*
END - map style | bar top ///
*/

/*
############################################
////-----------END - Contact our Trade Partners PAGE-----------///
############################################
*/

/*
############################################
############################################
/////////////////END-BODY//////////////////
############################################
############################################
*/

/*
############################################
############################################
/////////////FOOTER//////////////
############################################
############################################
*/

/*
Footer marging widgets bug fix
*/

/*!!!!!!!!!!!!
COLUMNS TENPORARY ACTIVATED SINCE A BUG OFFLINE ON WP CORE >"CUSTOMISE" WIDGETS EDITINGS 
| MANUALY CHANGED ON> arkhitekton\templates\footer\ widgets.php > Columns SET TO 3 (4)
*/

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}

@media (min-width: 1367px) {
  .container {
    max-width: 100%;
  }
}

#text-2 {
  margin-left: 35%;
}

#text-3 {
  margin-left: 35%;
}

#text-4 {
  margin-left: 35%;
}

/*START - RESPONSIVE - MOBILE*/

@media only screen and (max-width: 769px) {
  #text-4 {
    margin: 0px;
    padding: 20px;
  }

  #text-2 {
    display: none;
    margin: 0px;
    padding-top: 20px;
    padding-left: 80px;
    padding-bottom: 20px;
  }

  #text-3 {
    display: none;
  }

  #text-5 {
    display: none;
  }

  .l-primary-footer
    .l-primary-footer__widgets
    .l-primary-footer__widgets__space {
    padding-top: 0px;
  }

  .l-primary-footer.l-primary-footer--dark-skin .l-primary-footer__copyright {
    background-color: #0e3253;
    color: #ffffff;
  }
}

/*END -RESPONSIVE - MOBILE*/

/*
END- Footer marging widgets bug fix
*/

/*Elementor takes over these css options, MUST BE CHANGED ON PAGES/Style> Shape divider>Bottom*/

.l-primary-footer.l-primary-footer--dark-skin .l-primary-footer__widgets {
  background-color: #0e3253;
  color: #ffffff;
}

.elementor-7129
  .elementor-element.elementor-element-11db17f
  > .elementor-shape-bottom
  .elementor-shape-fill {
  fill: #0e3253;
}

.l-primary-footer.l-primary-footer--dark-skin .l-primary-footer__copyright {
  background-color: #1fa5de;
  color: #ffffff;
}

/*
/////////////END-FOOTER//////////////
############################################
*/

/*
############################################
*/
/*
############################################
*/

/*############################################
/////////////TEST//////////////
############################################
*/

/*
.elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {

   padding: 0px;
 padding: 30px;

}
*/

/*

#text-rotated-question
{
-webkit-transform: rotate(-30deg); 
-moz-transform: rotate(-30deg);    

    width:100px;
}


*/

/*
######################
Grid Kit projects gallery
######################
*/

/*lightbox element*/
#lg-outer {
  background: #ffffffe6;
  background-color: rgba(255, 255, 255, 0.9);
}

#lg-action {
  bottom: 1px;
}

#lg-action a {
  bottom: 1px;
  background: #ffffffc9;
  background-color: rgba(255, 255, 255, 0.79);
}

#lg-gallery .thumb-cont {
  background-color: #fff;
  max-height: 0;
  opacity: 0;
}

/*END - lightbox element*/

/*below not working*/
#ftg-items {
  top: 0px;
  left: 0px;
  width: 150px;
  height: 500px;
}

/*
END - Grid Kit projects gallery
*/

.hr-special {
  text-align: justify;
  text-justify: inter-word;
  height: 2px;
}

/*
.our-distributors-what-kind{

text-align:center;
}
*/

/*anti scroll map user experience | activate on click*/
.scrolloff {
  pointer-events: none;
}

/* END anti scroll map user experience | activate on click*/

/* START - WP IMAGE ZOOM*/

/*!!!OVERWRITED BY PLUGIN!!*/

.zoomLens {
  background-position: 0px 0px;
  overflow: hidden;
  z-index: 999;
  transform: translateZ(0px);
  opacity: 1;
  width: 226.75px;
  height: 203.852px;
  cursor: crosshair;
  border-radius: 0px;
  border: 5px solid rgb(14, 50, 83);
  background-repeat: no-repeat;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
  left: 0px;
  top: 0px;
  display: none;
  background-color: white;
}

/*


.zoomWindow {

    overflow: hidden;
    width: 400px;
    height: 360px;
    float: left;
    border-radius: 0px;
    background-size: 1600px 1132px;
    z-index: 999;
    border: 13px solid #0E3253;
    background-repeat: no-repeat;
    position: absolute;
    box-shadow: rgb(204, 204, 204) 8px 8px 4px
    top: 0px;
    left: 927px;
    display: none;

}

*/

/*
map style | Directions info///
*/

@media only screen and (max-width: 600px) {
  .Directions-info {
    left: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    clear: both;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #cacbcb;
    color: black;
  }
}

/*
############################################
////----------- END - Contact our Trade Partners PAGE-----------///
############################################
*/

/*
############################################
////-----------Request a quote PAGE -----------///
############################################
*/
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
  width: 30%;
}

.wpforms-form {
  background-color: #eee;
  padding: 20px 15px;
  border: 3px solid #666;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-left: 20%;
  padding-right: 20%;
}
@media only screen and (min-width: 576px) {
  .col-sm-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
}
@media only screen and (max-width: 788px) {
  div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
    width: 50%;
  }

  .wpforms-form {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media only screen and (max-width: 438px) {
  div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
    width: 100%;
  }

  .wpforms-form {
    padding-left: 6%;
    padding-right: 6%;
  }
}

@media only screen and (max-width: 366px) {
  div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
    width: 100%;
  }

  .wpforms-form {
    padding-left: 5%;
    padding-right: 5%;
  }
}