/*ipad landscape*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

.one-col li, .two-col li, .three-col li, .four-col li, .five-col li{ width:100%;}

.header-contact h4{ font-size:16px; letter-spacing:normal;}

.header-contact h5 a{ font-size:12px; letter-spacing:normal; color:#000000;}

.gallery-thumb-img a img{ height:200px!important;}

    
#gallery li{
height:100px;

}

#gallery li img{
    
    height:100px!important;

}
    
    }


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

    .privacy-col h6 {
        text-align: center;
    }

    .con-btn {
              float: none;
        width: 100%;
     
    }

    .trust {
    width: 21%;
}

    .corc {
    width: 17%;
}
    .header-contact a img {
    margin-top: 14px!important;
}

.fair-trade-res {width:40%;}

.header-contact .fair-trade a img {width:50%;}

.header-logo {display: block!important}

    .review-2 img {
    width: 56%!important;
}


.check img {
   
    width: auto!important;
}


.modal {

    z-index: 10001;

}

.tabbs h4 { z-index:1;}

.tabbs h4 a {
    font-size: 0.7em!important;
}

.tabbs h4 a {

    padding: 1px;
    text-transform: uppercase;

}

.tabbs h4 { text-align:center!important;}

.quote-con{ display:none!important;}

.quote-z-i{ margin-top:10px!important;}

.header-red{ background:none!important;}

.why-list{ padding-left:auto!important;}

.tabs-row{ background:#CCCCCC; height:auto; margin-top:50px;}

.tabbs{ margin-top:0px;}


.logo img{ margin-top:0px!important;}

.quick-quote-wrap{ display:none;}

.carousel-caption{ display:none;}

.welcome-wrap{ margin-top:0px;}

#sticky {

    width: 100%;
background:#010179;


}

.row{ margin:0px; padding:0px;}

.testimonial-con{ height:auto!important; padding-bottom:20px;}

blockquote {

    border-left: none;
}

.testimonial-image{ display:none;}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    left: 15px;
    width: 100%;
    float: left;

}
.area-right{ border:none;}
.page-container h1{ text-align:left;}

.why{ padding-left:20px!important;}

.why-list li{ width:100%!important; float:left; list-style-position:outside;}

.tabbs { float:left;}

.tabbs img{ visibility:visible!important; width:100%; height:auto;}
.tabbs .item-1, .tabbs .item-2,.tabbs .item-3,.tabbs .item-4{background:none!important; padding:10px;}

.tabbs h4{ padding:5px;}

.page-container .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
    padding-left: 0px;
    padding-right: 0px;
}

p { text-align:justify!important;}

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

.one-col , .two-col , .three-col , .four-col , .five-col , .res-col { padding:15px;}

.one-col li, .two-col li, .three-col li, .four-col li, .five-col li, .res-col li{ list-style-image:url(../images/orange-bull.jpg); list-style-position:outside; margin-left:0px; color:#010179;}

.why-choose h3 span{ width:100%; text-align:center; float:left;}

.welcome-text-1 h3{ color:#010179; text-transform:uppercase; text-align:center;}

.facebook{ width:100%; float:left; padding:10px; text-align:center;}

.mobile-email, .mobile-phone{ display:block;}

.header-contact{ display:none;}

.why-con{ background:#010179;}

.why-choose{
 background-image: none;
}

.why-choose{ width:100%; float:left; min-width:auto;}

.why-choose h3{ font-size:1.3em; text-align:center;}

.why-choose .pull-right{ float:none;}

.video-box img{ width:80%;}

.video-box { padding-top:0px; float:left; padding-bottom:10px;}

.video-box h3 span{ color:#FFFFFF;}

.contact-form h3{text-align:center;}

.contact-form .col-md-12 { padding:10px!important;}

.contact-form .col-md-12 .col-md-12  { padding-left:0px!important;}

.patio-img img{ margin-bottom:10px;}

.page-container img{ vertical-align:text-top; text-align:center;}

.page-container { padding-bottom:20px!important; float:left; width:100%!important;}

.page-container h4{text-align:left;/* padding: 15px; */line-height:  26px;font-size: 17px;}
.page-container .col-md-12{ padding:0px;}

.page-container p{ text-align:left;}

.page-container img{ width:100%;}

.page-container li img{ width:auto!important;}

.boxes{ width:50%!important;}

.quote-home{ display:block;}


.header{ width:100%;}


.footer{ text-align:center;}

.footer span{ width:100%; float:left; text-align:center;}

.quick-quote{ display:none;}

.box-top .col-md-2{ margin-top:0px; padding-top:10px;}

.box-top .col-md-2 img{ top:10px!important;}

