/* ******************** Responsive settings for the menu ******************** */
@media only screen and (max-width: 768px){

	.sticky-wrapper,
	.main-menu {
		height: 75px!important;
	}
	
	.menu-wrap {
		width: 100%;
	}
	
	.menu-logo {
		margin-top: 1px;
		margin-left: 15px;
	}
	
	.main-menu h1 {
		margin-top: 0;
		margin-left: 15px;
	}

	/* The toggle */
	.toggle {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		/*color: #bba454;*/
		color:#2b3f77;
		float: right;
		font-family: 'FontAwesome';
		text-align: center;
		font-size: 18px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	
	.toggle:hover {
		color: #2b3f77;
	}
	
	.toggle:after {
		content: '\f0c9';
	}
	
	#toggle:checked ~ .menu {
		display: block;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	#toggle:checked + .toggle:after {
		content: '\f077';
	}
	
	/* The menu items */
	.menu {
		display: none;
		filter: alpha(opacity=0);
		opacity: 0;
		margin-top: 80px;
		width: 100%;
		position: absolute;
		right: 0;
		height: auto;
		text-align: left;
		background: #f3f3f3;
		padding-bottom: 10px;
	}
	
	.menu li {
		display: block;
		width: 100%;
		height: 40px;
		border-bottom:1px dotted #3F3F3F;
		line-height: 40px;
		margin: 0;
	}
	
	.menu li a {
		display: block;
		width: 100%;
		height: auto;
		margin-left: 15px;
	}
	ul.home-menu li em {
		display: none;
	}
	.TradeShow {display:none}
	#HmFooter {display:none}

	.main-menu.white-menu .toggle:hover {
		color: #1a1a1a;
	}
	
	.main-menu.white-menu .menu {
		background: #fafafa;
	}
			
}

@media screen and (max-width: 1024px) {
	.fullscreen-img {
		left: 50%;
		margin-left: -512px;
	}
	.TradeShow {display:none}
	
	ul.home-menu li {
		width: 150px;		
	}
	
	ul.home-menu li i {
		font-size: 25px;
		width: 55px;
		height: 55px;
		line-height: 50px;
		margin: 25px auto 15px auto;
	}
	
	ul.home-menu li a {font-size:12px}
}



/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.menu-wrap,
	.home-content,
	.centerdiv,
	.fourofour-content {
		width: 690px;
	}
	
	ul.home-menu li {
		width: 145px
	}
	
	
	li.service-item {
		margin-right: 15px;
		margin-left: 15px;
	}
	
	#contactform input.submit {
		margin: 10px auto 0;
	}
	
	/*ul.home-menu li span,*/
	ul.home-menu li em {
		display: none;
	}
	ul.home-menu li a {font-size:12px}
	
}

/* Medium */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.bigtext h1,
	h1.bigtext {
		font-size: 70px;
	}
	
	.bigtext h2,
	h2.bigtext {
		font-size: 60px;
	}
	
	.bigtext h3,
	h3.bigtext {
		font-size: 50px;
	}
	
	.bigtext h4,
	h4.bigtext {
		font-size: 40px;
	}
	
	.bigtext h5,
	h5.bigtext {
		font-size: 30px;
	}
	
	.bigtext h6,
	h6.bigtext {
		font-size: 20px;
	}
	
	p.big {
		font-size: 14px;
	}
	
	.header,
	.home-wrap-short {
		height: 540px;
	}
	
	.header.medium {
		height: 400px;
	}
	
	.header.small {
		height: 280px;
	}
	
	.home-content,
	.centerdiv,
	.fourofour-content {
		width: 400px;
	}
	
	ul.home-menu li {
		width: 90px
	}
	
	/*ul.home-menu li span,*/
	ul.home-menu li em {
		display: none;
	}
	ul.home-menu li a {font-size:12px}
		
	li.service-item {
		margin-right: 8px;
		margin-left: 8px;
	}
	
	.serviceblock {
		padding: 0;
		border: none;
	}
	
	.serviceblock:hover {
		border: none;
	}
	
	.serviceblock .button {
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
	}
	
	.serviceblock:hover i {
		color: #adadad;
		border: 3px solid #ffffff;
	}
	
	.serviceblock i:hover {
		color: #bba454;
		border: 3px solid #bba454;
	}
	
	.employeeblock {
		padding: 0;
		border: none;
	}
	
	.employeeblock:hover {
		border: none;
	}
	
	#contactform input.submit {
		margin: 0 auto;
	}
	
	.footer .alignleft, 
	.footer .alignright {
		text-align: center;
	}
	
	.project-page-intro {
		padding-top: 50px;
	}
	
}

