@media only screen and (max-width:1100px)
{
    .banner-content-halfwidth  h2 br{
        display: none;
    }
.row{ padding:0 15px;} 
#topbar .row{ padding:0;}
.topbar-login{ padding-left:15px;}
.topbar-right{ padding-right:15px;}
.nav li{ margin-left:8px;}
.form-head span{ font-size:25px;}
.banner-content-halfwidth .form-arrow{ display:none;}
h1{ font-size:55px;}
h2{ font-size:40px;}
.banner-content-halfwidth h2 span{ font-size:inherit;}
.narrow-container{ width:65%;}
.wemake-item{ padding:10px 25px;}
}

@media only screen and (max-width:920px)
{
.logo{ float:none; width:auto; text-align:center;}
#main-nav{ float:none; width:auto; text-align:center;}
.form-head span{ font-size:22px;}
h1{ font-size:52px;}
h2{ font-size:36px; line-height:48px;}
.form-arrow{ margin-right:-32px;}
.narrow-container{ width:60%;}
.wemake-item{ padding:10px 20px;}
.project-thumbs a{ width:23%;}
.project-title{ font-size:25px; padding-bottom:5px;}
}

@media only screen and (max-width:860px)
{
.form-head span{ font-size:20px; padding:10px;}
.field{ padding:12px;}
.button{ padding:8px 12px;}
.narrow-container{ width:80%;}
.tb-features{ padding:20px 10px;}
.features-readmore{ padding:8px 10px;}
.foot-nav, .copyright{ float:none; width:auto; text-align:center; padding:5px 0;}
h1{ font-size:46px;}
h3{ font-size:20px;}
h4{ font-size:15px;}
.wemake-item{ padding:10px 0;}
.home-testimonial-content{ width:80%;}
.services-item{ width:30%;}
.project-thumbs a{ width:22.5%;}
.project-meta{ font-size:16px;}
.project-main-img{ margin-top:0;}
.left-arrow, .right-arrow{ display:none;}
.summary-inner{ font-size:25px; line-height:28px; width:auto;}
.contact-title{ font-size:25px;}
.office-name{ font-size:28px;}
.contact-info{ font-size:18px;}
.contact-info strong{ font-size:22px;}
.formcontact .field{ font-size:23px;}
}

@media only screen and (max-width:740px)
{
.logo{ padding-bottom:10px;}
.nav li a{ padding:25px 1px 23px;}
#main-banner{ padding:40px 0;}
.banner-content-halfwidth{ padding-top:30px; float:none; width:auto;}
.service-banner .banner-content-halfwidth {padding-top:30px;}
.banner-form-halfwidth{ margin:0 auto; margin-top:0; width:75%; float:none;}
.form-head span{ font-size:28px; padding:10px 20px;}
h1{ font-size:42px;}
.narrow-container{ width:auto;}
.one-fourth{ width:47%;}
.tb-features-items{ margin-top:10px;}
.services-item{ width:47%;}
.service-item-content{ width:auto;}
.project-content{ float:none; width:auto;}
.project-list-item{ padding:18px;}
.alignright{ float:none; margin:0 auto 20px auto; display:block;}
.bigbutton{ font-size:30px;}
.services-content{ float:none; width:auto;}
.services-image{ float:none; width:auto;}
.services-content h3{ font-size:23px;}
.summary-inner{ font-size:24px; line-height:32px; width:auto;}
.contact-form{ float:none; width:auto; }
.contact-detail{ float:none; width:auto;  margin-left:0;}
}

@media only screen and (max-width:680px)
{
#main-banner{ padding:30px 0;}
.form-head span{ font-size:25px;}
.banner-form-halfwidth{ width:85%;}  
.form-content{ padding:15px;}
.field{ padding:10px 12px;}
.field-group{ padding-bottom:7px;}
h1{ font-size:35px; line-height:45px;}
h2{ font-size:32px; line-height:40px;} 
.heading span{ font-size:20px;}
.one-third{ float:none; width:auto;}
.home-testimonial-content{ width:auto;}
.lead{ font-size:16px;}
.bg-blue, .bg-white, .bg-lightgrey{ padding:30px 0;}
.field-main .button{ font-size:24px; margin-top:14px;}
.services-content p{ font-size:16px;}
.list-check2 li, .list-check li{ font-size:16px;}
.summary-inner{ font-size:23px; line-height:30px; width:auto;}
.office-name{ font-size:25px; padding-bottom:5px;}
.contact-title{ font-size:24px; padding-bottom:10px;}
.contact-info strong{ font-size:18px;}
.contact-info{ font-size:16px;}
}

@media only screen and (max-width:580px)
{
#main-nav .nav{ display:none;}
.alter-nav{ display:block;}
.banner-form-halfwidth{ width:auto;}
.form-head span{ font-size:20px;}
.button{ margin:4px 0;}
h5{ font-size:14px;}
h3{ font-size:17px;}
h1{ font-size:30px;}
.heading span{ font-size:18px;}
.project-img{ float:none; width:auto; margin-bottom:20px; text-align:center;}
.bigbutton{ font-size:25px;}
.services-content h3{ font-size:21px;}
.summary-inner{ font-size:20px; line-height:28px; width:auto;}
}

@media only screen and (max-width:480px)
{
.field-half{ float:none; width:auto;}
}

@media only screen and (max-width:420px)
{
.topbar-login{ float:none; width:auto; text-align:center;}
.topbar-right{ float:none; width:auto; text-align:center;}
h1{ font-size:26px;}
h2{ font-size:25px; line-height:34px;}
.form-head span{ font-size:16px;}
.button{ font-size:22px;}
.services-content h3{ font-size:19px;}
.services-content p{ font-size:15px;}
.list-check2 li, .list-check li{ font-size:15px;}
.summary-inner{ font-size:17px; line-height:25px; width:auto;}
}

@media only screen and (max-width:380px)
{
.one-fourth{ width:97%;}
.services-item{ width:97%;}
h1{ font-size:24px; line-height:35px;}
.lead{ font-size:14px;}
.services-item{ margin-bottom:10px; margin-top:10px;}
.summary-inner{ font-size:16px; line-height:24px; width:auto;}
}

@media only screen and (max-width:320px)
{
.alter-nav select{ font-size:16px; padding:6px 10px;}
h2{ font-size:22px; line-height:30px; padding:5px 0;}
#main-banner{ padding:15px 0;}
.banner-form-halfwidth{ margin-top:15px;}
.form-head span{ font-size:14px; padding:10px 8px;}
.field{ padding:5px 12px;}
.button{ padding:4px 12px; font-size:20px;}
h1{ font-size:19px; line-height:25px;}
.author-img img{ display:block; width:auto; margin:10px auto;}
.author-img{ display:block; text-align:center;}
.copyright{ font-size:13px;}
.foot-nav li a{ font-size:13px;}
.home-testimonial-author{ margin-bottom:10px;}
.summary-inner{ font-size:14px; line-height:20px; width:auto;}
}