.products-and-solutions .image-as-a-background-with-yellow-square-on-the-right{
    width: 100% !important;
    min-height: 430px !important;
    position: relative !important;
    padding: 0 !important;
    overflow: hidden;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .yellow-square-lg{
    width: 15.9%;
    height: 47.2%;
    background-color: #ffcc00;
    position: absolute;
    top: 27.2%;
    right: 14%;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .title{
    color: #fff !important;
    position: absolute;
    left: 8%;
    top: 34.7%;
    font-size: 30px;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .container-enlace-text{
    position: absolute;
    /* width: 40.6%; */
    width: 60.6%;
    height: 18.8%;
    left: 8%;
    bottom: 35.2%;
  }
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .enlace-text{
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right p{
    color: #fff !important;
    position: relative;
    text-align: left;
    line-height: 27px;
    font-size: 16px;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-hor-1{
    position: absolute;
    width: 100%;
    margin: 0;
    top: 26.7%;
    z-index:999;
    border: solid 1px #fff;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-hor-2{
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 25.6%;
    z-index:999;
    border: solid 1px #fff;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-ver-1{
    position: absolute;
    height: 100%;
    margin: 0;
    right: 29.9%;
    z-index:999;
    border: solid 1px #fff;
    
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-ver-2{
    position: absolute;
    height: 100%;
    margin: 0;
    right: 13.9%;
    z-index:999;
    border: solid 1px #fff;
  }

.products-and-solutions .image-as-a-background-with-yellow-square-on-the-right p a {
  color: #fff;
  text-decoration: underline;
}

.products-and-solutions .image-as-a-background-with-yellow-square-on-the-right p a:hover,
.products-and-solutions .image-as-a-background-with-yellow-square-on-the-right p a:visited {
  color: #fff !important;
}

  @media (min-width: 768px) and (max-width: 1024px) {
    .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .title {
      left: 8.5%;
    }
    .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .yellow-square-md{
      width: 8.6%;
    }
  }  
  @media screen and (max-width: 767px) {
    
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-hor-1{
    display: none !important;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-hor-2{
    display: none !important;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-ver-1{
    display: none !important;
  }
  
  .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .border-ver-2{
    display: none !important;
  }
    .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .container-enlace-text{
      position: absolute;
      width: 80%;
      height: auto;
      left: 9.5%;
      top: 33%;
      margin: 0 auto;
    }
    .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .yellow-square-lg {
      width: 36px;
      height: 36px;
      top: 16%;
      left: 10.1%;
  }
    .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .title {
      color: #fff !important;
      position: absolute;
      left: 20.5%;
   }
    .products-and-solutions .image-as-a-background-with-yellow-square-on-the-right .title {
      top: 10.3%;
      left: 22.5%;
    }
  }


  .products-and-solutions .image-to-the-left-with-yellow-square-on-title{
    overflow: hidden;
  }
  .products-and-solutions .image-to-the-left-with-yellow-square-on-title p{
    color: #192d38
  }
  .products-and-solutions .image-to-the-left-with-yellow-square-on-title a{
    font-size: 48px;
  }
  .products-and-solutions .image-to-the-left-with-yellow-square-on-title .enlace-content{
    padding: 0 8.3%;
    height: auto;
  }

/* Exposed styling */

  .products-and-solutions .form-text{
    background-color: #ecf2f6;
    border: solid 1px #bfc9d0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 22px;
    font-family: 'Barlow',sans-serif;
    text-align: center;
    background: url(/themes/custom/gerdautema/images/menu/search_blue.png);
    background-repeat: no-repeat;
    background-position: 1%;
}



.products-and-solutions .form-item-sort-by label, #edit-sort-by--wrapper legend{
  margin-bottom: 0;
  vertical-align: middle;
  width: 100%;
  color: #495961;
  opacity: 0.3;
  font-size: 16px;
}

.products-and-solutions .form-item-sort-by{
  display: -webkit-box;
  width: 65% !important;
}

.products-and-solutions .bef-links{
  display: -webkit-box;
}

.products-and-solutions .bef-links div:first-child{
  padding-left: 10%;
}

.products-and-solutions .bef-links div:last-child {
  padding-left: 20%;
  
}

.products-and-solutions .bef-links a:link,.bef-links a:hover, .bef-links a:visited{
  color: #495961;
  text-decoration: none;
  font-size: 16px;
}

.products-and-solutions .bef-links .bef-link-active, a:focus{
  color:#00b0db !important;
  text-align: none;
}

.products-and-solutions select{
  margin: -12px 0 12px 5px;
  display:block;
  width: 60%;
  border: solid 1px #bfc9d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 22px;
  font-family: 'Barlow',sans-serif;
  text-align: center;
}

.products-and-solutions .form-type-select, .products-and-solutions fieldset{
  padding-top: 1%;
  width: 30%;
  padding-left: 20%;
  
}
.products-and-solutions input[type="text"]:focus,
.products-and-solutions input[type="search"]:focus,
.products-and-solutions .form-search #searchbox #search_query_top:focus,
.products-and-solutions .input-group input#search:focus{
    background-color: #ecf2f6 !important;
    border: solid 1px #bfc9d0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 22px;
    font-family: 'Barlow',sans-serif;
    text-align: center;
    background: url(/themes/custom/gerdautema/images/menu/search_blue.png);
    background-repeat: no-repeat;
    background-position: 1%;
}

.products-and-solutions .view-filters{
  padding-left: 4% !important;
}

@media screen and (max-width: 767px) {
 
  .products-and-solutions select{
      margin: 0 auto;
  }
  .products-and-solutions .form-item-sort-by{
  text-align: center;
  margin: 0 auto;
  width: 100% !important;
  display: block;
  padding: 0;
  }

  .products-and-solutions .form-item-sort-by label{
      text-align: center;
      display: block;
  }

  .products-and-solutions .bef-links div, .form-type-select, .products-and-solutions fieldset{
      padding-left: 0 !important;
      display: unset;
  }
  .products-and-solutions .bef-links div:last-child{
      padding-left: 6% !important;
  }

  .products-and-solutions .bef-links {
      display: block;
  }

  .products-and-solutions .bef-exposed-form .form--inline > .form-item{
      float: none;
  }

}