/* Small */
@media only screen and (max-width: 479px) {

	body {
		min-width: 302px;
	}
	
	.bigtext h1,
	h1.bigtext {
		font-size: 45px;
	}
	
	.bigtext h2,
	h2.bigtext {
		font-size: 40px;
	}
	
	.bigtext h3,
	h3.bigtext {
		font-size: 35px;
	}
	
	.bigtext h4,
	h4.bigtext {
		font-size: 30px;
	}
	
	.bigtext h5,
	h5.bigtext {
		font-size: 20px;
	}
	
	.bigtext h6,
	h6.bigtext {
		font-size: 16px;
	}
	
	p.big {
		font-size: 14px;
	}
	
	.header,
	.home-wrap-short {
		height: 480px;
	}
	
	.header.medium {
		height: 320px;
	}
	
	.header.small {
		height: 240px;
	}
	
	.home-content,
	.centerdiv,
	.fourofour-content {
		min-width: 270px;
		width: 270px;
	}
	
	.the-logo {
		max-width: 270px;
	}
	
	ul.home-menu li {
		width: 80px;		
	}
	ul.home-menu li a {font-size:10px; line-height: 15px; color:#CCC}
	/*ul.home-menu li span,*/
	ul.home-menu li em {
		display: none;
	}
	
	ul.home-menu li i {
		font-size: 25px;
		width: 55px;
		height: 55px;
		line-height: 50px;
		margin: 25px auto 15px auto;
	}
	
	.slides-pagination,
	#home-pagination.bullet-pagination {
		bottom: 15px;
	}
	
	li.service-item {
		margin-right: 5px;
		margin-left: 5px;
	}
	
	.serviceblock {
		padding: 0;
		border: none;
	}
	
	.serviceblock:hover {
		border: none;
	}
	
	.serviceblock .button {
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
	}
	
	.serviceblock:hover i {
		color: #adadad;
		border: 3px solid #ffffff;
	}
	
	.serviceblock i:hover {
		color: #bba454;
		border: 3px solid #bba454;
	}
	
	.employeeblock {
		padding: 0;
		border: none;
	}
	
	.employeeblock:hover {
		border: none;
	}
	
	#contactform input.submit {
		margin: 0 auto;
		width: 100%;
	}
	
	.footer .alignleft, 
	.footer .alignright {
		text-align: center;
	}
	
	.project-page-intro {
		padding-top: 50px;
	}
	
	.Resp-Practice-slider,
	.about .header,
	.about-us .header,
	.project-page-slider {
		margin-bottom: 50px;
	}
	
	.introduction,	
	.Resp-Practice,
	.more-work,
	.about,
	.about-us,
	.services,
	.simple-services,
	.social-footer {
		padding-top: 100px;
		padding-bottom: 20px;
	}
	
	.contact {
		padding-top: 70px;
		padding-bottom: 100px;
	}
	
	/* The title of a section */
	.title {
		margin-bottom: 20px;
	}
	.title h1 {
		font-size: 21px;
		letter-spacing: 0.1em;
	}
	
	#contact-form {margin-bottom:50px; width:100%; float:left}
	#Contact-Network {padding-left:0px; width:100%; float:left}
	.HMFtrSocial {font-size:12px;}

}