@charset "utf-8";
/* Large Devices (large desktops, 1200px and below) */
@media only screen and (max-width: 1200px) {
.image-wrap { padding-right:0; background:#42403f; position:relative }
.caption-wrap { position:relative; right:auto; height:auto; top:auto; width:100%; padding:15px 260px 25px 40px; color:#fff; }
.caption-wrap:before { top:-9px; left:47px; }
.caption-wrap .number { font-size:92px; opacity:0.05; position:absolute; right:35px; bottom:25px; font-weight:300; }
}


/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 1000px) {
#main-nav ul { display: block !important}
#main-nav ul li ul { display:none !important }
#main-nav ul li:hover ul { display:block !important; }
#nav-button{ display: none; }
}


@media only screen and (max-width: 999px) {
header { height:auto; }

#nav-button {display:inline-block; width:25px; margin:0 auto; margin-top:25px; cursor:pointer; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); margin-bottom:24px; }
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#main-nav .button {display:none }
#main-nav .container { width:100%; padding:0; }
#main-nav { text-align:center; }
#main-nav ul { float:none; padding:0; border:0; display:none }
#main-nav ul li { float:none; border-bottom:1px solid #e6e4e2; }
#main-nav ul li a.icons { width:100%; }
#main-nav ul li a, #main-nav ul li ul li:last-child { border:0; }
#main-nav ul li ul { display:block; position:relative; left:auto; box-shadow:none; -webkit-box-shadow:none; }

#contact-details-wrapper { display:table; float:right; position:relative; top:auto; padding-right:15px; }
.contact-details li span { display:none }
.contact-details li { padding:15px 12px 19px 10px; border:0; }
.contact-details li i { font-size:19px; cursor:pointer; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; left:6px }
.contact-details li i.fa-map-marker { left:8px; }
.contact-details li i.fa-phone { left:6px; }
.contact-details i:hover { opacity:0.5; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.contact-details li i.fa-envelope { font-size: 16px; }

.col-lg-12 .client {width:33.33333%; }

.blog-pagination {margin-top:-10px; margin-bottom:20px; }
.comment-content { width:45%; }
.comment-reply-button-column a { opacity:1 }

.add-padding-left {padding-left:15px; }
.add-padding { padding:0 15px; }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
.breadcrumbs p.small { margin-bottom:0; text-align:center; }	
.social-column .alignright	{ float:none }
.social-column p { display:none }
.social-column .social-list { text-align:center; margin-top:16px; }

h1 { font-size: 40px;  }

.col-lg-3 .alignright {float:none; padding-top:10px; }
.project-pagination .col-lg-3 .alignright {float:right; padding-top:0px; }

.comment-content, .comment.level-1 .comment-content { max-width:65%; width:65%; }
.commenter-avatar { width:35%; padding-left:0; }

.comment.level-1 { padding-left:0; }
.comment-reply-button-column a { margin-right:0; }

.bordered-content.on-map { left:0 }
.bordered-content.on-map:before { display:none }

.caption-wrap { padding:15px 40px 25px; }
.caption-wrap .number { display:none; }

footer .half-width { width:100%; }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 480px) {
.container { padding-right:5px; padding-left:5px; }
	
.col-lg-12 .client {width:50%; }

h1 {font-size:36px; letter-spacing:0; }
h2 {font-size:30px; }
h3 {font-size:26px; }

blockquote p, .testimonials p.large { font-size:22px; }

.info-box.covering-image h4, .info-box.covering-image h3, p.large { font-size:20px !important; padding-top:5px }
footer .alignleft, footer .alignright { float:none; display:block }

article .news-heading, .grey-content { padding:1px 30px 11px; }

.comment { text-align:center; margin-bottom:10px; }
.comment-content, .comment.level-1 .comment-content { max-width:100%; width:100%; }
.commenter-avatar { width:30%; padding:0; display:inline-block; float:none }
.comment-reply-button-column { float:none }
.comment-reply-button-column a { float:none; margin:0; display:inline-block; }

.caption-wrap { padding:5px 30px 15px; }
.caption-wrap:before { top:-9px; left:37px; }
.caption-wrap .number { display:none; }

.bordered-content { padding:25px 30px 20px; }
article .bordered-content { padding:21px 30px 13px }
.bordered-content.min-height { min-height:0; }
.bordered-content:before { left:32px; }

.contact-details li { padding:15px 8px 19px 7px; border:0; }
.contact-details li i { font-size:17px; }
.contact-details li i.fa-envelope { font-size: 14px; margin-left:0px }

.container .logo { margin-left:10px; }

.bordered-content.on-map { display:none }

#map { height:250px; }

blockquote { padding:10px 0; }

.images, .next-to-image { width:100%; }
.next-to-image { padding:0; margin:0; }
}