/* ----------------------------------------------------------------
	Custom CSS
	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.mfp-content div[id*="_video_"] {
  position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.mfp-content div[id*="_video_"] iframe,
.mfp-content div[id*="_video_"] object,
.mfp-content div[id*="_video_"] embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width:1162px) and (min-width:992px) {
  #primary-menu ul li > a {
    padding: 19px 10px;
  }
  header, #header-wrap, #logo img {
    height:60px;
  }
}
@media (max-width:767px) {
  #logo img {
    height:60px;
    margin-top:20px;
  }
}