.box-top h5{margin:0px; position:relative; width:100%; text-align:center; float:left; padding:10px;}

.box-wrap{ text-align:center; float:left;}
.box-wrap .btn{ position:absolute;}

.box-top .col-md-2 .box-wrap{ margin:0px; padding:5px; width:98%;}

.boxes-container{ margin:0px;}


.box-wrap .btn{ display:none;}

.box-top .col-md-2 .box-wrap .btn{ position:relative; left:auto;}

.one-col li, .two-col li, .three-col li, .four-col li, .five-col li{ width:100%;}


.g-recaptcha{-webkit-transform:scale(0.50); transform:scale(0.50); transform-origin:0px 0px;-webkit-transform-origin:0px 0px; margin:0px; padding:0px; position:relative; bottom:0px;}

.checkatrade-home img{ width:70%; height:auto; text-align:center; float:none; margin-top:20px; margin-bottom:20px }


     .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;
    }
    
    
    /*quick quote*/
    
    

.quick-con {

    padding-top:0px;
}

.req-con { padding-left:10px; padding-right:10px;}


.box-top .col-md-2:hover :after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    border:none;
    padding-bottom:10px;
    
}

.area-right{
    margin-bottom:10px;
}


.area-right:last-child{ margin-top:10px;}

.footer-head-left {

    text-align: center;

}

.footer-head-right {

    text-align: center;

}   

.four-col li{
    width:100%;
    float:left;
    font-weight:bold;
}


.desktop-gallery{ display:none;}
.mobile-gallery{ display:block!important;}
.mobile-gallery li img{ width:100%; height:auto; border:none; max-height:200px; }


.contact-item .btn 
    {
     background-color:#f1632d;
     color:#FFFFFF;
     font-weight:bold;
     text-transform:uppercase;
     border:none;
     float:left;
     min-width:100px;
    }
    

/* jQuery lightBox plugin - Gallery style */
    #gallery li img {
        width:90%!important;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }

/*collapse expanded*/

    .dropdown-menu{
        display: block;

        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        position:relative;
        width:100%;
    }
    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px;
        background-color:#333333;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a{    
        color:#FFFFFF;
    }
    
    .contact-item font{

    text-align:left;
    float:left;
    font-size:14px;
}

.res-col li{ width:50%;}

.welcome-heading h4 font { line-height:40px;}

.area-mobile{ display:block;}

.area-desktop{ display:none;}

.mobile-gallery { width:100%!important}

.mobile-gallery li{ width:100%!important;}

.mobile-gallery li img{ width:100%; height:auto!important; max-height:none!important;}

#gallery li{ height:auto!important;}

#gallery li img{width:95%!important; height:auto!important; max-height:none!important;}

.page-container img{ width:100%;}

.page-container li img{ width:auto!important;}

.inside-images img{ width:100%!important; margin-bottom:5px; float:left;}

.video-box{ width:100%; text-align:center;}

.video-box img{ width:60%;}

.video-box img:last-child{ width:50%;}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) 

{ 
.page-container img{ width:auto!important;}

.page-container li img{ width:auto!important;}

.boxes .box-wrap img{ width:auto!important;}

.patio-img img{ width:100%!important; float:left; margin-bottom:10px;}

.inside-images img{ width:100%!important; margin-bottom:5px;}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) 

{ 
.page-container img{ width:auto!important;}

.page-container li img{ width:auto!important;}

.boxes .box-wrap img{ width:auto!important;}
.patio-img img{ width:100%!important; float:left; margin-bottom:10px;}

.inside-images img{ width:100%!important; margin-bottom:5px;}
}




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



.one-col li,  .three-col li, .four-col li, .five-col li, .two-col li{ width:100%;}

.g-recaptcha{-webkit-transform:scale(0.50); transform:scale(0.50); transform-origin:0px 0px;-webkit-transform-origin:0px 0px; margin:0px; padding:0px; position:relative; bottom:0px;}


        #gallery li img {
        width:100%;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }

.header-con .row{ background:none; position:relative; z-index:999;                          margin: 0 auto;
left:0;
right:0;
}



.carousel-inner img{ margin-top:0px; position:relative;}

.slider-bottom{ display:none;}

.header-contact{ text-align:center; }

.header{ margin-top:20px; padding-left:0px; padding-right:0px; background:transparent; z-index:998;}    

.logo{ text-align:center;}              

.logo img{ margin-left:0px;}    


.welcome-heading { margin-top:0px; position:relative; width:100%; }

.quick-con input{ margin-top:10px!important; }

.quick-con textarea{ margin-top:10px!important; margin-bottom:0px; }

.quick-con .btn { margin-top:10px!important;}

.area-mobile{ display:block;}

