
@media (max-width: 1023px) {
  .translate-left {
    margin-right: 0;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  .hed {
	  font-size: 40px;
  }
}

@media (max-width: 995px) {
	/* search proposals */
	.proposal-search-container {
		display: flex;
		flex-direction: column-reverse;
	}
	.proposal-search-fields {
		width: 100%;
	}
	.sidebar > li:hover .sidebar-child,
	.sidebar > li:hover .sidebar-child-inline {
		display: block !important;
	}

}


/* hides the side nav toggle buttons until the screen is 800px or under */
@media (min-width: 801px) {
 /* .side-nav-close,
 .side-nav-open {
	 opacity: 0;
	 transition: .5s;
	 width: 0 !important;
	 text-decoration: none;
	 font-size: 25px;
  	 color: #818181;
	 transition: 0.3s;
	 position: absolute;
	 z-index: 1;
	 top: 5px;
	 left: 5px;
	 padding: 0 !important;
	 background-color: transparent !important;
	 border: none;
	 transition: 0.5;
	 width: auto;

 } */
 .hed {
  font-size: 20px;
 }

}

@media (max-width: 980px) {
  .vendor-search-form {
    flex-direction: column-reverse;
  }
}


@media (max-width: 800px) {
	/* header */
	.header {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	/* .sidebar-child {
		max-height: 400px;
		overflow: scroll;
	} */
	/* sidebar */
	.side-nav-close {
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		opacity: 0;
		transition: 0.8s;
		position: absolute;
		z-index: 1;
		top: 5px;
		left: 160px;
		padding: 0 !important;
		background-color: transparent !important;
		border: none;
		transition: 1s;
		width: auto;
		display: none;

	}
	.side-nav-close:hover {
		text-decoration: none;
	}
	.side-nav-open {
		transition: 0.3s;
		position: fixed;
		font-size: 25px;
		top: 15px;
		left: 15px;
		padding: 5px;
		border-radius: 3px;
	}
	.side-nav-open {
		z-index: 9999999999999;
		top: 0px;
		left: 0px;
	}
	.brand-logo {
		width: 95%;
		max-width: 110px;
		transition: .5s;
	}

  .side-left {
		/* padding: 8px 8px 8px 32px; */
		width: 0;
		max-width: 220px;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		transition: .5s;
		opacity: 0;
  }
  .sidebar {
	  display: none;
  }

	/* content */
  .content {
	 margin-left: 0px !important;
  }
  .section {
	  /* background-color: #ffffff; */

  }

 .vendor-search-form {
	flex-direction: column-reverse;
  }

}

@media (max-width: 600px) {
  /* search proposals */
  .proposal-search-fields input.autocomplete {
    width: 90% !important;
  }
}



@media (max-width: 480px) {
  .header form.form-inline {
    display: none;
  }
  .header-brand h1,
  .header-brand h2,
  .header-brand h3,
  .header-brand h4,
  .header-brand h5,
  .header-brand h6 {
    font-size: 2em;
  }
  .header-profile .profile-username {
    display: none;
  }
  .hed {
  font-size: 37px !important;
}

}
