@media only screen and ( max-width:1100px) {
.wrapper { width:90%; margin:0 6%;}
.space { margin:10px 0;}

#box-pen,#our-services,#footer,#header,#title,#content,#box-4 { padding:25px 0;}
.contact { padding:0;}

#header-res { display:block; background:#000002; padding:10px 0; text-align:center; float:left; width:100%;}
.logo img { width:100%;}


#header { text-align:center;}

.header-right { float:left;}
.logo h1 {transform: rotate(0deg); margin-bottom:20px; font-size:70px;}


#box-pen li { width:24%;}
#box-pen li img { width:100%;}

#accreditations li { float:none; margin:0 2px;}

#home-box2 li,#home-box2 li:last-child { float:none; display: inline-block; width:auto; margin:0 10px 10px;}

ul.services li {font-size: 14px; line-height:18px; list-style:inside;}

#box-4 li { margin:0px;}
ul.services li { margin:0px;}

.footer-1 li h2 { font-size:20px;}
.example-image-link { float: none !important; display: inline-block !important;}
#examples h1 { font-size:24px !important;}

.footer-2 h2 { font-size:18px;}
.footer-1 { width:28%; text-align: center;}
.footer-1 li span { min-height:auto; float:none;}
.footer-1 li h2 { font-size:18px;}
.footer-2 { width:24%;}
.footer-3 { width:40%;}
.footer-3 p { font-size:9px; line-height:14px;}
}

@media only screen and ( max-width:920px) {

}

@media only screen and ( max-width:767px) {
.logo-normal { display:none;}
.logo-res { display:block;}
.header-right h2 {
    float: none;
    display: inline-block; width:48%;
}
.logo,.header-right { float:none; display:inline-block; width:auto;}
p { font-size:14px; line-height:22px;}

#home-title h1,#our-services h1,#areas h1 { font-size:24px;}
#home-title p { padding:10px 0; font-size:14px; line-height:22px;}

#title h1 { font-size:30px; padding:0 0 10px;}
#title h2,#call-us.call-us h2 { padding:0px; font-size:18px; line-height:24px;}

#call-us.call-us h3,#call-us.call-us h3 a { font-size:30px;}

.row-text p { padding:5px 0;}

#call-us { padding:20px 0;}
#call-us h1 { margin:0px; padding:0px;}
#call-us h1 span { margin-right:5px;}
#call-us h1 span img { width:80%;}
#call-us h1 {font-size:24px; line-height:25px;}


#our-services h1 { padding-bottom:15px;}
.our-services li { font-size:15px; line-height:22px; background-position:0 8px;}

#footer { text-align: center;}

.footer-1 li span { float:none;}
.footer-2 { margin-bottom:20px;}
.footer-2 li { font-size:13px; line-height:20px;}
.footer-3 p { font-size:11px; line-height:14px;}
.footer-1,.footer-2,.footer-3,.footer-4 { float:none; display:inline-block; vertical-align:top; border:0px; padding:0px;}


#copy-right p { font-size:13px; text-align: center; line-height:16px;}
.contact-left h1 { font-size:25px;}

.header-right h2 img {
    width: 80%;
}
}

@media only screen and ( max-width:640px) {
#content,.row2-left p, .row2-right p,.row3 h4,.row3 p,#contact,.contact-right,.contact-left h1 { text-align:center;}
.space2,.space3 { margin:2px 0;}
.pic-img img { width:100%;}
.logo h1 { font-size:50px;}
.header-right h2 { margin:0px; padding:0px;}
.header-right h2 a { font-size:28px; line-height:25px;}

#call-us h1 { font-size:20px;}
#call-us .stroke-double {  display:none;}
.res-phone { display:block;}
#call-us .res-phone { color:#fff; display: inline-block;}

#accreditations li {float: none; margin: 0 10px; width: 25%; vertical-align: middle;}
#accreditations li img { width:100%;}

.row2 { margin:0px;}

.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right,.contact-left,.contact-right { float:none; display: inline-block; width:100%;}
.row-left,.row-right,.row2-left,.row2-right,.row3-left,.row3-right { margin-bottom:20px;}
.pic-img { margin-bottom:10px;}

.footer-1,.footer-2,.footer-3,.footer-4  { width:100%;}
.footer-2 h2,.footer-1 li h2 { font-size:18px;}

.footer-4 { margin:20px 0 0;}
.footer-4 li { float:none; display:inline-block; width:auto;}

.contact-right .address h2 { font-size:20px; line-height:26px;}
.contact-right .address h3 { font-size:24px; line-height:26px;}

#examples p  { font-size:14px !important; line-height:22px !important;}
#examples h1 { text-align:center;
    font-size: 20px !important;
}
.contact-left h1 { font-size:23px;}
.contact-left { margin-bottom:15px;}
#call-us.call-us h3 img {
    width: 80%;
}
}

@media only screen and ( max-width:540px) {
.our-services ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow:hidden;}
.logo h1 {font-size:40px; margin:5px 0 0px;}

#title h1 { font-size:24px;}
#title h2, #call-us.call-us h2 { font-size:16px; line-height:22px;}

#our-services h1 { font-size:20px; line-height:20px; padding-bottom:15px;}

#call-us.call-us h3, #call-us.call-us h3 { margin:5px 0 0;}
#call-us.call-us h3, #call-us.call-us h3 a { font-size:24px;}
.formrow.captcha #captcha { margin-bottom:10px;}
.imgcaptcha { padding:0px 9px;}
}

@media only screen and ( max-width:420px) {
#home-title h1 { font-size:20px; padding:0px;}
#title h1 { font-size:18px;}
#title h2, #call-us.call-us h2 { font-size:15px;}
.logo h1 { font-size:30px; margin-bottom:0px;}

.header-right h2 a { font-size:16px !important;}
#call-us h1 {
    font-size: 15px;
    line-height: 20px;
}
}

@media only screen and ( max-width:320px) {
#accreditations li  { width:24%;}

#call-us h1 span img { width:70%;}
}