@media screen and (max-width:1200px) {
ul.menu li a { margin-left: 24px; margin-right: 25px }
.menu-footer-menu-container ul li a { margin-left: 25px; margin-right: 25px }
.divider-block { margin: 0 -10px }
.one-fourth, .one-third { padding-left: 10px; padding-right: 10px }
.touch .testimonials-section { padding-top: 50px; padding-bottom: 50px }
.case-studies-section { padding-top: 50px }
.post-code .wpcf7-form input.wpcf7-text, .post-code .wpcf7-form label { font-size: 14px }
.single-content .project-caption { padding: 10px }
.single-content .project-caption h3 { font-size: 18px; line-height: 20px; margin-bottom: 0 }
.single-content .project-caption .btn { font-size: 10px }
.ie10 .testimonial-blocks blockquote, .ie11 .testimonial-blocks blockquote, .ie9 .testimonial-blocks blockquote { padding-bottom: 10px }
.loadmoreimg { right: -20px }
.post-code .location.btn.btn-primary, .post-code .wpcf7-submit{ font-size:12px; }
.form-postcode .btn-small.btn-primary:hover rect { stroke-dasharray: 15, 237; }
}
@media screen and (max-width:1024px) {
.testimonial-blocks blockquote { padding-bottom: 20px }
.single-content .testimonials-section .testimonial-blocks { padding: 20px 0 }
}
@media screen and (max-width:992px) {
.btn-secondary { font-size:10px; }
 .top-header { height: 84px; padding-top: 20px; padding-bottom: 20px }
ul.menu li a { margin-left: 9px; margin-right: 10px }
.menu-footer-menu-container ul.menu li a { margin-left: 8px; margin-right: 8px }
.home-banner .banner-item { height: 400px }
.banner-text .info-block { padding: 26px 0 }
.banner-text .info-block span { font-size: 14px }
.case-studies-section, .content-section { padding-top: 50px }
.block-sub-title br { display: none }
.divider-block { padding-top: 20px }
.steps-box .icon img { height: 50px }
.steps-box h5 { margin-top: 20px; margin-bottom: 20px }
.content-page .parallax-section, .parallax-section { height: 300px }
.testimonials-section { padding-top: 75px; padding-bottom: 75px }
.page-template-default .content-block blockquote p, .testimonial-blocks blockquote { font-size: 16px; line-height: 24px; padding-top: 28px; padding-bottom: 10px }
.page-template-default .content-block blockquote p { padding: 0 }
.client-testimonial:after, .client-testimonial:before, .page-template-default .content-block blockquote:after, .page-template-default .content-block blockquote:before, .testimonial-blocks .bx-viewport:after, .testimonial-blocks .bx-viewport:before { background-size: 44px auto; width: 45px; height: 21px }
.client-testimonial:before, .testimonial-blocks .bx-viewport:before { background-position: -1px 0 }
.client-testimonial:after, .testimonial-blocks .bx-viewport:after { background-position: 2px -8px; bottom: 60px; right: 0 }
.client-testimonial:after { bottom: 50px }
.acf-map, .map-section iframe { height: 300px!important }
div.wpcf7 img.ajax-loader { max-width: 10px; top: 6px }
div.wpcf7-response-output { margin: 5px; padding: 0 10px }
.top-footer .email, .top-footer .phone { font-size: 11px }
.project-caption { padding: 10px 5px 5px }
.project-caption h3 { font-size: 16px }
.multiple-img-slider { padding: 40px 0 }
.bx-controls-direction .bx-next, .bx-controls-direction .bx-prev { background-color: rgba(255,255,255,.8); background-size: 35px auto }
.bx-controls-direction .bx-next { right: 40px; background-position: -17px 5px }
.bx-controls-direction .bx-prev { left: 10px; background-position: 7px 5px }
.bx-controls-direction { opacity: 0; transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -o-transition: all .2s linear 0s }
.bx-wrapper:hover .bx-controls-direction { opacity: 1 }
.slider-caption>h3 { font-size: 14px; margin-bottom: 10px; margin-top: 10px }
.loadmoreimg { right: 40px }
.form-postcode .btn.btn-small { max-width:130px; }
}
@media screen and (max-width:767px) {
.h2, .single-content .content-block h2.block-title, .single-content h2.block-title, h2 { font-size: 24px }
.h3, h3 { font-size: 16px; line-height: 24px }
.top-header { height: 55px; padding: 5px 0 }
.logo { left: 16px; margin-top: 9px; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); max-width: 130px }
.site-content { margin-top: 55px; }
.site-header { background: #fff none repeat scroll 0 0; position: fixed; top: 0; width: 100%; z-index: 99; }
.site-header.sticky-header .main-navigation { position: inherit }
.site-header .main-navigation { position: absolute; top: 0 }
.main-navigation { border: none }
.main-navigation .col-sm-12 { position: inherit }
.menu-toggle, .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover { display: block; background: url(../images/mobile-icon.png) no-repeat; height: 37px; padding: 0; width: 45px; border: none; box-shadow: none; margin: 5px 0; position: absolute; top: 2px; right: 10px }
.toggled .menu-toggle { background: url(../images/menu-close-icon.png) no-repeat }
.menu-header-menu-container, .menu-menu-1-container { display: none; background: #fff; border-top: 1px solid #dbdbdb; left: 0; top: 54px; position: absolute; width: 100%; z-index: 2147483647 }
.toggled .menu-header-menu-container, .toggled .menu-menu-1-container { display: block }
ul.menu li { float: none; display: block; }
ul.menu li a, ul.menu li:first-child a, ul.menu li:last-child a { padding: 10px 22px; margin: 0 }
.home-banner .banner-item { height: 280px }
.banner-text .info-block { padding-top: 5px; padding-bottom: 5px }
.banner-text .info-block h2 { margin-bottom: 3px; font-size: 14px; width: 150px }
.grid-item, .grid-item.medium, .grid-item.small { width: 100%!important }
.content-section h2 { margin-bottom: 30px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px }
.grid { overflow: hidden; margin-top: 20px; margin-bottom: 20px }
.grid-item { position: relative!important; top: auto!important }
.full-height { height: auto!important }
.divider-block, .testimonial-blocks .bx-wrapper { margin: 0 }
.one-fourth, .one-third { width: 100%; float: none; margin-bottom: 20px }
.about-block .block.pull-right, .top-footer .pull-left, .top-footer .pull-right { float: none!important }
.one-fourth, .one-half, .one-third { padding-left: 0; padding-right: 0 }
.case-studies-section, .content-section, .our-steps-section, .testimonial-blocks { padding-top: 20px; padding-bottom: 20px }
.case-studies-section { padding-bottom: 40px }
.steps-box { max-width: 200px; padding-top: 30px }
.steps-box h5 { margin-top: 20px; margin-bottom: 20px }
.content-page .parallax-section, .parallax-section { height: 200px }
.testimonial-blocks blockquote { font-size: 14px; line-height: 20px }
.bootstrap-select.btn-group .dropdown-toggle .filter-option, .wpcf7-form .wpcf7-textarea, .wpcf7-form input.wpcf7-text, .wpcf7-form label, div.wpcf7-mail-sent-ok { font-size: 16px }
.page-template-tp-contact div.wpcf7, div.wpcf7 { margin-top: 10px }
.contact-form { padding-top: 30px; padding-bottom: 30px }
.top-footer a, footer ul.menu li a { padding: 10px 0 }
.wpcf7-textarea { height: 110px }
.contact-form .form-group > .btn-primary { margin-top: 10px; }
.top-footer { text-align: center }
.top-footer a { display: inline-block }
.top-footer .email, .top-footer .phone { font-size: 15px }
.bottom-footer ul li, .main-navigation ul { display: block; text-align: center }
/*.bottom-footer ul li { font-size: 11px }*/
.bottom-footer ul li a { padding: 0 }
.about-block { padding-top: 42px }
.about-block .block { height: auto!important }
.about-block .post-content, .about-block .post-img img { top:0px; transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); width: 100% }
.about-block .post-content { margin-top:30px }
.gallery-filter { width: 100% }
.gallery-row { margin-top: 10px }
.gallery-block { margin-top: 15px; margin-bottom: 15px }
.gallery-filter li.active a:after, .gallery-filter li:hover a:after { bottom: -7px }
.gallery-filter li { display: block; margin: 10px 0 }
.one-half, .project-plan { margin-bottom: 20px }
.project-caption h3 { font-size: 15px }
.single-content .content-section { padding-bottom: 20px }
.single-content .divider-block { padding-top: 10px }
.single-content .testimonial-blocks h2.block-title { margin-top: 0 }
.one-half { width: 100% }
.contact-detail, .post-code { padding-top: 20px; padding-bottom: 30px }
address { font-size: 14px; margin-top: 10px }
.contact-form .form-group>label { width: 100%; position: relative }
.input-box, .wpcf7-form input.wpcf7-text { width: 100% }
.error-404 { padding: 40px 0 }
.error404 h1 { font-size: 100px }
.error404 .btn { font-size: 12px; margin-top: 20px; padding: 4px 12px }
.testimonials-listing .testimonial-blocks blockquote { font-size: 15px; line-height: 22px }
.form-postcode .row>div { padding: 0 15px }
.search-result { margin:40px 10px 10px 10px !important }
.loadmoreimg { text-align: left; right: auto; left: 150px }
.adp { padding-left: 0; padding-right: 0 }
.page-template-default .site-content .content-block ol, .page-template-default .site-content .content-block ul { padding-left: 15px }
.inner-banner, .content-page .banner-section { height: 100%; min-height: 215px; }
.form-postcode .btn-small { float: left; }
.before-block, .after-block { height: auto; }

}
@media screen and (max-width:480px) {
.client-testimonial:after, .testimonial-blocks .bx-viewport::after { bottom: 35px }
.client-testimonial:after { bottom: 22px }
.author, .testimonial-blocks blockquote .author { font-size: 14px; padding-top: 30px }
.single-content .testimonials-section { padding-top: 10px; padding-bottom: 10px }
}