@media only screen and ( max-width:1030px) {
.wrapper, .copyright_inn1, .footer_inn,.nav_inn { box-sizing: border-box; display: inline-block; float: none; padding: 0 10px; width: 100%; }
.products li, .box li { margin-right: 12px; }
#box_pen li,#box_pen li:last-child {margin: 0 5px 0 0; }
#footer { padding: 20px 0; }
.phone h2 { font-size: 22px; float:left; margin:0px; vertical-align: top; }

.services_img1 { margin-right: 10px; width: 23%; }
.services_img1 img { width:100%;}
.driveways_row h1 { font-size: 25px; }
div.image-set .example-image-link { width: 22%; }

div.image-set .example-image-link { width: 45%; float: none; display: inline-block; }
.image-row, .image-set .example-image-link:last-child { float: none !important; }
.slider .bx-viewport .bxslider1 li h2, #find_out .btn a { font-size: 25px; }
.products li { margin-right: 9px; }
.content h1 { font-size: 25px; }

.phone { margin:0px; width:60%;}
.logo_right img { width:100%; margin:0 0px 0 10px;}
.find_out_2 { width:55%;}
.find_out_3 { width: 28%;}
.bx-wrapper .bx-next { right:10px !important;}
.bx-wrapper .bx-prev { left:10px !important;}
.bx-wrapper .bx-controls-direction a { top:28% !important;}
.logo img { width:100%;}
#find_out2 li,#find_out3 li { width:23%;}

.box li img {
    width: 100%;
}
.menu_left { width:40%;}
.social_icon { float:left;}
}

@media only screen and ( max-width:768px){
.phone h2 { float:none;}
#header {  background:none; margin-top: 4%;  }
.box_right, .box_left, .footer_1, .footer_2, .footer_3, .row_left, .row_right,.phone,.services_img1, .services_img2, .services_img3, .testi_box .box1, .box li, ul.offers1, .contact_left, .contact_right, .phone, .logo_right { border:0px; width: 100%; float: none; display: inline-block; }
.find_out_1,.find_out_2,.find_out_3 { float:none; display:inline-block; width:100%; margin:0px; }
.logo, .header_right { float:none; display: inline-block; width:100%;}
#box_pen li,#box_pen li:last-child  { display: inline-block; float: none; width: 46%; text-align:center; }
.phone,.logo_right{ float:none; display:inline-block; width:100%;}
.phone h2 span { float: none;}
.logo img,.logo_right img { width:auto !important;}

.services_right.pic_img  { text-align: center; float:left; width:100%;}


.services_img,.services_img2 img,.services_img3 img { width: auto;}
.services_box li,.services_box li:last-child { float: none; display:inline-block; width:46%; margin:10px 10px;}
.wrapper li img { width: 100%;}
.services_left,.services_right { float:none; display:inline-block; width:100%;}
.services_right .pic_img,.services_left .pic_img { text-align:center; width:100%; float:none; display:inline-block; margin:10px 0;}
.services_img1 img { width:auto;}

#box_pen li img { width: auto;}
#box { background:#87888c;}
.phone { text-align:center;}

.social_icon {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.products li,.products li:last-child { float:none; display:inline-block; }
.logo { padding-top:10px;}
}
@media only screen and ( max-width:520px) {
.bx-controls-direction {  display: none;}
}

@media only screen and ( max-width:480px) {
.testi_box .box1 { min-height: inherit; border: 2px solid #fff; }
.footer_2 { border-top: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5; padding: 10px 0; margin: 10px 0; }
.footer_1, .footer_2, .footer_3 { padding-left: 15px; padding-right: 15px; }
.box_right { margin-top: 25px; }

.phone h2 { background: #fff; }
.products li h2 { font-size: 12px; }
.products li { margin-right: 6px; }
.wrapper { margin-top: 0px; }
.logo_right img,#box_pen li:last-child img { width: auto !important; margin:10px 0 0 0;}
.logo img { width: 100% !important;
}