.area-desktop{ display:none;}

}


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

        #gallery li img {
        width:100%;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }
    
.header-con .row{ background:none; position:relative; z-index:999;                          margin: 0 auto;
left:0;
right:0;
}

.carousel-inner img{ margin-top:0px; position:relative;}

.slider-bottom{ display:none;}

.header-contact{ text-align:center; }

.header{ margin-top:20px; padding-left:0px; padding-right:0px; background:transparent; z-index:998;}    

.logo{ text-align:center;}              

.logo img{ margin-left:0px;}    

.area-mobile{ display:block;}

.area-desktop{ display:none;}

}

@media screen and (max-width: 480px) { /*iphone 6 portrait*/

        #gallery li img {
        width:100%;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }

.header-con .row{ background:none; position:relative; z-index:999;                          margin: 0 auto;
left:0;
right:0;
}

.carousel-inner img{ margin-top:0px; position:relative;}

.slider-bottom{ display:none;}

.header-contact{ text-align:center; }

.header{ margin-top:20px; padding-left:0px; padding-right:0px; background:transparent; z-index:998;}    

.logo{ text-align:center;}              

.logo img{ margin-left:0px;}    

.area-mobile{ display:block;}

.area-desktop{ display:none;}

}   

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

        #gallery li img {
        width:100%;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }

.header-con .row{ background:none; position:relative; z-index:999;                          margin: 0 auto;
left:0;
right:0;
}

.carousel-inner img{ margin-top:0px; position:relative;}

.slider-bottom{ display:none;}

.header-contact{ text-align:center; }

.header{ margin-top:20px; padding-left:0px; padding-right:0px; background:transparent; z-index:998;}    

.logo{ text-align:center;}              

.logo img{ margin-left:0px;}    

.area-mobile{ display:block;}

.area-desktop{ display:none;}

}


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

        #gallery li img {
        width:100%;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }

.header-con .row{ background:none; position:relative; z-index:999;                          margin: 0 auto;
left:0;
right:0;
}

.carousel-inner img{ margin-top:0px; position:relative;}

.slider-bottom{ display:none;}

.header-contact{ text-align:center; }

.header{ margin-top:20px; padding-left:0px; padding-right:0px; background:transparent; z-index:998;}    

.logo{ text-align:center;}              

.logo img{ margin-left:0px;}    

.area-mobile{ display:block;}

.area-desktop{ display:none;}

}


/*collapse menu expanded view*/

@media only screen and (max-width:480px){
    .dropdown-menu{
        display: block;

        background-color:transparent;
        border:0 none;
        box-shadow:none;
        margin-top:0;
        position:relative;
        width:100%;
    }
    .navbar-nav .dropdown-menu > li > a, 
    .navbar-nav .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px;
        background-color:transparent;
        color:#FFFFFF;
    }
    .navbar-nav .dropdown-menu > li > a{
        line-height:20px;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a{    
        color:#FFFFFF;
    }
    
        #gallery li img {
        width:100%;
        height:auto;
        border:1px solid #CCCCCC;
        padding:2px;
        margin:8px;
    }
    
    .area-mobile{ display:block;}

.area-desktop{ display:none;}

}





/*ipads*/

@media (max-width: 1200px) {


.header-contact .cat{ width:100px;}
.logo img{ width:200px;}
.header-contact h4, .header-contact h5 a{ font-size:1em!important;}

.box-wrap .btn{ display:block; position:absolute; width:100%; }
.box-wrap{ min-height:180px;}
.box-wrap h5{ font-size:12px; margin-top:10px;}

#gallery li img {
    width: 100%;
    height:200px;
    border: 1px solid #CCCCCC;
    padding: 2px;
    margin: 8px;
}

.box-top{ padding:0px!important; margin:0px!important;}

