/*-------Reset----------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent;border: 0 none;font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0;vertical-align: top;  }ol, ul {list-style: none;}blockquote,q {quotes: none;}img {vertical-align:top; }embed { vertical-align:top;}
/*-----------------------------------------------------------------------------------------------*/
html,body {height: 100%; margin: 0; padding: 0;}
body {margin:0px; letter-spacing:0px;   background:#fff; color: #111; font-family: 'Roboto', sans-serif; font-weight: normal !important; font-size:1em; line-height:1.7em;  overflow-x:hidden; font-family: Arial, Helvetica, sans-serif; color:#595643}
h1, h2, h3, h4, h5{ font-family: 'Roboto', sans-serif;    margin-bottom:15px; padding:5px; font-weight:  normal;  letter-spacing:1px;  max-width:100%; margin:auto !important; font-weight:900; text-align: center;}
h1{font-size:2.2em; line-height: normal;  margin:25px 0 25px 0 !important; margin: auto; text-transform:uppercase;   text-align:left}
h1 span{ color:#f87307; }
.inner h1, .inner2 h1{ text-align:center; margin: 5px 0 25px 0 !important; border-bottom: 15px solid #dfc70c;
border-bottom-width: 1px;border-image: linear-gradient(to left, #fb9d72, #dfc70c ); border-image-slice: 100%;border-image-slice: 1;
border-width: 1px; width: 98%;}
h2{font-size:1.7em; line-height: normal;   text-align:left; margin:5px 0 25px 0; color:#dfc70c; }
.inner2 h2{font-size:1.7em;}
h3{font-size:1.3em; line-height: normal;  margin:25px 0 25px 0; margin: auto; color:#f87307;}
h4{font-size:1.2em; line-height: normal;  margin:25px 0 25px 0; margin: auto; color:#f87307;}
.footer h5, .inner-projects-content h4{ text-align:left}
.hidden{ display:none}
.email-contact { height:20px; line-height:20px; margin-top:14px;}
.email-contact img{ top:0 !important}
.email-contact:hover{ background: #fff}
.project-page h4{font-size:1.2em; line-height: normal;  margin:25px 0 25px 0; margin: auto; color:#f87307;}
h5{font-size:1.5em; line-height: normal;  margin:25px 0 25px 0; margin: auto; color:#f87307;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color:#555} 
a { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
a:hover { color: 000 !important;}	
.mobile-menu{position:absolute; z-index:11000; top:38px; right:0px; display:none;  padding:7px; width:40px; height:50px; cursor:pointer;  font-size:28px; color:#000;}
section{ max-width:100%; clear:both;}
.services .one_third{ min-height:380px;  width:29% !important; margin:0 1% 0 1%;padding: 70px 1% 40px 1% !important;
border:1px solid #f87307;
margin-bottom: 0;
padding: 15px;
border-image: linear-gradient(to left, #dfc70c, #fb9d72 );
border-image-slice: 100%;
border-image-slice: 1;
border-width: 1px;	
}
.mimi_field{padding:0 7px}

.ppolicy {
  padding:2rem
}

.services div.one_third:nth-child(3) h3{ margin-top:-30px !important;}
.social img{ width:22px; height:auto}
.social{margin-right:10px;}
.social:hover{opacity:0.7}
h3.top{ margin-top:-30px !important;}
.services .one_half{  width:46% !important; margin:0 1% 1% 0 !important;
border:1px solid #f87307;
margin-bottom: 0;
padding: 15px;
border-image: linear-gradient(to left, #dfc70c, #fb9d72 );
border-image-slice: 100%;
border-image-slice: 1;
border-width: 1px;	
}

.services  h2{ margin-top:30px !important; text-align:left} 
.services h1,  .services h3, .services h4{ text-align:center}
.services h4{ margin-top:30px;}

.main{ position:relative; z-index:10; left:0;   height:auto; }
.main .two_third{ padding:15px 0 20px 0;}
.project-page .main{ background:#f87307; }
.inner-projects-content .two_third{ background:#FFF; min-height: 600px;}
.why-us-content{ margin-top:0px;}
.container{ position:relative; max-width:70%; margin:auto; padding:30px 0 30px 0; clear:both;}
.home .main{background:#f1f1f1}
.home .main .two_third{ background:#ffffff; background-image:  linear-gradient( #fff, #f1f1f1);}
.main .one_third{ padding:70px 0 40px 2%; width:32%}
.home .main .one_third {  padding: 30px 0 40px 2%;  width: 32%;}
.contact-page .one_third{ padding:10px 0 30px 0; width:31%; text-align:center;}
.contact-page .one_third img{ position:relative; top:-7px}
.main .one_third .one_half{ width:60%;}
.main .two_third.right{ width:77%}
.img-full-width { width:100%;  height:auto;}
.sidebar {position:relative; top:0px;}
.sidebar img{ position:relative; width:100%; height:auto; top:15px}
.service-area-sidebar{padding:0 0 0 0  !important; margin: 20px 0 20px 0 !important;
}
.service-area-sidebar ul{padding:0 0 0 0  !important;}
h2.ind-h2 {font-size: 22px;margin-left:0 !important;padding-left: 0;}
.t-und {text-decoration: underline;}
.box-1{ border:5px solid #dfc70c;  border-image: linear-gradient(to left, #fb9d72, #dfc70c ); border-image-slice: 1;
  border-width: 5px; margin-bottom:15px; padding:15px; }
.box-2{ border:5px solid #f87307; margin-bottom:15px; padding:15px; border-image:linear-gradient(to left, #dfc70c, #fb9d72 ); border-image-slice: 1;
  border-width: 5px;}
.box-3{ border:5px solid #f87307; margin-bottom:15px; padding:0px; border-image: linear-gradient(to left, #fb9d72, #dfc70c ); border-image-slice: 1; border-width: 5px;}  
a.more{ text-decoration:none; font-size:12px; display:block; text-align:right; color:#333;}
a.more:hover{ color:#f87307 !important}
.featured{width:100%; position: relative; z-index:2; padding:5px; bottom:0px; right:10px !important;   color:#111; text-align:center; font-size:11px; }
.contact-info{background:rgba(225, 225, 225, .7) }
.contact-info a{font-size:30px; color:#595643; font-weight:900; text-decoration:none; }
.contact-info a:hover{ color:#f46529 !important}
.contact-info .container{ padding:5px 0 15px 0; height:35px;}
.contact-info .right{ line-height:50px; text-align:center}
.contact-info img{ position:relative; top:14px; width: 22px;}
.contact{ background:url(../images/contact-bg.jpg) center center no-repeat; padding:60px 0 60px 0;}
.contact .container{ max-width:680px; margin:auto}
.contact-header{ background:#333; text-align:center}
.contact-header h3{ color:#fff; text-transform:uppercase; font-size:2em}
.contact-header h4{ color:#4591d7; text-transform: none}
.message{ position:absolute; z-index:100; top:30%; position: absolute; width:100%; top: 50%; transform: perspective(1px) translateY(-50%); color:#fff; text-align:center !important}
.arrow-down{ position:absolute; top:0; width:100%; height:12px; background:url(../images/arrow-down.png) no-repeat center}
.home .projects{ position:relative; background:#ededeb; text-align:center}
.projects{ border-top:10px solid #f87307; padding:20px 0 60px;   }
.home .projects h2, .home .projects h3{ text-align:center; color:#595643; margin-top:10px !important;}
.home .projects h2 b{ color:#f87307}
.home .projects p{ color:#fff; font-size:16px}
.home .projects .overlay{ background:#F60; padding-bottom:20px;}
.home .projects ul li{ position:relative; overflow:hidden; min-height:240px; padding: 10px 0 0px 0 !important; margin-bottom:0px;}
.home .projects ul li a{ position:relative; width:94%; margin:auto; height:260px; color:#111; font-weight:600}
.home .projects ul li a:hover span{top:55%; color: #fff}
.home .projects ul li a:hover dd{border:1px solid #fff;}
.home .projects ul li a:hover span{background:rgba(248, 123, 22, .88)}
.home .projects ul li span{ display:block; padding-top:15px; position:absolute; top:80%; left:0; height:245px; width:100%; background:rgba(255, 255, 255, .88) ; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.home .projects .overlay h2{ color:#fff; font-size:2.6em}
.home .projects .overlay h2 span{ color:#f87b16}
.home .projects .overlay h4{ color:#fff; font-size:2.6em}
.home .projects .overlay p{ font-weight:bold; font-size:1.5em; max-width:880px; margin:20px auto !important}

.home .projects ul li span b{ display:block; width:120px; line-height:28px; margin:20px auto; border:1px solid #fff;}
.home .projects ul li a em.green { position:absolute; z-index:100; width:96.5%; height:96.5%; display:block; border:2px solid #dfc70c; top:1%; left:1%;}
.home .projects ul li a em.orange { position:absolute; z-index:100; width:96.5%; height:96.5%; display:block; border:2px solid #f87307; top:1%; left:1%;}

.home .projects ul li:nth-child(2) a { background:url(../images/residential.jpg) center center no-repeat}
.home .projects ul li:nth-child(3) a { background:url(../images/commercial.jpg) center center no-repeat}
.home .projects ul li:nth-child(4) a { background:url(../images/educational.jpg) center center no-repeat}
.home .projects ul li:nth-child(5) a { background:url(../images/governmental.jpg) center center no-repeat}
.home .projects ul li:nth-child(6) a { background:url(../images/medical.jpg) center center no-repeat}
.home .projects ul li:nth-child(7) a { background:url(../images/museum.jpg) center center no-repeat}
.home .projects ul li:nth-child(8) a { background:url(../images/ecclesiastical.jpg) center center no-repeat}

.inner-projects-content .list-of-projects{ line-height:32px;}
.list-of-projects ul { margin-bottom:20px;}
.main .two_third ul li{list-style:url(../images/bullet.jpg) outside; font-weight: 600;
font-size: 13px; line-height:18px; padding:3px 0 3px 0; }

.main .one_half ul li{list-style:url(../images/bullet.jpg) outside; padding:3px 0 3px 0; margin-bottom:0px;}
.service-areas-map { height:350px; overflow:hidden; filter: hue-rotate(190deg);}
.service-areas h2{ margin-left:0 !important; padding:0 !important}
.service-areas a{ color:#06C; text-decoration:none}
.inner-projects-content .one_third.menu{background:#f87307; padding-left:0; width:34%; padding-top: 10px !important; }

.list-of-projects { width:48%; float:left}
.projects-gallery { width:48%; float:left}

.menu ul{line-height:0; margin: 60px 0 70px 0;}
.menu ul li { margin-bottom:2px; list-style: none !important}
.menu ul li a{ display:block; padding-left:30px;  line-height:56px !important; color:#fff; text-decoration:none; text-transform:uppercase; border-radius: 0 25px 25px 0; background:url(../images/arrow-hover.png) -60px center no-repeat;}
.menu ul li a:hover{background:#f5862c url(../images/arrow-hover.png) left center no-repeat; color:#FC0 !important}
.menu ul li a.active{ background:#595643 url(../images/arrow-hover.png) left center no-repeat; color:#FC0}

.shadow{position: relative; max-width:90% }
.shadow img{ max-width:90%; height:auto;}

.message h2{ margin-bottom:10px; font-size:2.2em; text-align:center}
.message .container{padding:10px 0 10px 0; max-width: 780px;
border: 1px solid #fff;}
.quote{ background:#f87307; }
.quote .container { position: relative; max-width: 55%;}
.quote h3{ color:#fff; margin-top: 10px !important;}
.quote a{ display:block; border:2px solid #fff; color:#fff; text-align:center; font-size:15px; text-decoration:none; max-width:120px; padding:5px;}
.quote a:hover{ border-color:#444; color:#444 !important}
.quote .four_fifth{ padding-top:0; text-align:center}
.clear{ clear:both;}
.header{ position:absolute; z-index:11; top:0; left:0; width:100%; color:#111 ; height:auto; clear:both; min-height:125px;}
.header .info{ font-weight:bold; background:#fff;
line-height:35px; min-height:35px;	}
.header-container{ background:#f7f7f7; height:90px;}
.header-container .container{ padding-top:0 !important; margin-top: 0 !important;}
.logo { position:relative; float:left; top:0px; color:#595643; font-size:24px;; font-weight:500; line-height: 53px;}
.logo span{display:inline-block; margin-top:20px;}
.logo img{  max-width:116px; height:auto; }
.footer .hours p span{ float:right; color:#c7172c}
.copy { text-align:left; padding:50px 0 10px 0;; font-size:12px; text-transform:none; color:#999; font-size:11px;}
.footer .map{ background:url(../images/map.jpg) center center no-repeat; height:500px;}
.footer{ position:relative; color:#fff !important;  min-height:400px; background: #141414;   padding-top:0px;  font-weight:normal !important; font-size:12px; }
.footer .container{ max-width:80%; }
.footer a{ color:#fff; margin-bottom: 15px;}
.footer a:hover{ color: #666; }
.footer h3{line-height: 28px; text-align:left; margin:15px 0 15px 0 !important;  font-size:26px; font-weight:normal; font-weight:500; text-transform:uppercase;  padding-left: 0 !important; color:#f46529; background:none; font-family: 'Roboto', sans-serif;}
.footer h4{line-height: 28px; text-align:left; margin:0px;  font-size:22px; text-transform:uppercase;  padding:0 0 0px 0 !important;  background:none; font-family: 'Roboto', sans-serif; color:#fff}
.footer .two_third{ margin-top:45px;}
.links li{ list-style:none}
.footer .links a{ line-height:59px; list-style:none;  display:block; padding:0 0 0 25px; text-decoration:none; background: url(../images/footer-bullets.png) left center no-repeat; width:85%; margin-bottom:0px; border-bottom:1px solid #321e0e  }
.footer .links a:hover{ padding-left:30px; background:#1e1e1e url(../images/footer-bullets.png) 10px center no-repeat; }
.footer p { margin: 10px 0 20px 0 !important; line-height:18px; padding:0; width:100%; margin:auto; text-align:left; font-weight:600 !important; letter-spacing:0; font-size:11px }
.footer .mimi_field-join{ margin: 0 0 10px 0 !important; line-height:18px; padding:0; width:100%; margin:auto; text-align:left; font-weight:600 !important; letter-spacing:0; font-size:11px }

.footer strong, .orange{font-size:14px; color:#f46529}
.bullets{ margin:auto;}
.bullets li{ position:relative;   text-align:left; list-style: none; background:url(../images/bullet.png) center left no-repeat;    padding-left:30px; margin-bottom: 20px !important;  border-bottom:1px solid #ddd; padding-bottom:15px;}
.bullets li a{ text-decoration:underline;}
.bullets li a:hover{ color:#76b21d; }
.submit-button{ padding:2px 5px 2px 5px; text-align:center; font-size:12px; cursor:pointer; text-transform:uppercase; border-radius:2px; border:2px solid #ccc; color:#ccc; margin-left:0px; background:none;}
.submit-button:hover{border:2px solid #ccc; color:#ccc;}
a:hover{color:#000; }
.read-more{  line-height: 35px;  font-size:14px; height:35px;  text-decoration: none; text-transform:uppercase; color: #fff; padding:0px 13px 0 13px; background:#111; font-family: Arial, Helvetica, sans-serif; font-weight:200;  text-shadow:none; font-weight:bold;}
.read-more:hover:before { background:#e53516; color:#fff; }
.read-more:hover{ color:#fff !important;}
.button{  line-height: 35px;  font-size:14px; height:35px;  text-decoration: none; text-transform:uppercase; color: #fff; padding:0px 13px 0 13px; background:#f46529; font-family: Arial, Helvetica, sans-serif; font-weight:200;  text-shadow:none; font-weight:bold;}
.button:hover:before { background:#e53516; color:#fff; }
.button:hover{ color:#fff !important; background:#777;}
p{ margin:15px 0 15px 0 !important; max-width:96%; margin:auto }
hr{ border:0; background:none; clear:both; height:0; margin:0; padding:0;}
.center{ text-align:center; padding:0 !important }
.left{ float:left !important; margin-right:15px; margin-bottom:15px;}
.right{ float:right !important; margin-left:15px;}
.align-right{ text-align:right;}
.block{ display:block}
strong{ font-weight:600; margin-bottom:5px; }
.fixed{ position:fixed; width:100%; left:0; top: -60px; z-index:100}
.nav {  width:auto; height:35px; position:relative; right:0; margin-top: 30px;  line-height:0; } 
.nav  li { position:relative;  float:left; 
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;}
.nav li:last-child{background:none;}
.nav  li a { display: block;  line-height: 35px;  font-size:14px; height:35px;  text-decoration: none; text-transform:uppercase; color:#111; padding:0 9px 0 9px; font-family: Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:0; }
.nav  li a:hover{ background: #4aa6ea; color:#fff}
.nav  li .active{background: #4aa6ea !important; color:#fff}
.nav li div{ position:absolute; z-index:1000; top:35px; left:0; width:190px; min-height:30px; background: #f6f6f6; display:none; border-top:0; padding:5px;}
.nav li:hover div{ display:block; }
.nav li div a{display:block; max-width:100%; text-align:left; line-height:36px; height:36px;  font-size:12px !important; color:#111; letter-spacing:normal; padding: 5px 0 0 10px; border:1px solid #ddd; margin-bottom:2px;}
.nav li div a:hover{ background: #4aa6ea; color:#fff }
#nav-icon1 { display:block; width: 45px; height: 45px; position: relative; margin: 82px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.mobile-menu{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: transparent }
#nav-icon1 span{ display: block; position: absolute; height: 5px; width: 50%; background: #f87b16; border-radius: 0px; opacity: 1; left: 0;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  
}
#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 10px;
}
#nav-icon1 span:nth-child(3) {
  top: 20px;
}
#nav-icon1.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.iframe-container {
  overflow: hidden;
  padding-top:75%;
  position: relative;
}
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

@media all and (min-width: 1920px) {	
body{ width:1920px; margin:auto; }
.container{ width:1920px; margin:auto}	
}

@media all and (max-width: 1800px) {
.services .one_third{ min-height:420px}
}

@media all and (max-width: 1670px) {
.quote .container { position: relative; max-width: 75%;}
}

@media all and (max-width: 1580px) {
.nav li a {padding: 0 5px 0 5px; font-size:12px}
}
@media all and (max-width: 1525px) {
h1, h2, h3, h4, h5{  max-width:97%; margin: 0 auto 0 !important}
.main .one_third .one_half{ width:80%;}
.main .two_third.right{ width:87%}
.container { position: relative; max-width: 82%;}
.menu ul { margin: 70px 0 110px 0;}
.inner h1 { font-size: 2em; margin-bottom: 20px !important;}
.footer .two_third { width: 80%;}
}

@media all and (max-width: 1327px) {
p {max-width: 94%;}
.main .one_third .one_half{ width:90%;}
.main .two_third.right{ width:97%}
.container { position: relative; max-width: 98%;}
.quote .container { position: relative; max-width: 95%;}
}


@media all and (max-width: 1207px) {
.header-info .container{ padding:0;}
.camera_caption span {font-size: 1em !important; line-height:normal;}
.footer .two_third { width: 98%;}
}

@media all and (max-width: 1180px) {
.hidden{ display:block}		
}


@media all and (max-width: 1080px) {
.footer .container { max-width: 98%;}
.quote .container { position: relative; max-width: 100%;}
}

@media all and (max-width: 1000px) {	
.hide{display:block !important}
.container { position: relative; margin: auto;}
.footer-email { font-size:12px}
.logo{ font-size:19px;}
}
@media all and (max-width: 940px) {
.list-of-projects ul { margin-bottom: 0px;}
.projects-gallery ul li{ text-align:center }
.logo { position:relative; float:left; top:0px; color:#595643; font-size:24px; font-weight:500; line-height:45px; width:100%; text-align:center}	
.footer .two_third {  width: 100% !important;}
.footer .one_half	{ width:100%; text-align:center}	
.footer .one_fourth	{ width:100%; text-align:center}
.footer h3 { text-align:center; padding:0 !important; margin:0 !important; max-width: 100%;}
.footer .links a{ background:none; padding:0}
.footer .links a:hover{ padding-left:0px; color:#F90 !important}
.footer address	{margin: auto;}
.footer img.left{ float:none !important; margin-right:0;}
.footer p { text-align:center; margin:0 auto 10px !important;}
.footer .mimi_field-join { text-align:center; margin:0 auto 10px !important;}
.copy{ margin-bottom:20px; text-align:center}
.right {margin-left: 0px; float: none !important; width:100%;}
.fixed{position: absolute; top:0}
body {background-size:auto;}
.mobile-menu{display:block; left:0; top:0px;}
.nav { position: absolute; z-index:100; z-index:1000; display: none; top: 60px !important; width:100%;}
.nav  li { position:relative;  display:block; width:100%; padding:0;   line-height:60px; height:60px; margin:0; }
.nav li a{  line-height:60px; color:#111; font-weight:bold; text-align:center; height:60px;  padding:0; margin:0; background: #f7f7f7 !important; border-top:1px solid #ddd;}
.nav li a:hover{ background:#f87307 !important}
.nav  li div{  width:100%; top:50px;  padding-left:0 !important;  border:0 !important;  line-height:0}
.nav  li div a{text-align:center;  line-height: 40px; height:40px;  background:#ededed !important;}
.nav  li div li ul{position: relative; width:100%; left:0; background:#333 !important;}
.nav  li div li ul li a{background:#666 !important; margin:0;}
#camera_wrap_1 .camera_prev, #camera_wrap_1 .camera_next{  display:none; }
.camera_caption h4 {font-size: 3em !important;}
.footer .container{max-width:800px; margin:auto; }
.footer .links a{ width:100%;}
a {-webkit-transition-duration: 0.2s; transition-duration: 0.2s;}
.quote .four_fifth, .quote .one_fifth { width: 100%; text-align:center !important; padding: 5px;}
.quote a{ margin:auto; }
.quote .container{padding: 10px 0 10px 0;}
p { max-width: 96%; margin: 15px auto !important;}
.main .two_third.right { width: 100%;}
.inner-projects-content .list-of-projects ul li{list-style: url(../images/bullet.jpg) inside;}
.list-of-projects { width: 100%; margin:auto}
.projects-gallery { width: 100%; margin:auto}
.footer h5, .inner-projects-content h4 {  text-align: center;}
.inner-projects-content .list-of-projects { text-align: center !important;}
#services { max-width: 90%;  margin: 0 auto 10px !important; float: none;}
}


@media all and (max-width: 890px) {
.menu li a{font-size:15px;}
/* .main .two_third.right p:nth-child(2){display:none} */
.main .two_third.right p { margin:15px 0 15px 15px !important; margin: 15px auto 15px !important;}
.main .one_third .one_half p{margin:15px 0 15px 15px !important;}
.why-us-content{ width:100% !important}
.img-full-width { width: 98%;}
.featured strong{ display:block; line-height: normal;}
.home .main .shadow { margin: auto; float: none !important;}
}

@media all and (max-width: 800px) {
.mimi_field p{text-align:center}
.services h2 {text-align: center;}
h3.top { margin-top: 0px !important;}
.hidden{ display:none}
.home .main .one_third { padding: 30px 0 40px 0;}	
.home .main{ text-align:center}	
.quote h3 { font-size: 18px; margin: 0px !important;}	
.footer {text-align:center }
.footer h3{text-align:center}
.footer .links a{background: none;}
.footer address{ margin:auto}
.footer h4{text-align:center}
.footer p{width: 80%;margin: 0 auto 10px !important;}
.footer .mimi_field-join{width: 80%;margin: 0 auto 10px !important;}
.shadow {max-width: 94%; float:none !important; margin:auto !important}
h1, h2, h3, h4  { text-align:center}
.button{ margin:auto; display: block; text-align: center; max-width: 120px;}
.main .one_third { padding: 30px 0 0 0;}
.home .projects ul .one_fourth{ width:50% !important; float:left !important; clear:none !important}
.projects .container{ max-width:78%;}
.inner-projects-content .one_third.menu{ margin:auto  !important; clear:none; width:90% !important;  border-radius:10px; float: none; clear:both  }
.menu ul li a{background: #f87307;}
.inner-projects-content .one_third.menu { background: none;}
.menu ul li a { display: block; padding-left: 30px; line-height: 36px !important;}
.menu ul { margin: 10px 0 10px 0;}
.menu ul li a { background: #fd7102 url(../images/arrow-hover.png) left center no-repeat}
.project-page .main {  background: #fff;}
.why-us-content { margin-top: 0;}
.main .one_third { padding: 0px 0 0 0; margin-bottom: 40px;}
.main h2{margin-top: 20px !important;}
strong.orange{ display:block; text-align:center}
.inner2 h1 { display: block; text-align: center;}
.footer strong, .orange { font-size: 19px; text-transform: uppercase;}
.contact-page .one_third{ margin-bottom:15px}
.services .one_third{  width:90% !important; float:none !important; margin: 10px auto !important; clear:none !important; padding: 15px; min-height:100px !important}
.main .one_third .one_half p { margin: 15px auto 15px !important;}
.quote .four_fifth{max-width: 90% !important;margin: auto !important;float: none;}
.quote .one_fifth{ padding:0 0 10px 0;}
.footer .two_third {  margin-top: 0px;}
.footer .one_half {padding: 0px 0 10px 0;}
}

@media all and (max-width: 680px) {	
.contact{padding: 0; background:none}
.contact .container{padding: 0;}
}

@media all and (max-width: 660px) {		
.camera_caption{font-size:1.1em !important; }
.mobile-menu {right: 0px;}
.camera_caption p { font-size: 1em !important; line-height: 1.4em;}
}

@media all and (max-width: 600px) {	
.list-of-projects { width: 100%; text-align: center;}
.projects-gallery { width: 100%;}
#projects { margin: auto !important; float: none;}
#services{ max-width:100%; margin:0px auto 20px !important; float:none !important}
}

@media all and (max-width: 560px) {
.logo, .contact-info .right{font-size: 18px;}	
quote h3 { font-size: 16px; margin-bottom: 15px !important;}
}

@media all and (max-width: 520px) {
h1{ font-size:1.9em;}
h2{ font-size:1.6em;}
h3{ font-size:1.4em;}
h4{ font-size:1.2em;}
.quote h3 {font-size: 15px;}
}

@media all and (max-width: 460px) {
.camera_caption p { font-size: 0.9em !important; line-height: 1.3em;}
.logo{font-size: 16px; font-weight:600}
.logo img { max-width: 70px; height: auto; margin-top:20px;}
.logo span {  margin-top: 25px;}
.home .projects ul .one_fourth{ width:90% !important; float:none !important; clear: both !important; margin:auto !important}
.projects {padding: 10px 0 0 0;}
.home .projects ul li:nth-child(1) {min-height:20px;}
.home .projects ul li:nth-child(1) h2{ margin-top: 0px !important;}
}


@media all and (max-width: 400px) {
.logo{font-size: 14px; letter-spacing:0px}	
.mobile-menu { left: -8px;}
.logo img { max-width: 60px;  margin-top: 23px;}
.camera_caption h4 {font-size: 2em !important;}
.camera_caption{position:absolute;  z-index:10; text-align: center; width:100%; bottom: 18%;} 
}

@media all and (max-width: 400px) {
.logo img { max-width: 50px; margin-top: 28px;}
.contact-info a { font-size: 20px;}
}