/*navbar for ipad screen*/
@media (max-width: 1200px) {



}



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



.four-col span{ margin-right:0px;}

.welcome-con h1{ text-align:center;}


.builder-logos-pc { display:none;}

.builder-logos-mobile { display:block;}

.builder-logos-mobile img { width:100%;}

.builder-logos-mobile .quick-quote{ position:relative; margin-top:15px!important; bottom:15px;}


.logos-con ul li { width:50%;}

.gallery-con ul { padding-left:0px; margin-left:0px;}

.list-of-3, .list-of-4, .list-of-2, .list-of-1 {
    -moz-column-count: 1;

    -webkit-column-count: 1;

    column-count: 1;

	line-height:24px;
} 
.testimonials-con h1 { font-size:22px;}

.home-tab { border:none!important; border-bottom:1px solid red!important; border-left:none!important;}

.cert-con { display:none;}

.inner-quote-box { display:block!important;}

.welcome-con ul li { float:left; width:100%!important;}

.inside-images { padding:0px!important; margin:0px;}

.page-img { padding:0px!important; margin:0px;}

.inner-tabs  .home-tab {border:none!important; border-bottom:1px solid red!important;}

.inner-quote-box .quick-quote{ display:none;}

.video-wrap { padding:0px!important;}

.map-wrap { padding:0px!important;}

.map-wrap iframe{ height:auto;}

.video-wrap iframe{
    height: auto;
}


