/*iphone 6 landscape only*/






@media screen and (max-width: 1024px) {

.surrey {
    width: 14%;
}
    
.checkt {
 
width: 35%!important;
}
    .header-col12 img {
    padding: 5px;
}

.numbers-res h4 { text-align:center!important; font-size:0.70em!important;}

.breakall{text-align:left;

    overflow-wrap: break-word;
    word-wrap: break-word!important;
    -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
  /* Instead use this non-standard one: */
    word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

body p{

    overflow-wrap: break-word;
    word-wrap: break-word!important;
    -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
  /* Instead use this non-standard one: */
    word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

body b, body strong {
    
    text-align:left!important;
        overflow-wrap: break-word;
    word-wrap: break-word!important;
    -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
  /* Instead use this non-standard one: */
    word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    
    
    
}

.banner-desk {display: none;}

  .banner-res {display: block;}

.blue-box .contents {
   
   height:auto;
    min-height: 330px;
    margin-bottom:20px;
}





.welcome-img  {display: none;}

.welcol h3 {
    margin-top: 20px;
    font-size: 22px;
}
  .header-logos-bg  {display: block;}

.numbers-res  h4{
    text-align: left;
    font-size: 0.75em;
    color: #939598;
    margin-bottom: 15px;
    }

.numbers-desk {display: none;}
 .numbers-res {display:block;padding: 3px;background: #f1f1f1;margin: 0px;}

    .header-logo-res-caption {display: block;}

    .header-logo-res {display: block;}
    .header-logo-desk {display: none;}
.carousel-caption2 img {
    width: 38%!important;
}


.npaving {
    width: 25%;
}
.master {
    width: 17%;
}

.res {
    width: 25%;
}
.brett {
    width: 16%;
}
.trust {
    width: 16%;
}
.tober {
    width: 22%;
}


.header-logos img {

    height: 53px;

}
.header-logos img {
    height: auto!important;
}

    .two-col li{ width:100%;}

    .certification-home { float:left; }

    .certification-home .col-md-3 img{ margin-top:10px;}


    .area-map iframe{ width:100%; height:430px;}

    .navbar-default .navbar-nav > li > a {

        text-align: center;
    }
    .header-logos {
        margin-top: 0px;
        text-align: center;
    }
    .phone-item {
        width: 100%;
    }

    .carousel{
        height:auto;
        border-bottom: #FF9900 5px solid;
    }


    .scrollup{
        visibility:hidden;
        display:none;
    }



    .navbar-default{
        margin-bottom:0px;

    }

    .gallery li, .gallery li img{
        width:100% !important;
        height:auto !important;
        margin:0px;
    }

    .gallery-pc{
        display:none !important;
        visibility:hidden !important;
    }

    .gallery-mobile{
        display:block !important;
        visibility:visible !important;
    }

    .carousel-buttons{ display:none;}

    .header .numbers, .header .logo { text-align:center;}

    .header .logo {margin-bottom: 0px;}

    .email{ 
        margin-top:0px!important;

    }

    .footer{
        line-height:24px;
        padding:15px 0px;
        text-align:center
    }   

    .footer font{
        width:100%;
        text-align:center;
    }

    .page-content h3{ text-align:left;}

    .why-choose{ background:#f1f0f0; width:100%; padding:10px; padding-left:20px; float:left; margin-top:20px;  }


    .gallery li, .gallery li img{
        width:100% !important;
        height:auto !important;
        margin:0px;
    }

    .gallery-pc{
        display:none !important;
        visibility:hidden !important;
    }

    .gallery-mobile{
        display:block !important;
        visibility:visible !important;
    }

    .quick-callback { padding-bottom:20px; margin-top:10px;}

    .carousel-inner {
        height: auto;
    }

}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 320px) {

}

@media screen and (max-width: 240px) {

}


@media (max-width: 1200px) {




    .navbar-header {

        float: none;

    }

    .navbar-left,.navbar-right {

        float: none !important;

    }

    .navbar-toggle {

        display: block;

    }

    .navbar-collapse {

        border-top: 1px solid transparent;

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-fixed-top {

        top: 0;

        border-width: 0 0 1px;

    }

    .navbar-collapse.collapse {

        display: none!important;

    }

    .navbar-nav {

        float: none!important;

        margin-top: 7.5px;

    }

    .navbar-nav>li {

        float: none;

    }

    .navbar-nav>li>a {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .collapse.in{

        display:block !important;

    }


.carousel-caption2 img {
    width: 72%;
}


}   


/*/ Landscape /*/

@media only screen 

and (min-device-width: 768px) 

and (max-device-width: 1024px) 

and (orientation: landscape) 

and (-webkit-min-device-pixel-ratio: 2) {


.checkt {
    width: 22%!important;
}



    

.blue-box .contents {
   
   height:auto;
    min-height: 250px!important;
    
    margin-bottom:0px;
}


.welcome-img {
    display: block;
}

.numbers-res h4 {
    text-align: center!important;
    font-size: 17px!important;
    }



.logo {
   
    width: 100%;
}
  .carousel-caption2 img {
    width: 72%!important;
}  
    
    .header .numbers a {
    color: #081b59!important;
    text-decoration: none;
    font-size: 28px;
}
.header-logos {
    margin-top: 6px;
    text-align: center;
}




.trust {
    width: 8%;
}
.brett {
    width: 10%;
}
.tober {
    width: 12%;
}

.npaving {
    width: 16%;
}
.res {
    width: 14%;
}
.master {
    width: 8%;
}
.header .logo img {
    margin-top: 3%;
}
.surrey {
    width: 7%;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

and (-webkit-min-device-pixel-ratio: 2)

{ 

.blue-box .contents {
   
   height:auto;
    min-height: 220px!important;
    margin-bottom:0px;
}



.carousel-caption2 img {
    width: 67%!important;
}


.numbers-res h4 {
    text-align: center!important;
    font-size: 16px!important;
}



.trust {
    width: 12%;
}
.brett {
    width: 14%;
}
.tober {
    width: 17%;
}

.npaving {
    width: 22%;
}
.res {
    width: 19%;.welcome-img {
    display: block;
}
}
.master {
    width: 11%;
}

.header .numbers a {
    color: #081b59!important;
    text-decoration: none;
    font-size: 28px;
}
.header-logos {
    margin-top: 4px;
    text-align: center;
}
.checkt {
    width: 30%!important;
}
.surrey {
    width: 8%;
}
}

/********iPhone 6, 7, & 8 Plus Media Queries***********/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
.numbers-res h4 {
    text-align: center!important;
    font-size: 0.75em;
    }
}