/* HASKELL CORP */

@media screen and (max-width: 1167px) {
	.pad {
		width:99%;
	}
	.site-header-main {
		width:100%;
	}
	.main-navigation {
		width:99%;
	}
	#quicklinks {
		width:99%;
		text-align:center;
	}
	#quicklinks a {
		display:inline-block;
		float:none;
		width:300px;
		height:300px;
		background-size:300px 600px;
	}	
	#quicklinks a:hover {
		background-position:0 -300px;
	}
	.ql2 {
		margin:0 1.5%;
	}
	.content-area {
		width:95% !important;
	}
	.entry-content {
		width:95%;
		margin:0 auto;
	}
	
	/*project gallery*/	
	.pr_text {
		width:95%;
	}
} /* end 1167px  */


@media screen and (max-width: 1120px) {
	#logo_nav {
		width:170px;
		height:auto;
		margin-top:28px;
	}
	.main-navigation .primary-menu > li.menu-item-26 {
		margin-left:20px;
	}
} /* end 1120px  */


@media screen and (max-width: 1000px) {
	#logo_nav {
		display:none;
	}
	#quicklinks a {
		width:250px;
		height:250px;
		background-size:250px 500px;
	}	
	#quicklinks a:hover {
		background-position:0 -250px;
	}
	#Footer .col2 {
		font-size:14px;
	}
} /* end 1000px  */


@media screen and (max-width: 909px) {
	.menu-toggle {
		position:relative;
		top:116px;
		width:100%;
		height:89px;
		font-family: 'Raleway', sans-serif;
		font-size:16px;
		font-weight:600;
		color:#FFF;
		text-align:left;
		text-indent:30px;
		text-shadow:1px 1px 2px rgba(0,0,0, 0.5);
		background: #716959; /* Old browsers */
		background: -moz-linear-gradient(top,  #716959 0%, #8a806d 51%, #766e5e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #716959 0%,#8a806d 51%,#766e5e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #716959 0%,#8a806d 51%,#766e5e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#716959', endColorstr='#766e5e',GradientType=0 ); /* IE6-9 */
		border-bottom:solid 7px #2d2b2b;
		margin:0;
		padding:0;
	}
	.menu-toggle:hover, .menu-toggle:focus {
		color:#FFF;
		background: #716959; /* Old browsers */
		background: -moz-linear-gradient(top,  #716959 0%, #8a806d 51%, #766e5e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #716959 0%,#8a806d 51%,#766e5e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #716959 0%,#8a806d 51%,#766e5e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#716959', endColorstr='#766e5e',GradientType=0 ); /* IE6-9 */
		border-bottom:solid 7px #2d2b2b;
	}
	.site-header-menu.toggled-on, .no-js .site-header-menu {
		z-index:101;
	}
	.site-header-menu {
		top:196px;
	}
	.main-navigation {
		background: #716959;
	}
	.main-navigation .primary-menu > li,
	.main-navigation .primary-menu > li.menu-item-26 {
		margin:0;
	}
	.main-navigation a,
	.main-navigation a:hover,
	.main-navigation .menu-item-has-children > a {
		line-height:3em;
	}
	.main-navigation li button {
		display:block;
	}
	.dropdown-toggle:hover, .dropdown-toggle:focus {
		color:#FFF;
	}
	.main-navigation ul ul {
		background:none;
		border:none;
	}
	.entry-header {
		margin:0;
	}
} /* end 909px  */


@media screen and (max-width: 815px) {
	#quicklinks a {
		width:200px;
		height:200px;
		background-size:200px 400px;
	}	
	#quicklinks a:hover {
		background-position:0 -200px;
	}
} /* end 815px  */


@media screen and (max-width: 745px) {
	#hdrPhone {
		font-size:16px;
		width:150px;
	}
} /* end 745px  */


@media screen and (max-width: 655px) {
	#quicklinks a {
		display:block;
		float:none;
		margin:8px auto;
		width:367px;
		height:367px;
		background-size:367px 734px;
	}	
	#quicklinks a:hover {
		background-position:0 -367px;
	}
} /* end 655px  */


@media screen and (max-width: 600px) {
	#Footer .col1,
	#Footer .col2 {
		float:none;
		width:95%;
		margin:10px auto;
	}
	#Footer .col2 {
		border-top:solid 10px #8a806d;
		padding-top:30px;
	}
	#siteCredits {
		font-size:11px;
	}
	
	/*project gallery*/		
	#projectNav a {
		font-size:14px;
		padding:3px 8px;
	}
	#projectNav .projectNavTriangle {
		margin:0;
	}
} /* end 600px  */


@media screen and (max-width: 515px) {
	.site-branding {
		top:8px;
	}
	#headerTagline {
		top:42px;
		width:160px;
		font-size:16px;
	}
	#headerTagline span {
		display:block;
	}
	/* CONSTRUCTION SERVICES */
	.ConstructionServices h1 {
		font-size:25px;
		line-height:1em;
		padding:15px;
	}
	#CSquicklinks li a {
		font-size:25px;
		padding-top:55px;
	}
	#CSquicklinks li a.ql4,
	#CSquicklinks li a.ql5,
	#CSquicklinks li a.ql6 {
		padding-top:40px;
	}
	/* CONSTRUCTION SERVICES SUB-PAGES */
	.ConstructionSvcsSubPages h1.entry-title {
		font-size:25px;
		line-height:1em;
		padding:15px;
	}
} /* end 515px  */


@media screen and (max-width: 388px) {
	#quicklinks a {
		width:300px;
		height:300px;
		background-size:300px 600px;
	}	
	#quicklinks a:hover {
		background-position:0 -300px;
	}
	#CSquicklinks li a {
		font-size:20px;
		padding-top:55px;
	}
} /* end 388px  */