/************************************** Responsive Styles **************************************************/

@media (max-width: 1280px) {
.Needarea{margin:0px 10px;width:auto;}
}

@media (max-width: 999px) {
.Wrapper{margin:0px 10px;width:auto;}
#wrapper{margin:0px 10px;width:auto;}
.sm li a{padding:0 30.7px;}
}

@media(max-width: 979px) {
.sm li a{padding:0 15.7px;}
.Box1{width:25%;}.Box2{width:28%;}.Box3{width:47%;}
.Headlines{width:53%;}
.Box3 .floatRight{width:47%;}

.Ht80{height:auto; width:auto;}
}

@media(max-width: 799px) {
.sm li a{padding:0 13px;}
#Footer .floatLeft{width:73%;}
#Footer .floatRight{width:25%; margin-right:2%;}

}

@media(max-width: 767px) {
.sm li a{padding:0 7.9px;font-size:17px;}
.ServicesArea .ProBox  h2 {font-size:29px;margin:0 0 15px 0px;padding:0 0 10px 0;line-height:32px; border-bottom:solid 10px #000C29;}

.Needcall{position:static; width:100%; margin:15px 0px;}

.BlueBg{background:#000C29; padding:70px 0 50px 0;}
.Box1{width:48%;}.Box2{width:48%;}.Box3{width:100%; margin-top:15px;}

.Conact .floatLeft{float:none; width:100%;}
.Conact .floatRight{float:none; width:100%;}

#Footer .floatLeft{text-align:center; width:100%; margin:0;}
#Footer .floatRight{text-align:center; width:100%; margin-right:0%;margin:15px 0;}

}

@media (max-width: 639px)  {
#Header .LeftLogo{width:100%; text-align:center;}
#Header .floatRight{margin:0 8% 4% 0; text-align:center;}
#Header .floatRight .Email{font-size:35px;margin:3px 7px 0 0;line-height:40px; }

.Content #LeftNav,.Content #ContentArea{width:100%;float:none;}
.Content #LeftNav{margin-bottom:30px;}
.Content #LeftNav table{width:100%;}
input.quote, select.quote {width:100%; height:29px;}
textarea.quote {width: 100%; height: 120px;}

#MainContent{margin:auto; width:100%; padding:40px 0 30px 0;}
.ServicesArea h1{font-size:20px; padding-bottom:10px; margin-bottom:40px;}

.ServicesArea{padding:0;}
.ServicesArea .ProBox  h2 {font-size:25px;line-height:30px;}
.ServicesArea .ProBox,.ServicesArea .ProBox:nth-child(3n){width:49%;margin:0 0 40px 0 !important; float:left;}
.ServicesArea .ProBox:nth-child(2n) {float:right; }


#Gallery ul li{width:100%;overflow:hidden;margin:0 0 2% 0;display:inline-block;text-decoration:none; float:none;text-align:center; border:solid 2px #fff;}

.floatLeft_Img{float:none; margin:0 0 15px 0; text-align:center; width:100%;}
.floatRight_Img{float:none; margin:0 0 15px 0; text-align:center; width:100%;}

.Content{float:none; width:100%; margin-bottom:30px;}
.ContactForm{float:none; width:100%;}
	
	.Box1{width:100%;}.Box2{width:100%;margin-top:15px}.Box3{width:100%; margin-top:15px;}
}

@media (max-width: 479px)  {
#Header .floatRight .Email{font-size:24px;margin:8px 5px 0 0;line-height:30px; }
#Header .floatRight{margin:0 6% 4% 0; text-align:center;}
#Header .floatRight a{margin:0 0 0 2px;}

.ServicesArea h1{font-size:30px; padding-bottom:10px; margin-bottom:40px;}
.ServicesArea .ProBox{width:100%; float:none; margin:0 0 20px 0;}
.ServicesArea .ProBox:nth-child(2n),.ProBox:nth-child(4n),.ServicesArea .ProBox:nth-child(3n){width:100%; margin:0 0 20px 0; float:none;}
.ServicesArea .ProBox  h2 br{display:none;}

.BlueBg{padding:40px 0;}
.FooterBg{padding:40px 0;}
.Copy{margin-top:10px;}

.Website{display:block;}
}

@media (max-width: 439px) {
	
}

@media (max-width: 399px)  {
	
}

@media (max-width: 383px) {
	
}

@media (max-width: 320px) {
#Header .floatRight{margin:0 0 4% 0; text-align:center;}	
.size{font-size:16px;}	

.FooterBox h3{font-size:32px;}


}
@media (max-width: 319px) {
}

/************************************** Smart Menus **************************************************/
@media(max-width: 639px) {
    .navbar-header {display:block;}
    #MainNav {display:none;height:auto;background:none;margin:0px; border-bottom:none;padding:0 0 20px 0; }
	

    ul.sm ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-shadow:none;border:none;padding:0px;}
	ul.sm>li{display:block;background:#e6e6e6;padding:0px;text-align:left;float:none;width:100%; font-size:14px;}
	ul.sm li{margin-bottom:1px; border-bottom:solid 1px #fff;}
	ul.sm>li>a,ul.sm ul.sm-nowrap>li>a{white-space:normal;line-height:36px;text-transform:capitalize;}
	ul.sm>li>a{white-space:normal;padding:0px 10px; color:#646464}
    ul.sm ul.sm-nowrap>li>a{background-color:#e6e6e6; color:#646464; width:100%;}
    ul.sm ul.sm-nowrap>li>a:hover{background-color:#fff;}
	ul.sm iframe{display:none;}
    ul.sm ul.sm-nowrap>li>ul>li>a{background-color:#ddd; color:#FFF;}
    ul.sm ul.sm-nowrap>li>ul>li>a:hover{background-color:#aaa;color:#fff;}
    .sm a:hover, .sm a:focus, .sm a:active,.sm a.Active,.sm a.highlighted {background:#fff;}
    
	.sm li:last-child {background:#e6e6e6;margin-bottom:0px;}
    .sm li:first-child{border-top:none;}
	
    .sm > li > ul:before, .sm > li > ul:after {display:none;}
    .sm a span.sub-arrow,.sm ul a span.sub-arrow {top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:normal 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(250,250,250,0.7);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;display:block;position:absolute;color:#004F91;}
    .sm a.highlighted span.sub-arrow {}
    .sm a.has-submenu {padding-left:30px;padding-right:0px;}
	
	 .sm li a{margin-right:0px;}
	 .sm li:first-child {border-left:none;}
     .sm ul li {width:100%;}

	 
}