@media (min-width:980px) and (max-width: 1000px) {
#wrapper {
    width: 960px!important;
}

#header,
#placemainmenu,
#content,
#footer
{
    width: 960px!important;
}
#rowfront1,
#rowfront2
{
margin:0 22px 0 0!important;
}
#mainmenu
{
width:960px!important;
}
/*slideshow*/
#wrapslideshow2
{
width: 960px!important;
}
#slideshow2
{
width: 960px!important;
background-size:100% 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#slideshow2 img
{
width:100%;
}
#corner2
{
width:100%!important;
}
#slideshow2 .ft-title
{
width:100%!important;
box-sizing: border-box;
padding:13px 0 29px 15px!important;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
/*slideshow*/

#introtop
{
background:none;
width:920px!important;
background-color:#D9D9D9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#introbottom
{
display:none;
}

/*contact-page*/
#placemap
{
width:100%!important;
box-sizing: border-box;
}
#placemap iframe
{
width:100%!important;
}
/*contact-page-end*/

/*projectscurrent*/
#fullwidth {
    width: 100%!important;
}
/*projectscurrent_page*/



}

@media (min-width:768px) and (max-width: 979px) {


#wrapper {
    width: 748px!important;
}

#header,
#placemainmenu,
#content,
#footer
{
    width:100%!important;
}
#rowfront1,
#rowfront2,
#rowfront3
{
margin:0 9px 0 0!important;
width:200px!important;
background:none!important;
background-color:#D9D9D9!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:355px!important;
}
.boxcontent
{
width:100%!important;
height:355px!important;
}
#rowfront1 .boxhover
{
background-size: 100% 60%!important;
height:173px!important;
width:100%!important;
position:relative!important;
}

#rowfront1 .hover {
    background-size: 100% 60%!important;
height:173px!important;
width:100%!important;
top:60px!important;
left:0px!important;
}

#rowfront2 .boxhover
{
background-size: 100% 60%!important;
height:173px!important;
width:100%!important;
position:relative!important;
}

#rowfront2 .hover {
    background-size: 100% 60%!important;
height:173px!important;
width:100%!important;
top:60px!important;
left:0px!important;
}

#rowfront3 .boxhover
{
background-size: 100% 60%!important;
height:173px!important;
width:100%!important;
position:relative!important;
}

#rowfront3 .hover {
    background-size: 100% 60%!important;
height:173px!important;
width:100%!important;
top:60px!important;
left:0px!important;
}

#mainmenu
{
width:100%!important;
}
/*slideshow*/
#wrapslideshow2
{
width: 750px!important;
height:260px!important;
}
#slideshow2
{
width: 750px!important;
background-size:100% 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#slideshow2 img
{
width:100%;
}
#corner2
{
width:100%!important;
height:260px!important;
}
#slideshow2 .ft-title
{
width:100%!important;
box-sizing: border-box;
padding:13px 10px 29px 10px!important;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/*slideshow*/

#introtop
{
background:none!important;
width:708px!important;
background-color:#D9D9D9!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px 20px 20px!important;
}
#introbottom
{
display:none;
}

.viewour_project
{
background-size:100% 100%!important;
padding:52px 0 53px!important;
}
.quick_quote
{
background-size:100% 100%!important;
}
.quote_left p
{
margin:8px 0 10px!important;
}
#introtop p
{
font-size:14px!important;
}
#content
{
padding-top:0px!important;
}

/*about_page*/
#maincontent
{
width:61%!important;
}
.imgframes2
{
width:100%;
}
/*about_page_end*/


/*contact-page*/
#placemap
{
width:100%!important;
box-sizing: border-box;
}
#placemap iframe
{
width:100%!important;
}
/*contact-page-end*/

/*projectscurrent*/
#fullwidth {
    width: 100%!important;
}
/*projectscurrent_page*/

/*projectspast*/
#fullwidth ul#listportfolio
{
margin:0 auto!important;
width:630px!important;
}
/*projectspast_end*/

/*pop_start*/
#lightboxImage
{
width:100%!important;
}
#imageContainer
{
width:100%!important;
box-sizing: border-box;
}
#imageDataContainer
{
width:100%!important;
}
#outerImageContainer
{
width:100%!important;
height:auto!important;
font-size:inherit!important;
}
#prevLink, #nextLink {
    height: 63% !important;
    width: 10%!important;
}
/*pop_start_end*/

.titlefront
{
width:85%;
padding:12px 0 0 53px!important;
}
}

@media (max-width: 767px) {
#wrapper {
    width:100%!important;
	box-sizing: border-box;
	padding:0 5px;
}

