@media only screen and ( max-width:1030px) {
.wrapper { width: 94%; margin: 0 2%; }
.nav-inn { width: 100%; padding: 0 15px; }
.footer-2 h2 { margin: 0px; }
.footer-2 { padding: 0 10px; }
.footer-3 { padding: 0 0 0 10px; width: 52%; }
.footer-4 { width: 7%; }
.footer-1, .footer-2, .footer-3, .footer-4 { min-height: 230px; }
.logo img { width: 100%; }
.products li { margin: 0 14px 0 0; }
.box li { margin: 0 9px 0 0; }
.we-offer-right .btn a { font-size: 19px; }
.box4-box1 { margin: 0 9px 0 0; }
.services-box-1 { margin: 0 13px 0 0; }
.services ul { padding: 0 10px; }
.services img { float: left; width: 100%; padding: 10px 0; text-align: center; }
.footer-3 { width: 50%; padding: 0 15px; }
.driveways-2 { margin: 0 25px; }
.col-box { text-align: center; }
.col-box-1, .col-box-2, .col-box-3 { float: none; display: inline-block; width: auto; text-align: center; }
#awards p { padding: 0px; }
.box-1 { margin: 0px; }
.logo { width: 40%; padding: 15px 0 0 0; }
.header-mid { width: 40%; }
.header-mid h3 a { font-size: 30px; }
.header-right { width: 20%; }
.header-mid ul { margin: 0 0 0 20px; }
}
 @media only screen and ( max-width:768px) {
.nav-inn { padding: 0px; }
.header-mid { padding-top: 0px; }
h1, .text-full h1, #our-services h1 { font-size: 28px; }
.contact-right h2 { font-size: 28px; line-height: 30px; }
h2, #our-services li, .contact-text p { font-size: 20px; line-height: 23px;     text-align: center; }
.services p{text-align:center;}
h3 { font-size: 18px !important; line-height: 25px !important; }
.home-text { margin: 0px; padding: 0px; }
.home-text h3 { padding: 0px; }
.space { margin: 5px 0; }
#header { margin-top: 30px; border: 0px; }
.logo { width: 40%; text-align: center; padding: 35px 0; }
.logo img { width: 100%; text-align: center; }
.header-mid { padding-top: 40px; padding-left: 40px; }
.header-right img { width: 88%; padding: 0px 0 0 0; }
.header-mid h3 { text-align: left; }
.header-mid ul { padding: 0; }
.header-mid h3 span { font-size: 20px; text-align: left; }
.header-mid h3 a { font-size: 20px; text-align: left; }
.box li, .box li:last-child, .products li, .products li:last-child, .box4-box1, .box4-box1:last-child { display: inline-block; float: none; vertical-align: top; margin: 10px 0; width: 46%; }
.pic-img img { width: 100%; }
#box-full { background: #787562; }
.box-full-left, .box-full-right, .services-left, .services-right, .row-left, .row-right, .contact-left, .contact-right { float: none; display: inline-block; width: 100%; }
.col-box-1, .col-box-2, .col-box-3, .services-box-1, .services-box-2, .services-box-3 { text-align: center; float: none; display: inline-block; width: 100%; margin: 15px 0; }
.we-offer-left, .we-offer-mid, .we-offer-right, .driveways-1, .driveways-2, .driveways-3, .marshalls-left, .marshalls-right { float: none; display: inline-block; width: 100%; margin: 10px 0; text-align: center; }
.services { text-align: left; }
.services-1 ul { float: none; display: inline-block; width: 48%; margin-bottom: 15px; }
.contact-right { margin-top: 20px; }
.contact-text, #our-services p { text-align: center; }
.footer-1, .footer-2, .footer-3 { float: none; display: inline-block; width: 100%; border: 0px; padding: 0px; margin: 0px; min-height: auto; text-align: center; }
.footer-1 li.addres span { display: block; margin: 0 auto; width: 100%; padding: 0; min-height: auto; }
.footer-2 li { text-align: center; }
.footer-1 li span { float: none; }
.footer-4 { text-align: center; float: none; display: inline-block; border: 0px; min-height: auto; }
.footer-4 li { line-height: normal; padding-top: 5px; }
#copyright p { text-align: center; float: none; }
#call h2 { font-size: 20px; line-height: 26px; }
.box-1 { float: none; display: inline-block; }
#our-services ul { float: none; display: inline-block; width: auto; }

.services-box-1 img { width: auto; }
.services img { width: 100%; height: auto; }
.banner-1, .check-trade-logo, .marshalls-logo { float: none; display: inline-block; width: auto; margin: 10px 0; }
#our-services ul { column-count: 2; -moz-column-count: 2; -o-column-count: 2; }
#our-services li { line-height: 25px; font-size: 16px; }
#our-services h1 { font-size: 20px; }
#our-services p { font-size: 18px; }
#areas h1 { font-size: 30px; padding: 8px 0; }
.we-can-quotes-left { float: left; width: 100%; padding: 10px; }
.we-can-quotes-left ul { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; text-align: left; }
.we-can-quotes-right { float: right; width: 100%; margin: 24px 0 0; }
}
 @media only screen and ( max-width:520px) {
/*.logo,.header-right { float:none; display: inline-block; width:100%;}*/
.logo { width: 100%; text-align: center; padding: 35px 0 15px 0; }
.logo img { width: 65%; text-align: center; }
.header-mid { padding-left: 0px; padding-top: 0; width: 100%; text-align: center; }
.header-mid h3 { text-align: center; }
.header-right { padding: 0px; margin: 0; text-align: center; }
.header-right { padding: 0px; margin: 0; text-align: center; width: 100%; }
.header-right img { width: 30%; }
.header-mid h3 a { font-size: 25px; text-align: center; }
.footer-2 li { text-align: center; }
.footer-1 li span { float: none; }
.we-can-quotes-left { float: left; width: 100%; padding: 10px; }
.we-can-quotes-left ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; text-align: left; }
.we-can-quotes-right { float: right; width: 100%; margin: 24px 0 0; }
}
 @media only screen and ( max-width:440px) {
.pic_img2 img, .services-box-1 img { width: 100%; }
.header-right p { font-size: 19px; text-align: center; }
.header-mid h3 a { font-size: 25px; text-align: center; }
.header-mid h2 a { font-size: 18px; }
.box li, .box li:last-child, .products li, .products li:last-child, .box4-box1, .box4-box1:last-child { width: 100%; }
.we-can-quotes-left { float: left; width: 100%; padding: 10px; }
.we-can-quotes-left ul { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; text-align: center; }
.we-can-quotes-right { float: right; width: 100%; margin: 24px 0 0; }
#greenband p { font-size: 22px; }
.box-1 h1 { font-size: 19px; }
.box-1 img { width: 61%; }
.pic-img img { width: 100%; }
#container { height:auto;}
}
@media only screen and ( max-width:320px) {

}