.sidebar { height: 100%;  width: 0px; position: fixed;  z-index: 110; top: 0; right: 0; background-color: rgba(40,40,40,0.9);  overflow: hidden;  padding-top: 128px;  transition: 0.5s;  }
.sidebar.open {  width: 400px;   }

.search_form_outer { padding: 24px 32px 24px 24px; text-align: left; width: 400px; border: 0px solid red; }
.search_form_title { display: block; position: relative; font-family: 'VAGRoundedNext-SemiBold';  font-size: 24px; line-height: 36px; color: #FFFFFF; text-transform: uppercase;  margin-bottom: 30px;  }
.form__field--search-term input { background-color: #FFFFFF; border: 0px;  font-family: 'VAGRoundedNext-Light'; font-size: 18px; line-height: 24px; color: #ec1c99; padding: 16px 12px; margin-bottom: 32px;   }

input[type="submit"] { width: auto; overflow: visible; }



.search_results_outer { position: relative; display: block;    }
.search_result_each {  position: relative; display: block;  padding: 16px 16px 16px 16px !important;  }

.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;   }

.result_type { text-transform: uppercase; color: #ec1c99;   }


@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;   }
  
  
}


@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;   }
  
  
}

@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);  }
}