#header,
#placemainmenu,
#content,
#footer
{
    width:100%!important;
}

#introtop
{
background:none!important;
width:100%!important;
background-color:#D9D9D9!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px 20px 20px!important;
box-sizing: border-box;
}
#introbottom
{
display:none;
}

#introtop p
{
font-size:13px!important;
}
#content
{
padding-top:0px!important;
}

#introtop h2
{
font-size:18px;
}

/*slideshow*/
#wrapslideshow2
{
width: 100%!important;
height:260px!important;
}
#slideshow2
{
width: 100%!important;
background-size:100% 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#slideshow2 img
{
width:100%;
}
#corner2
{
width:100%!important;
height:260px!important;
}
#slideshow2 .ft-title
{
width:100%!important;
box-sizing: border-box;
padding:13px 10px 29px 10px!important;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/*slideshow*/

#rowfront1,
#rowfront2,
#rowfront3
{
margin:0 9px 0 0!important;
width:100%!important;
background:none!important;
background-color:#D9D9D9!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height:355px!important;
margin-bottom:20px!important;
box-sizing: border-box;
}
.boxcontent
{
width:100%!important;
height:324px!important;
}
.titlefront
{
margin:0 0 180px -6px!important;
}
#rowfront1 .boxhover
{
background-size: 100% 60%!important;
height:250px!important;
width:100%!important;
position:relative!important;
}

#rowfront1 .hover {
    background-size: 100% 60%!important;
height:250px!important;
width:100%!important;
top:60px!important;
left:0px!important;
}

#rowfront2 .boxhover
{
background-size: 100% 60%!important;
height:250px!important;
width:100%!important;
position:relative!important;
}

#rowfront2 .hover {
    background-size: 100% 60%!important;
height:250px!important;
width:100%!important;
top:60px!important;
left:0px!important;
}

#rowfront3 .boxhover
{
background-size: 100% 60%!important;
height:250px!important;
width:100%!important;
position:relative!important;
}

#rowfront3 .hover {
    background-size: 100% 60%!important;
height:250px!important;
width:100%!important;
top:60px!important;
left:0px!important;
}

.redmore_box {
    margin-bottom: 25px;
    width:100%;
    margin: 0 auto;
	box-sizing: border-box;
}

.viewour_project
{
background-size:100% 100%!important;
}
.quick_quote
{
background-size:100% 100%!important;
padding:15px 40px 20px 25px!important;
}
.quote_left p
{
margin:8px 0 10px!important;
}
.quote_right {
    width: 100%!important;
}
.field_left
{
width:100%!important;
margin:0!important;
}
.visitor_field
{
width:100%!important;
}

.field_right
{
width: 100%!important;
}
.visitor_msg
{
width: 100%!important;
}
.projects_left,
.projects_right
{
width:50%!important;
}
.projects_left h3
{
font-size:26px!important;
padding:15px 0 0 0!important;
}

#footer h4
{
width:100%!important;
text-align:left!important;
margin:60px 0 20px!important;
text-indent:5px;
}
#menufooter
{
width:100%!important;
margin:-80px 0 0 0!important;
}
#headerright
{
width:100%!important;
text-align:center!important;
}
#mainmenu
{
width:100%!important;
}

.placemainmenu {
    margin-top: 110px !important;
}
.top_contact {
    margin: 20px auto!important;
    width: 408px;
}
#logo
{
width:100%!important;
text-align:center!important;
padding-bottom:10px!important;
}
#logo span
{
background-position:center 10px!important;
}

/*about_page*/
#maincontent
{
width:100%!important;
}
.imgframes2
{
width:100%;
box-sizing: border-box;
}

#nav {
    width: 100%!important;
}
.navbottom
{
background:none!important;
}
.navtop
{
width:100%!important;
background:none!important;
background-color:#D9D9D9!important;
padding:20px!important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-sizing: border-box;
}
.menunav, 
.menunavnews
{
width:100%!important;
}
.menunavnews li
{
width:100%!important;
margin:0px!important;
}
#placesearch
{
margin:24px auto!important;
float:none!important;
width:310px!important;
background-size:100% 100%!important;
}
#frmsearch
{
width:234px!important;
}
.textboxsearch
{
width:201px!important;
}

/*about_page_end*/

/*contact-page*/
#placemap
{
width:100%!important;
box-sizing: border-box;
}
#placemap iframe
{
width:100%!important;
}
/*contact-page-end*/

/*projectscurrent*/
#fullwidth {
    width: 100%!important;
}
/*projectscurrent_page*/