.boxes .box-wrap{background:#f2f0f1; margin:10px; padding-bottom:0px; min-height:200px;}

.boxes:last-child .box-wrap h5{ }

.boxes .box-wrap img{ position:relative; margin-top:10px; width:90%;}

.boxes .box-wrap .btn:hover{ background:#333333;}

.boxes .box-wrap span{ width:100%; float:left; margin-bottom:10px; }

.boxes .box-wrap .btn{ position:relative; font-size:14px; background:#50c043; font-size:10px!important; bottom:0; float:none; width:100%!important; margin-left:0px; left:0px;border-radius:0px!important;}

.boxes .button{ width:100%; text-align:center; float:left; }

.boxes-container {
    margin: 0px;
    width: 100%;
}

.boxes .box-wrap {
    background: #f2f0f1;
    margin: 2px;
    padding-bottom: 0px;
    min-height: 200px;
}



.mobile-gallery { width:100%!important}

.mobile-gallery li{ width:100%!important;}

.mobile-gallery li img{ width:100%!important; height:auto!important;}

#gallery li{height:auto;width:50%;max-height:none;float:left;list-style: none;}

#gallery li img{width:100%; height:300px; max-height:none; float:left;}


  

}




/* Landscape */

@media only screen 

  and (min-device-width: 768px) 

  and (max-device-width: 1024px) 

  and (orientation: landscape) 

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


.fair-trade {display:none;}

.fair-trade-res {display:block;width: 23%; float:left;}

.header-contact {width:100%; float:left; text-align:center;}

.header-contact a{width:33%; float:left; text-align:center;}

.header-contact a img { height:90px; width:auto; }
      
  
    .home-welcome-images img { width:33%!important; float:left;}

  
  .quote-con{ display:none!important;}
  
  .home-col li { width:50%; float:left;}
  
    .home-three-col li{ width:33%!important; float:left;}
  
  .why{padding-left:25px!important; float:left;}
  .why-list { padding:0px 20px;}
  .why-list li{ width:50%!important;}
  .check img {
    width: auto!important;
}
.review-2 img {
    width: 36%!important;
}
  
.page-container img{width: 100%;}

.page-container li img{ width:auto!important;}

.mobile-gallery li{ width:100%!important;}

.mobile-gallery li img{ width:100%!important; height:auto!important;}

#gallery li{ height:auto; width:50%!important; max-height:none; float:left;}

#gallery li img{width:100%; height:300px!important; max-height:none; float:left;}

.patio-img img{ width:100%!important;}

.inside-images img{ width:100%!important; margin-bottom:5px;}

.boxes .box-wrap{}

.boxes{ width:20%!important; float:left; text-align:center; position:relative; margin-top:30px;}

.welcome-video{ padding-top:20px!important;}

.why-choose{ width:50%;}


.mobile-email, .mobile-phone{ display:block;}

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

.header-contact{ display:none;}

.video-box{ width:auto; text-align:center;}

.video-box img{ width:90%;}

.video-box img:last-child{ width:50%;}

.footer span { width:auto;}

.inside-images img{ padding:5px;}

.footer{ padding:15px;}

.why-list li{ width:100%!important;}

.logo img{ margin-top:30px!important;}

#sticky.stick { width:97%;}
.header-logo {width: 100%}
.corc {
    width: 9%;
}
 .trust {
    width: 11%;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

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

{ 

.fair-trade {display:none;}

.fair-trade-res {display:block;width: 23%; float:left;}

.header-contact {width:100%; float:left; text-align:center;}

.header-contact a{width:33%; float:left; text-align:center;}

.header-contact a img { height:90px; width:auto; }

    .corc {
    width: 9%;
}

    .trust {
    width: 11%;
}

  .home-welcome-images img { width:33%!important; float:left;}


#sticky.stick { width:97%;}

.three-col li { width:50%;}

.quote-con{ display:none!important;}

.welcome-video{ width:100%;}
.welcome-text-1{ width:100%;}
.inside-images img{ padding:5px;}

  .home-three-col li{ width:33%!important; float:left;}

  .why{padding-left:25px!important; float:left;}
  .why-list { padding:0px 20px;}
  .why-list li{ width:100%!important; margin-bottom:10px;}
  
.video-box{ width:100%; text-align:center;}

.video-box img{ width:50%;}

.video-box img:last-child{ width:auto;}

.page-container img{width: 100%;}
.review-2 img {
    width: 36%!important;
}

.page-container li img{ width:auto!important;}

.mobile-gallery li{ width:100%!important;}

.mobile-gallery li img{ width:100%!important; height:auto!important;}

#gallery li{ height:auto; width:50%!important; max-height:none; float:left;}

#gallery li img{width:100%; height:300px!important; max-height:none; float:left;}

.patio-img img{ width:100%!important;}

.inside-images img{ width:100%; margin-bottom:5px;}

.boxes{ width:20%!important; float:left; text-align:center; position:relative; margin-top:30px;}

}


@media  screen and (min-width: 1920px) {





   .quick-quote{ padding-top:20px!important;}   

.quick-quote h1, .quick-quote h2{ text-transform:uppercase; margin-bottom:10px; margin-top:10px; font-size:22px; font-weight:bold;}

.quick-quote h5{  text-transform:uppercase; margin-bottom:10px; margin-top:10px!important;}



.quick-quote input{ width:90%; min-height:50px!important; border-radius:10px;  padding:10px; margin-bottom:10px; position:relative;}

.quick-quote textarea{ width:90%; height:100px!important; border-radius:10px; padding:10px;}




}