.search_form_outer { position: relative; display: block; border: 0px solid red; width: 100%; max-width: 600px; margin: 0 auto !important; padding-top: 48px;  }
.form__field--search-term { position: relative; display: inline-block; width: calc(100% - 192px); margin-right: 8px; vertical-align: top; transition: all 0s 0s;    }
.form__field--search-term .form__field__input { width: 100%;  margin: 0px 0px; height: 92px;  color: #ec1c99; }

.form__field--submit-search { position: relative; display: inline-block; width: 184px; padding-bottom: 0px; vertical-align: top;  }
.form__field--submit-search input { width: 184px; border-radius: 0px; border: 4px solid white; background-color: #ec1c99;  font-size: 36px;  height: 92px;  margin: 0px 0px 0px;    }
.form__field--submit-search:hover input { background-color: #ec652c;  }

.form__field--submit-search .form__field__buttons { padding: 0px 0px;   }



.form__field--search-term input:placeholder-shown { color: #ec1c99; font-family: 'VAGRoundedNext-Light'; font-style: normal; }

.form__field--search-term input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ec1c99; font-family: 'VAGRoundedNext-Light'; font-style: normal; }
.form__field--search-term input::-moz-placeholder { /* Firefox 19+ */ color: #ec1c99;  opacity: 1;  font-family: 'VAGRoundedNext-Light'; font-style: normal; }
.form__field--search-term input:focus::-moz-placeholder { /* Firefox 19+ */ color: #ec1c99;  opacity: 0.2; font-family: 'VAGRoundedNext-Light'; font-style: normal; }
.form__field--search-term input:-ms-input-placeholder { /* IE 10+ */ color: #ec1c99;font-family: 'VAGRoundedNext-Light'; font-style: normal; }
.form__field--search-term input:-moz-placeholder { /* Firefox 18- */ color: #ec1c99; font-family: 'VAGRoundedNext-Light'; font-style: normal; }

.search_results_outer { position: relative; display: block;    }
.search_result_image { position: relative; display: inline-block; width: 12.5%; padding-bottom: 8%; background-size: cover;  background-position: 50% center; background-repeat: no-repeat; overflow: hidden; vertical-align: top; margin-right: 32px;   }
.seach_result_text_outer { position: relative; display: inline-block;  width: calc(87.5% - 32px); border: 0px solid red;  vertical-align: top;  }
.search_result_title { display: block; position: relative; font-size: 28px; line-height: 30px; font-family: 'VAGRoundedNext-Regular'; }
.search_result_extract { display: block; position: relative; font-family: 'VAGRoundedNext-ExtraLight'; color: #1d1d1d; font-size: 18px; line-height: 30px;  }
.search_result_extract strong { font-family: 'VAGRoundedNext-SemiBold'; font-weight: normal;   }


@media only screen and (max-width: 500px) {
  .search_result_image { display: none;  }
  .seach_result_text_outer { width: 100%;  }
  .search_result_title { font-size: 16px; line-height: 21px;   }
  .search_result_extract { font-size: 14px; line-height: 18px;   }
  
  .form__field--search-term { width: 100%; margin-right: 8px; padding-bottom: 16px;   }
  .form__field--search-term .form__field__input { height: 48px; font-size: 16px;   }
  .form__field--submit-search { margin: 0px auto;    }
  .form__field--submit-search input {   font-size: 21px;  height: 48px; border: 2px solid white;  }
  .search_form_outer { text-align: center;   }
}

@media only screen and (min-width:  500px) and (max-width: 767px) {
  .search_result_image { width: 25%; margin-right: 16px; padding-bottom: 16%;  }
  .seach_result_text_outer { width: calc(75% - 16px);  }
  .search_result_title { font-size: 16px; line-height: 21px;   }
  .search_result_extract { font-size: 14px; line-height: 18px;   }
  
  
  .form__field--search-term { width: 100%; margin-right: 8px; padding-bottom: 16px;   }
  .form__field--search-term .form__field__input { height: 48px; font-size: 21px;   }
  .form__field--submit-search { margin: 0px auto;    }
  .form__field--submit-search input {   font-size: 21px;  height: 48px; border: 2px solid white;  }
  .search_form_outer { text-align: center;   }
  
}

@media only screen and (min-width:  768px) and (max-width: 1047px)   {
  
  .search_result_image { width: 25%; margin-right: 16px; padding-bottom: 16%;  }
  .seach_result_text_outer { width: calc(75% - 16px);  }
  .search_result_title { font-size: 24px; line-height: 30px;   }
  .search_result_extract { font-size: 16px; line-height: 24px;   }
  
  
}

@media only screen  and (min-width: 1048px) and (max-width: 1320px)  {
  .search_result_image { width: 25%; margin-right: 16px; padding-bottom: 16%;  }
  .seach_result_text_outer { width: calc(75% - 16px);  }
}