body#area a#areanav,
body#gallery a#galnav,
body#contact a#contactnav,
body#guttering a#gutternav,
body#repairs a#repairnav,
body#flat a#flatnav,
body#roofing a#roofnav,
body#home a#homenav
{

    color: red;

    border-bottom: none;
	
	background:none;
}
    .footer-top {
    background: #080808;
    margin-top: 30px!important;
}
    .footer-logos img{
        
width: 40%;
    }
    .quick-quote p {
        line-height: normal!important;
    }
    .check-customer{
        text-align: center;
    }
    .review-2{
        text-align: center;
    }

    .video-wrap video {
        width: 336px;
    }
    .res-confid{
        display: block;
        width: 100%!important;
    }
    .res-trust{
        display: block;
        width: 100%!important;
    }



    .thom-logo {
        width: 23%;
    }
    .yell-logo {
        width: 27%;
    }
    .header-logo {display: block;}

    .responsive-yell {display: block;}

    .page-container ul{}

    .review_mobile{ display:block;}
    .review_desktop{ display:none;}

    .footer-top-con ul li {
        line-height: 26px;
        width: 50%;
    }
    .corc-logo{
        text-align: center;
    }
    .wel-logos img {
        width: 25%;
        padding: 10px;
    }
    .video-con h2 {

        margin-top: 15px;

    }
    .trust {
        width: 45%;
    }
    .confid {
        width: 45%;
    }
    .foot-contact {
    }

    .f-trust{

        width: 20%;

    }
    .f-corc{

        width: 16%;

    }
    .yell{

        width: 33%;

    }
    .thomson{

        width: 28%;

    }
    .tab-con h4 a {
        font-size: 17px;
        color: #ffffff;
        text-decoration: none;
        margin-top: 25px;
    }
    .welcome-con span {
        color: #101010;
        font-size: 19px;
    }
    .npweb {
        text-align: center;
    }
    .footer-top-con ul li {
        text-align: left;
    }
    .corc-con img {
        width: 50%;
    }
    .con-address h6 {

        text-align: left;
    }
    .roof-head h1 {
        font-size: 16px!important;
        margin-top: -17px!important;
        line-height: 25px!important;
    }
    .quote-header h4 {
        font-size: 22px;
    }

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

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

        text-align: left;
    }
    .page-container ul li {
        /* line-height: 34px; */
        text-align: left;
    }
    .tab-con h4 {
        background-position-x: 40px;
    }
    .why-choose {
    }
    .welcome h4 {
        font-weight: bold;
        font-size: 15px;
    }
    .inner-logos img {
        padding: 15px;
        width: 30%;
    }
    .home-logo img {
        width: 40%;
        padding: 10px;
        margin-top: 0px;
    }
    .video {
        background: #e6e6e6;
        width: auto;
    }

    .footer-top-con ul{
        padding:0px;
        margin-left: 17px;
    }
    .footer-top-con h5 {

        font-size: 17px;

    }
    .tab-bottom ul li {
        width: 100%;

    }

    .tab-con p {
    }

    .area-map{
        display: none;
    }
    .area-mobile{
        display: block;
    }
    .area-map {
        display: block;
    }
    .area-mobile img{
        width: 100%;
    }
    .why-choose h3 {
        font-size: 22px;
    }
    .quick-quote h6 {
        margin-top: 20px;
        text-align: left;
    }


    .head img {
    }
    .tab-con img {
        width: 30%;
    }
    .quote-header{
        display: block;
    }
    .modal {
        z-index: 20000;

    }
    .four-col li {
        width: 100%;
    }
    .quick-quote .btn-default {

        margin-top: -10px;

    }


    .carousel-caption1  { display:none;}


    .quote-header h3{
        display: block;
        margin-top: 0px;
        margin-bottom: 20px;
        font-weight:  bold;
        font-size:  20px;
        color: #f66603;
        text-align: center;
    }

    .video-wrap iframe {
        width: 100%;
        height: 215px;
        margin-top: 0px;
    }
    .testimonial-con {
        margin-top: 0px;
    }
    .quick-quote-wrap {
        position: relative;
        top: 0px;
        right: auto;
    }
    .email{
        display: none;
    }
    .phone{
        display: none;
    }
    .welcome-head h1 {
        margin-top: -30px;
        font-size: 20px;
        line-height: 40px;
        font-weight: bold;
        color: #58a245;
        position:  relative;
        margin-left: 0px;
    }
    .logo img{

    }

    .row{
        margin:0px;
    }
    .tab-con{
        margin-top: 5px;
    }
    .rated-logo img {
        width: 49%!important;
    }
    .con-address h5{
        font-size: 17px;
    }
    .why-choose img {
        width: 100%;
        padding: 15px;
    }
    .foot-con img {
        width: auto;
    }
    .welcome-con ul li {
        width: 100%;
        text-align:  left;
    }


    .tab-img img {
        width: 100%;
        margin-top: 15px;
    }

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

    .header img {

    }
    .welcome img {
        /* width: 100%; */
        padding-bottom: 0px;
    }
    .why-choose ul li {
        width: 100%;
    }
    .page-container .col-md-12, .page-container .col-md-11, .page-container .col-md-10, .page-container .col-md-9, .page-container .col-md-8, .page-container .col-md-7, .page-container .col-md-6, .page-container .col-md-5, .page-container .col-md-4, .page-container .col-md-3, .page-container .col-md-2, .page-container .col-md-1

    {
        padding: 0px!important;
    }
    .test-con {
    }
    .why-choose h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 40px;
    }
    /*    li{
            text-align: left;
        }*/
    .foot-img{
        text-align:center;
    }
    .welcome h1 {

        font-size: 18px;

    }

    .message{
        padding: 0px!important;
    }
    .mobile-email{
        display:block!important;
        color: #ffffff;
        font-size:26px;
        position:absolute;
        left:45%;
        top:15px;
    }

    .mobile-phone{
        display:block!important;
        color: #fff;
        font-size:26px;
        position:absolute;
        left:10%;
        top:15px;
    }

    #sticky {
        width: 100%;
        left:-20px;
    }

    #sticky.stick {

        margin-top: 0 !important;

        position: fixed;

        top: 0;

        z-index: 10000;

        width: 100%;

        float: left;

        background: #101010;




    }
    .video-wrap {
        margin-bottom: 20px;
    }
    .tab-wrap {
    margin-top: 20px;
    }
    .tab-wrap1{
        margin-top: 20px;
    }


    .menu-bar {

    }

    .page-container h1, .page-container h2{
        text-align: left;
    }

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

    .inside-images{ 
        padding:0px!important; 
        margin:0px;
    }

    .quick-quote{

        width: 100%;

        margin-top: 65px;

        padding-bottom: 25px;

        background-repeat: no-repeat;

    }
    .tab {
    }
    .welcome-li li{
        width: 100%;
        float: left;
    }
    .quick-box-form {
        margin-top: 0px;
    }
    .navbar-default .navbar-nav>li>a{
        text-align:center;
    }
    a {
        color: #f02c25;
        text-decoration: none;
    }
    .quick-img img {
        margin-top: 30px;
        width: 100%;
    }
    /*header*/


    .logo{
        text-align:center;
    }

    .logo img {
        width: 60%;
        margin-bottom: 10px;
    }



    .header{
        background:none;
        /* text-align: center; */
    }
    .header-con{

        display: none;
    }
    .txt-send{
        text-align: center;
    }

    .four-col-img{ 
        margin-top:20px!important;
    }

    .container img-sec{
        margin-top:20px;
    }

    .four-col-img h1{    
        font-size: 14px;                    
        width: 100%;
    }
    .four-col-img h1 { 
        margin-left:0px; 
        text-align:center; 
        width:100%; 
        position:relative; 
        padding-left:0px;
    }
    .testimonial{
        height: auto;
    }
    .why-choose li{
        width: 100%;
        text-align: left;
    }
    .glyphicon{ 
        display:block;
    }

    .three-col li{ 
        width:100%; float:left;
    }

    .inside-img{

        background:none;

    }
    .row{
        margin: 0px;
    }
    .logos img{
        width: 80%;
    }
    .page-container .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-container h4{

        text-align:  left;
    }

    /*our services*/


    .welcome h2 {
        font-size: 26px;
        text-align: center;
        /* background-color: #f6f6f6; */
        /* margin-top: 30px; */
        /* padding: 10px; */
    }
    .tab-items .item:hover .btn-lg{

        background-color:#ff6600; 
    }

    .tab-items h2 {
        color: #403a68;
        font-size: 20px;
        font-weight: bold;
        margin-top: 0px;
        padding: -4px;
    }


    /*testmonial*/


    .testmonial h1 {
        font-size: 32px;
        color: #2d2e6e;
        padding-top: 10px;
    }

    .testmonial {
        text-align: center;
        background: #f6f6f6;
        height: auto;
        margin-top: 20px;
    }
    .logos-top {
        margin-top: 35px;
        text-align: center;
        width: 100%;
    }
    .box{
        margin-bottom: 30px;
    }
    /*footer*/


    .footer{ 
        text-align:center;
    }

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

    .foot-right{ 
        float:none; 
        text-align:center;
    }

    .footer font{ 
        float:none; 
        text-align:center;
    }


    .dropdown-menu {
        position: relative;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: block;
        float: left;
        width: 100%;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: center;
        list-style: none;
        background-color: transparent; 
        -webkit-background-clip: padding-box;
        /* background-clip: padding-box; */
        border: none; 

        /* border-radius: 4px; */
        /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
        box-shadow:none; 
    }
    /*carosal*/
    .carousel-caption{
        display: none;
    }
    .carousel-caption2{
        display: none;
    }
    /*gallery*/

    .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;
    }

    .area-map iframe{ height:250px!important;}

}





