/* #Media Queries
================================================== */

/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1008px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1008px) {
    /* HOME PAGE - TABLET ALL */
    h1 {
        font-size: 26px;
    }
    #header .header_right .header_phone_snippet .Allpadding {
        padding: 32px 0px 2px 10px;
    }

    .content_wrapper {
        background-color: #fff;
        width: 586px!important;
    }
    #header .header_right .header_phone_snippet {
        font-size: 38px;
    }
    #header .header_right .guarantee .Allpadding {
        padding: 0px 0px 8px 14px;
        font-size: 15px;
    }
    .home_box h2 {
        font-size: 21px;
    }
    .home_box.Commercial h2, .home_box.Residential h2 {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .free_quote .Allpadding h2 {
        font-size: 21px;
        line-height: 23px;
    }
    .free_quote .Allpadding input[type=submit] {
        padding: 6px 9px 7px !important;
        font-size: 14px!important;
    }
    .free_quote .Allpadding p {
        line-height: 14px;
        font-size: 12px;
        padding: 0px 0px 5px 0px;
    }
    #mainNav li a {
        padding: 15px 13px 11px;

        font-size: 12px;
    }
    .homepage_sidebar {
        margin-top: -30.5%;
    }
    .banner_text h2 {
        font-size: 30px;
        line-height: 39px;
    }
    #homeBanner {
        height: 233px;
    }
    .banner_text p {
        font-size: 26px;
    }
    .banner_text {
        top: 39px;
    }
    .large_button {
        padding: 9px 20px 8px !important;
        font-size: 13px;
    }
    .banner_text h2:after {
        font-size: 34px;
    }
    #content .home_box ul.homeboxNav {
        margin-left: 0%;
        width: 46%;
    }
    .homepage_sidebar .facebook h2, #sidebar .facebook h2 {
        font-size: 14px;
        padding-top: 3px;
    }
    .homepage_sidebar .facebook a, #sidebar .facebook a {
        font-size: 11px;
    }

    .latest_news h2 {
        font-size: 21px;
        line-height: 25px;
        margin-bottom: 0;
    }
    .homepage_sidebar a.med_button.readMore {
        padding: 11px 11px 11px !important;
        font-size: 12px!important;
    }

    /* FOOTER - TABLET ALL */

    #footer .right_panel .accreditations_one,#footer .right_panel  .accreditations_two, #footer .right_panel .accreditations_three{
        background-size: 100% 93%;
        width: 32%;
    }
    #footer .right_panel .Allpadding {
        height: 44px;
    }
    #footer .centre_panel .logo_one, #footer .centre_panel .logo_two, #footer .centre_panel .logo_three {
        background-size: 100% 89%;
        width: 32%;
    }

    footer ul {
         margin: 25px 0px;
     }

    /* DISPLAY BOXS ON THE RESIDENTIAL PAGE AND COMMERCIAL - TABLET ALL  */
    .display_box img{
        width: 100%;
        height: 100%;
    }
    .display_box h2 {
        font-size: 24px;
    }
    /* GALLERY */
    #galleryPage #thumbs li {
        margin-right: 2%!important;
        width: 18%!important;
    }
    #content .gallery_content {
        width: 50%;
    }
    #content .gallery_content p {
        height: 130px;
        margin-bottom: 0px;
    }

    /* OTHER */
    #sidebar .latest_news h2 {
        font-size: 23px;
    }
    .latest_news h2:after {
        font-size: 21px;
        top: 1px;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	html, body {
		font-size: 13px;
		line-height: 20px;
	}
    .map iframe {
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .map {
        margin: 15px 0;
    }
    #header {
        z-index: 0;
    }
    #content #galleryCatList li {
        margin: 0 4% 4% 0!important;
        width: 44%!important;
    }

    #homePage #menu_mobile {
        display : none;
    }

    .form_label {
        width   : auto;
        padding : 0;
    }

    .form_required {
        width   : 5%;
        padding : 5px 0 0 10px;
    }

    .form_field {
        width      : 100%;
        float      : none;
        margin-top : 0;
    }

    #header {
        height  : 90px;
        padding : 0;
    }

    #header a.logo {
        height          : 75px;
        width           : 150px;
        margin-top: 10px;
        background-size : 100% 100%;
        float           : left;
        margin-bottom   : 0;
    }
    /* HOME PAGE - MOBILE ALL */

    .homepage_sidebar {
        margin-top: 0;
        float: none;
        text-align: center;
    }
    .banner_text h2 {
        font-size: 24px;
        line-height: 20px;

    }
    .banner_text p {
        font-size: 18px;
        line-height: 22px;
    }
    .banner_text {
        display: block;
        position: absolute;
        top: 14%;
    }
    .banner_text h2:after {
        margin-left: 3px;
        top: 4px;
        font-size: 23px;
    }
    .large_button {
        padding: 4px 12px 5px !important;
        font-size: 11px;
        font-weight: normal;
    }
    .flex-control-nav {
        bottom: 2%;
        left: 4%;
    }
    .button_box   {
       padding-top: 0px;
        padding-bottom: 10px;
    }
    .grid_9.readmore   {
        padding: 15px 0;
    }
    #homePage #copy {
        margin-top: 5px;
    }
    .home_box.Residential  {
        margin-top: 20px;
    }

    #homeBanner {
        height: auto;
        margin-bottom: 15px;
    }
    .content_wrapper {
        background-color: #fff;
        width: auto!important;
    }
    .homepage_sidebar .facebook {
        margin: 20px 0px 0 0px;
    }
    .latest_news {
        margin: 20px 0px 0 0px;
    }
    .free_quote {
        margin-top: 23px;
    }
    #homePage #copy .Allpadding {
        padding: 0 0px;
    }
    .content_wrapper .Allpadding {
        padding: 6px 15px 10px 15px;
    }



    /* DISPLAY BOXS ON THE RESIDENTIAL PAGE AND COMMERCIAL - MOBILE ALL */
    .display_box, .display_box.middle{
        width: 100%;
        margin: 10px 0 20px;
    }
    .display_box a.button{
        margin-left: 0px;
    }
    .display_box p {
        padding-left: 0;
    }
    .display_box img{

    }
    #galleryPage #thumbs li {
         margin-right: 2%!important;
         width: 18%!important;
     }
    #footer .centre_panel .logo_one, #footer .centre_panel .logo_two, #footer .centre_panel .logo_three {
        background-size: 100% 100%;
        width: 30%;
        max-width: 136px;
        min-height: 65px;
        max-height: 77px;
    }

    /* FOOTER - MOBILE ALL*/
    .top_footer .grid_2.footermenu, .top_footer .grid_2.footermenu_second {
        width: 50%;
    }
    .footerNav{
        width: 100%;
        float: left;
    }
    #footer ul {
        margin: 20px 0px;
    }
    #footer .centre_panel .Allpadding {
        padding: 0 0px;
    }
    #footer .top_footer li {
        text-align: center;
    }
    #footer .right_panel .Allpadding {
        margin: 13px 0;
    }

    /* GALLERY */
    #content #galleryCatList li a.img_link {
        width: auto;
    }
    #content .gallery_content p {
        height: 219px;
        padding: 25px 0;
        font-size: 13px;
        line-height: 15px;
    }
    #content .gallery_content {
        margin: 20px 0;
    }
    #content .gallery_content .small_button {
        float: none;
        margin-right: 0;
    }



}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* FOOTER - MOBILE LANDSCAPE*/
    #footer .right_panel .accreditations_two{
        margin: 0px 10%;
    }
    #footer .centre_panel .logo_two {
        margin: 0px 2%;
    }
    /* EDITOR STYLES - ALL MOBILE */
     img.pageimageleft {
        float: left;
        margin: 0 15px 10px 0;
    }
    img.pageimageright {
        float: right;
        margin: 0 0 10px 15px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    /* EDITOR STYLES */
    h1 {
        font-family: 'Georgia', arial, sans-serif;
        font-size: 30px;
        line-height: 33px;
    }


    /* FOOTER - MOBILE PORTRAIT */
    #footer .right_panel .accreditations_two{
        margin: 0px 0%;
    }
    #footer .centre_panel .logo_two {
        margin: 0px 0%;
    }
    #footer .centre_panel .logo_one, #footer .centre_panel .logo_two, #footer .centre_panel .logo_three {
        background-size: 100% auto;
        width: 30%;
        min-height: 35px;
        max-height: 65px;
    }
    #footer .centre_panel .logo_one a, #footer .centre_panel .logo_two a, #footer .centre_panel .logo_three a {
        width: 32%;
    }
    #footer .right_panel .accreditations_one {
        height: 44px;
    }
    #footer .right_panel .accreditations_two {
        height: 45px;
    }
    #footer .right_panel .Allpadding {
         margin: 9px 0;
    }
    #footer .right_panel .accreditations_one,#footer .right_panel  .accreditations_two, #footer .right_panel .accreditations_three{
        background-size: 100% auto;
        width: 32%;
        max-width: 95px;
    }
    #footer .right_panel .Allpadding {
        margin: 12px 0;
    }
    /* EDITOR STYLES - ALL MOBILE */
    img.pageimageright, img.pageimageleft {
        width: 100%;
        float: none;
        height: auto;
        margin: 0 0 10px 0;
    }

    /* GALLERY */

    #content #galleryCatList li {
        margin: 0 0% 0% 0!important;
        width: 100%!important;
    }
    #content #galleryCatList li a.img_link {
        width: auto;
        text-align: center;
    }
    #content #galleryCatList li a img {
        float: left;
        width: 100%;
    }
    #content .gallery_content p {
        height: auto;
        padding: 0px 0;
        font-size: 13px;
        line-height: 15px;
    }
    #content .gallery_content {
        margin: 20px 0;
        padding-left: 0px;
        text-align: center;
        width: 97%;
    }
    #content .gallery_content .small_button {
        float: none;
        margin-right: 0;
    }


    /* HOME PAGE */
    #content .home_box ul.homeboxNav {
        width: 97%;
    }
    .readmore .med_button {
        float: left;
        margin-left: 21px;
    }
    .home_box.Commercial h2,.home_box.Residential h2  {
        font-size: 25px;
        padding-bottom: 6px;
    }
    #content .home_box ul.homeboxNav {
        margin-left: 0;
        margin-bottom: 0;
    }
    .button_box {
        margin-bottom: 10px;
    }

    /* BANNER */
    .banner_text {
        top: 9%;
        left: 4%;
        width: 90%!important;
    }
    .banner_text h2 {
        font-size: 19px;
        line-height: 20px;
        margin-bottom: 1px;
    }
    .banner_text h2:after {
        font-size: 21px;
        top: 2px;
    }
    .banner_text p {
        font-size: 14px;
        line-height: 17px;
    }
    .flex-control-nav {
        bottom: 1.5%;
        left: 1.7%;
        display: none;
    }
    #homeBanner {
        height: 127px;
    }
    .flexslider .slides img {
        width: 100%;
        display: block;
        min-width: 429px;
        min-height: 127px!important;
    }

    #content #galleryCatList.thumbs li a {
        margin-bottom: 10px;
    }
}