/*projectspast*/
#fullwidth ul#listportfolio
{
margin:0 auto!important;
width:630px!important;
}
/*projectspast_end*/

/*pop_start*/
#lightboxImage
{
width:100%!important;
}
#imageContainer
{
width:100%!important;
box-sizing: border-box;
}
#imageDataContainer
{
width:100%!important;
}
#outerImageContainer
{
width:100%!important;
height:auto!important;
font-size:inherit!important;
}
#lightbox
{
z-index:99999!important;
}
#overlay
{
z-index:9999!important;
}

#prevLink, #nextLink {
    height: 63% !important;
    width: 10%!important;
}
/*pop_start_end*/


}
@media (max-width: 481px) {
/*projectspast*/
#fullwidth ul#listportfolio
{
margin:0 auto!important;
width:269px!important;
}
/*projectspast_end*/
}

@media (max-width: 420px) {

#wrapslideshow2,
#corner2
{
height:175px!important;
}
.top_contact {
    width: 290px;
}
.projects_left, .projects_right {
    width: 100% !important;
	text-align:center!important;
}
.projects_right h4
{
margin:0 0 20px!important;
}
#introtop h2
{
font-size:17px!important;
}

.fourty_year {
    float: none!important;
    margin: 0 auto 0!important ;
}
.callus_bar
{
width:224px!important;
margin:8px auto 0!important;
float:none!important;
}
.calling div span
{
font-size:20px!important;
}
.calling p a
{
font-size:13px!important;
}
.calling
{
width:190px!important;
}
.placemainmenu {
    margin-top: 190px !important;
}
/*about_page*/
.placemainmenu2
{
margin-top:90px!important;
}
/*about_page_end*/

#slideshow2 .ft-title
{
font-size:10px!important;
height:60px!important;
}


}

@media (min-width: 600px) and (max-width: 767px) {
.viewour_project
{
padding:48px 0 50px!important;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.top_contact
{
margin:0 auto !important
}
.placemainmenu
{
margin-top:155px !important;
}
.redmore_box
{
width:100%;
}
#rowfront1, #rowfront2, #rowfront3
{
width:100%!important;
box-sizing: border-box;
height:400px !important;
}
.boxcontent {
    height: 369px !important;
}
.viewour_project {
    padding: 28px 0 33px!important;
}
}















@media only screen and (min-width: 0px) and (max-width: 979px) {

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block!important;
		position:relative;
		top: 3px;
		right: 7px;
		width: 100%;
		height: 35px;
		background: url('menu-icon-large.png');
		background-position: right 10px;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		z-index: 999;
		text-align:left;
		color:#0469B7;
		font-size:16px;
		font-weight:bold;
		text-indent:10px;
	}

	.nav-button.open {
		background: url('close-icon-large.png');
		background-position: right 10px;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */
	.primary-nav {
		width: 100%;
		float: none;
		display: none;
		height:48px;
		margin: 0;
		padding: 0;
		overflow:visible;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position:relative;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
		
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1);
		background-color: #0469B7!important; /* change the menu color */
		
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		margin-top:0px;
		display:block;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content:url(arrow_nav.png);
		color: rgba(255,255,255,.5);
		float: right;
		margin-right:10px;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background-color: #0469B7!important; /* change the menu color */
		border-top: 0 none;
		padding: 0!important;
		margin:0px 2px!important;
		width:100%!important;
		position:relative!important;
		top:0px!important;
	}
	.primary-nav li ul li
	{
	width:100%!important;
	background-color: #0469B7!important;
	height:44px!important;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%!important;
		font-weight: normal;
		width:100%!important;
		background-color: #0469B7!important;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	
.open #mainmenu li a, 
#mainmenu li a:link, 
#mainmenu li a:visited
{
padding: 5px 0%!important;
height:36px!important;
line-height:36px!important;
width:100%;
text-indent:10px;
}
.open #mainmenu li:hover, #mainmenu li.active
{
background:none!important;
background-color: #0469B7!important; /* change the menu color */
}
.open #mainmenu li:hover a, #mainmenu li.active a {

	background:none!important;
	background-color: rgba(0,0,0,.5)!important;
	border-top-color: transparent!important;

}
.open #mainmenu li {
	margin:0 -2px 0 ;
	position:inherit;
}


}

.nav-button { display: none; } /* hide the navigation button by default */

.calling div{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	font-size:20px;

	font-weight:400;

	color:#c62219;

	line-height:21px;

	}

	

.calling div span{

	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;

	font-size:34px;

	font-weight:600;

	color:#c62219;

}
.calling div a
{
text-decoration:none;
}