@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;
        height: auto!important;

    }


    .collapse.in {
        display: block !important;
        max-height:700px;
        position:relative;
        overflow:scroll;
    }
    .why-choose-con {
        border-right: none;
    }
    .tab-con h3 {
    }



}   


/* Landscape */

@media only screen 

and (min-device-width: 768px) 

and (max-device-width: 1024px) 

and (orientation: landscape) 

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


.logos-con ul li {
    width:16%;
}

.list-of-3, .list-of-4, .list-of-2 {
    -moz-column-count: 2;

    -webkit-column-count: 2;

    column-count: 2;

	line-height:24px;
} 



.video-wrap { padding:5px!important;}

.map-wrap { padding:5px!important;}

.map-wrap iframe{ height:330px;}

.video-wrap iframe{
    height: auto;
}

    .review_mobile{ display:none;}
    .review_desktop{ display:block;}

    .page-img .col-md-2 {
    }
    .why-choose img {
        width: 70%;
        padding: 15px;
        margin-top:0px;
    }
    .carousel-caption2 {
        display: none;
    }
    .quick-quote-wrap {
        position: absolute;
        top: 0px;
        right: 10%;
    }
    .quote-header{
        margin-bottom: 25px;
    }

    .quick-quote{

        height: auto;

        margin-top: 10px;

    }
    .quick-quote .btn-default{position:relative;margin-top: 0px;}

    .area-map iframe{ 
        height:830px!important;
    }

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

    .inner-tab h4{
        text-align: center!important;
    }
    .foot-left, .foot-right{ width:100%; text-align:center;}

    .page-container h4 {
        text-align: justify;
    }
    .logos img {
        width: 20%;
    }
    .three-col li {
        width: 33%;
    }
    .page-img .col-md-2 {
    }

    .two-col li {
        width: 50%;
    }
    .logo-image img{
        margin-top: 50px;
    }
    .logo img {
        width: 30%;
    }
    .logo{
        width: 100%;
    }

    .tab-content h4 {
        font-size: 18px;
    }

    .welcome-li li {
        width: 25%;
        float: left;
    }

    .review-logo img{
        width: 100%;
    }
    .rating iframe {
        border: none;
        height: 325px;
    }
    .why-choose ul li {
        line-height: 28px;
        width: 50%;
        font-size: 13px;
    }
    .why-choose h2 {
        font-size: 19px;
        text-align: center;
    }
    .welcome-con ul li {
        width: 48%;
    }


    .video-wrap iframe {

height: 330px;

}
    .quick-quote input{
    }
    .carousel-caption1 h3 {
        font-size: 22px;
        color: #b80d31;
        font-weight: bold;
        line-height: 34px;
    }
    .carousel-caption1 {
        display: block;
        zoom: 90%;
    }
    .four-col li {
        width: 50%;
    }
    .tab-con img {
        width: 35%;
    }
    .tab-con h3 {
        margin-bottom: 0px;
    }
    .corc-con img {
        width: 100%;
        margin-top: 25px;
    }
    .area-map{
        display: block;
    }
    .area-mobile{
        display: none;
    }

    .footer-top-con ul li {
        font-size: 15px;
        width: 50%;
        float: left;
        line-height: 44px;
    }
    .tab-bottom ul li {
        width: 50%;
    }
    .header-logo {
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    .fmb {
        width: 10%!important;
    }
    .trust {
    }
    .trustmark {
        width: 22%!important;
    }
    .welcome-head h1 {
        margin-top: -100px;
        font-size: 20px;
        line-height: 40px;
        font-weight: bold;
        color: #58a245;
    }
    .home-logo img {
        width: 40%;
        padding: 10px;
        margin-top: -25px;
    }
    .tab-con h4 {
        background-position-x: 25px;
    }
    .tab-con p {
    }
    .tab-wrap {
        margin-bottom: 20px;
    }
    .video {
    }
    .why-choose {
    }
    .roof-head h1 {
        font-size: 16px!important;
        margin-top: -80px!important;
        line-height: 25px!important;
    }
    .f-trust{

        width: 39%;

    }
    .f-corc{

        width: 33%;

    }
    .yell{

        width: 42%;

    }
    .thomson{

        width: 29%;

    }
    .foot-logo {
        text-align: center;
    }
    .carousel-caption1 {

        top: 10%;
        width: 30%;
        right: 1%;

    }
    .head-res{
        width: 100%;
    }
    .confid {
        width: 11%;
    }
    .video-con h2 {
        margin-top: 20px;
    }
    .foot-contact {
        text-align: left;
    }

    .video-wrap video {
        width: 290px;
    }

    .thom-logo {
        width: 20%;
    }

    .yell-logo {
        width: 22%;
    }

    .header-logo img {
        padding: 2px;
        width: 30%;
    }
    .tab-wrap1 {
        margin-top: 20px;
    }
	
	
.inner-quote-box .quick-quote{display:block;zoom:70%;bottom: -130px!important;}

.listhome { width:50%; float:left;}

.listhome-li
{
-moz-column-count: 1!important;

    -webkit-column-count: 1!important;

    column-count: 1!important;

	line-height:30px!important;

}


.home-quote{ width:50%; float:left;}

.welcome-con ul li {line-height: 37px;}


.builder-logos-mobile{ text-align:center;}
.builder-logos-mobile img {
    width: 60%;
}


.quote-ipad .col-md-12, .quote-ipad .col-md-11, .quote-ipad .col-md-10, .quote-ipad .col-md-9, .quote-ipad .col-md-8, .quote-ipad .col-md-7, .quote-ipad .col-md-6, .quote-ipad .col-md-5, .quote-ipad .col-md-4, .quote-ipad .col-md-3, .quote-ipad .col-md-2, .quote-ipad .col-md-1 {
padding:0px 10px 0px 10px!important;
}

}

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

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

{ 


.quote-ipad .col-md-12, .quote-ipad .col-md-11, .quote-ipad .col-md-10, .quote-ipad .col-md-9, .quote-ipad .col-md-8, .quote-ipad .col-md-7, .quote-ipad .col-md-6, .quote-ipad .col-md-5, .quote-ipad .col-md-4, .quote-ipad .col-md-3, .quote-ipad .col-md-2, .quote-ipad .col-md-1 {
padding:0px 10px 0px 10px!important;
}

.builder-logos-mobile{ text-align:center;}
.builder-logos-mobile img {
    width: 60%;
}

.inner-quote-box .quick-quote{ display:block; zoom:60%; bottom:-80px!important;}

.logos-con ul li {
    width: 33%;
}

.list-of-3, .list-of-4, .list-of-2 {
    -moz-column-count: 2;

    -webkit-column-count: 2;

    column-count: 2;

	line-height:24px;
} 


.listhome-li
{
-moz-column-count: 1;

    -webkit-column-count: 1;

    column-count: 1;

	line-height:24px;

}

    .yell-logo {
        width: 22%;
    }


    .thom-logo {
        width: 19%;
    }

    .video-wrap video {
        width: 213px;
    }


    .review_mobile{ display:none;}
    .review_desktop{ display:block;}


    .footer-top-con ul li {
        line-height: 22px;
        width: 100%;
    }
    .page-img .col-md-2 {
    }
    .why-choose ul li{ width:50%!important; float:left;}

    .carousel-caption1 {
        display: block;
    }

    .review img {
        margin-top: 15px;
        width: 100%;
    }

    .tab-wrap ul li {
        text-align: justify;
        list-style-type: square;
        font-size: 10px;
        font-weight: bold;
        color: #003466;
        line-height: 25px;
        list-style: inside;
        list-style-image: url(../images/tick.png);
    }
    .carousel-caption2 {
    }

    .quick-quote{

margin-top: 0px;

height: auto;
}

    .quick-quote .btn-default{position:relative;margin-top: 0px;}

    .area-map iframe{
        height:250px!important;
    }

    .covering ul li{
        width:50%; 
        float:left;
    }
    .logos img {
        width: 33%;
    }
    .welcome img {
        /* width: 100%; */
        /* height: 340px; */
    }
    #sticky.stick {
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        float: left;
        background: #101010;
        left: -20px;
    }

    .foot-left, .foot-right{ 
        width:100%; 
        text-align:center;
    }
    .three-col li {
        width: 50%;
    }
    .two-col li {
        width: 50%;
    }
    .logo img {
        width: 45%;
    }
    .welcome-box p {
        margin-top: 40px;
        line-height: 40px;
    }
    .rated-logo img {
        width: 49%!important;
    }
    .review-logo img{
        width: 100%;
    }
    .rating iframe {
        border: none;
        height: 326px;
    }
    .welcome-con ul li {
        width: 47%;
        float: left;
    }

    .tab-wrap p {
        font-size: 14px;
        line-height: 26px;
    }
    .man-logo img {
        width: 24%;
        padding: 0px;
    }
    .blue-box{
        margin-top: 5px;
    }

    .foot-add h5 a span {
        color: #337ab7;
        font-size: 13px;
    }

    .video-wrap iframe {
        height: 335px;
        margin-top: 0px;
    }
    .four-col li {
        width: 50%;
    }
    .tab-con img {
        width: 35%;
        margin-top: 20px;
    }
    .tab-wrap1 {
        margin-top: 25px;
    }
    .tab-wrap {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .corc-con img {
        width: 100%;
        margin-top: 25px;
    }
    .footer-top-con h5 {
        font-size: 17px;
    }
    .header img {

    }
    .fmb {
        width: 14%!important;
    }
    .trust {
    }
    .confid {
        width: 14%;
    }
    .welcome-head h1 {
        margin-top: -75px;
        font-size: 26px;
    }
    .tab-con h4 {
        background-position-x: -12px;
    }
    .video {
        background: #e6e6e6;
    }
    .roof-head h1 {
        font-size: 16px!important;
        margin-top: -55px!important;
        line-height: 25px!important;
    }
    .f-trust{

        width: 42%;
    }
    .f-corc{

        width: 36%;
    }
    .yell{

        width: 55%;
    }
    .thomson{

        width: 41%;
    }
    .video-con img {
        margin-top: 20px;
    }
    .video-con {
        margin-top: 15px;
    }
    .quick-quote .g-recaptcha {
        webkit-transform: scale(0.53);
        transform: scale(0.50);
        transform-origin: 100px 0px;
        -webkit-transform-origin: 0px 0px;
        padding: 0px;
        -ms-transform: scale(0.53);
        -ms-transform-origin: 0px 0px;
    }
    .carousel-caption1 {

        top: 15%;
        width: 31%;
        right: 1%;

    }
    .video-con h2 {
        margin-top: 2px;
    }
    .foot-logo {

        text-align: center;
    }
    .foot-contact {
        text-align: left;
    }
    .header-logo img {
        padding: 2px;
        width: 35%;
    }
    .footer-logos img{
        
width: 19%;
        
margin-bottom: 45px;
    }
    .footer-top-con h6 a {
    font-size: 11px;
}
}