/*navbar for ipad screen*/

@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;



    }











}   









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

.landing-header .email-col1 h4{text-align:center;}
.landing-header  .London{

width: 100%;

}



.quick-3 {display: none;}
    .header-con h4{line-height: 27px;}

.email-col1 span{display: none;}

    html {

        height: auto!important;

    }
    .arrow-1{
    text-align: center;
}
    .waste-li li {
        width: 100%;

    }
    .tab-wrap{
        margin-top: 10px;
    }
    .tab-wrap-2{
        margin-top: 10px;
    }

    .waste img{
        width: 100%;
    }
    .drive-head ul li {
        text-align: center;
        list-style: inside;
        margin-left: -4em;
        line-height: 26px;
    }
    .why-choose img {
        width: 100%;
        margin-top: 10px;
    }
    .why-choose ul li{
        width: 100%;
    }
    input[type='text'],

    input[type='number'],

    textarea {

        font-size: 16px;

    }
    .test-con p{
        margin-top: 30px;
    }
    .foot-left {
        text-align: center;
        font-size: 13px;
    }

    .credit img {
        width: 70%!important;
    }
    .contact-form-2 .col-md-1, .contact-form-2 .col-md-2, .contact-form-2 .col-md-3, .contact-form-2 .col-md-4, .contact-form-2 .col-md-5, .contact-form-2 .col-md-6, .contact-form-2 .col-md-7, .contact-form-2 .col-md-8, .contact-form-2 .col-md-9, .contact-form-2 .col-md-10, .contact-form-2 .col-md-11, .contact-form-2 .col-md-12 { padding:0px!important;} 



    .ser-li li{

        width: 100%;



    }



    .desktop-table { display:none;}



    .mobile-table { display:block;}



    .menu-bar{    font-weight: bold;



                  color: #616161!important;

                  margin-top: auto;}



    #contact .page-container .col-md-6 {

        padding-left: 15px;

        padding-right: 15px;

    }



    .service-con li { width:100%; float:left;}



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



    .order-li { padding-left:0px;}



    .row{

        margin:0px;

    }



    .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-left:15px;

    }





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



    .mobile-phone{display:block!important;color: #000000;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: #fff;



        border-bottom: #FF0000 15px solid;

    }











    .menu-bar {



        border-top: none;

    }



    .page-container h1, .page-container h2{ 

        text-align:center;

    }



    .two-col li{

        width:100%;

    }



    .inside-images{ 

        padding:10px!important; 

        margin:0px;

    }





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

        text-align:center;

    }

    a {

        color: #0050b4;

        text-decoration: none;

    }

    .quick-quote .g-recaptcha {



        transform-origin: 137px 0px;

    }

    .quick-quote .btn-default{

        margin-bottom: 25px;

    }

    .why-choose-con{

        border-right: none;

    }

    /*header*/





    .logo{ 

        text-align:center;

    }



    .logo img {

        width: 60%;

    }







    .header{

        background:none;

        text-align: center;

    }

    .header-con{display: block;margin-top: 0px;}

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

    }



    .why-choose li {

        width: 100%;

        float: left;

        padding: 5px;

        font-size: 1.1em!important;

    }



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



    .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: center;

    }



    /*our services*/





    .welcome h2 {

        font-size: 26px;

        text-align: center;

        color: #6263e1;

        background-color: #f6f6f6;

        margin-top: 30px;

        padding: 10px;

    }



    .table-wrap {



        width: 100%;

    }



    /*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;

    }





}   





/* Landscape */



@media only screen 



and (min-device-width: 768px) 



and (max-device-width: 1024px) 



and (orientation: landscape) 



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

    .quick-3 {display: block;width: 10%;}

    .quick-quote-captcha {
   
    width: 80%;
}

.header-con {
    
    width: 100%;
}
.email-col1{
    
    width: 100%;
}


    .menu-bar{ width:100%;}



    .mobile-email, .mobile-phone { color:#716f6f!important;}



    .navbar-default .navbar-toggle .icon-bar { background-color:#fff!important;}





    .navbar-default .navbar-toggle .icon-bar {

        background-color: #716f6f;

    }



    .navbar-default .navbar-toggle .icon-bar {

        background-color: #888!important;

    }





    .area-map iframe{ 

        height:830px!important;

    }

    .waste-li li {
        width: 33%;

    }
    .skips-con .btn {
        margin-bottom: 20px;
    }
    #sticky.stick {

        margin-top: 0 !important;

        position: fixed;

        top: 0;

        z-index: 10000;

        width: 100%;

        float: left;

        background: #fff;

        left: -20px;

    }
    .service-con li {
        width: 50%;

    }
    .quick-quote .g-recaptcha {
        transform-origin: 0px 0px;
    }
    .tab-wrap {

        height: 355px;
    }
    .tab-wrap-2 {

        height: 355px;
    }


    .foot-left, .foot-right{ width:100%; text-align:center;}

    .social-link-fb {

        margin-top: -14px;

    }

    .social-link {

        margin-top: 30px;

        margin-left: 55px;

    }

    .page-container h4 {

        text-align: justify;

    }

    .logos img {

        width: 50%;

    }

    .three-col li {

        width: 33%;

    }

    .aboutus{

        margin-top: 20px;

    }

    .roofing p{

        font-size: 13px;

    }

    .two-col li {

        width: 50%;

    }

    .logo-image img{

        margin-top: 50px;

    }

    .logo img {width: 31%;}

    .logo{

        width: 100%;

    }

    .tabs .item-img{

        padding: 0px;

    }

}



@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait)



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



{ 



    .mobile-email, .mobile-phone { color:#716f6f!important;}



    .navbar-default .navbar-toggle .icon-bar { background-color:#fff;}





    .navbar-default .navbar-toggle .icon-bar {

        background-color: #716f6f;

    }
    .waste-li li {
        width: 33%;

    }

    .tab-wrap {

        height: 355px;
    }
    .tab-wrap-2 {

        height: 355px;
    }

    .area-map iframe{

        height:250px!important;

    }



    .covering ul li{

        width:50%; 

        float:left;

    }

    .logos img {

        width: 50%;

    }
    .skips-con .btn {
        margin-bottom: 20px;
    }
    .quick-quote-captcha {
        background: #ff0806;
        border-radius: 0px 0px 15px 15px;
        height: 100px;
    }
    .service-con li {
        width: 50%;
        float: left;
    }

    #sticky.stick {

        margin-top: 0 !important;

        position: fixed;

        top: 0;

        z-index: 10000;

        width: 100%;

        float: left;

        background: #FFFFFF;

        left: -20px;

    }



    .foot-left, .foot-right{ 

        width:100%; 

        text-align:center;

    }

    .three-col li {

        width: 50%;

    }

    .two-col li {

        width: 50%;

    }

    .logo img {width: 39%;}



}



/*

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





    .quick-quote{ 

        padding-top:100px!important;

    }   



    .quick-quote h1, .quick-quote h2{ 

        color:#fff; 

        text-transform:uppercase; 

        margin-bottom:10px; 

        margin-top:10px; 

        font-size:22px; 

        font-weight:bold;

    }



    .quick-quote h5{

        color:#5cbc51; 

        text-transform:uppercase; 

        margin-bottom:10px; 

        margin-top:10px!important;

    }







    .quick-quote input{ 

        width:90%; 

        min-height:50px!important; 

        border-radius:10px; 

        border:#006633 thin solid; 

        background-color: rgba(25, 49, 51, 0.9); 

        color:#FFFFFF; 

        padding:10px; 

        margin-bottom:10px; 

        position:relative;

    }



    .quick-quote textarea{ 

        width:90%; 

        height:200px!important; 

        border-radius:10px; 

        border:#006633 thin solid; 

        background-color: rgba(25, 49, 51, 0.9); 

        color:#FFFFFF; padding:10px;

    }







}



/*

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





    .quick-quote{

       padding-top:30px!important; 

    }   



    .quick-quote h1, .quick-quote h2{

        color:#fff; 

        text-transform:uppercase; 

        margin-bottom:10px; 

        margin-top:10px; 

        font-size:22px; 

        font-weight:bold;

    }



    .quick-quote h5{ 

        color:#5cbc51; 

        text-transform:uppercase; 

        margin-bottom:10px; 

        margin-top:10px!important;

    }







    .quick-quote input{ 

        width:90%; 

        min-height:50px!important; 

        border-radius:10px; 

        border:#006633 thin solid; 

        background-color: rgba(25, 49, 51, 0.9); 

        color:#FFFFFF; 

        padding:10px; 

        margin-bottom:10px; 

        position:relative;

    }



    .quick-quote textarea{ 

        width:90%; 

        height:100px!important; 

        border-radius:10px; 

        border:#006633 thin solid; 

        background-color: rgba(25, 49, 51, 0.9); 

        color:#FFFFFF; 

        padding:10px;

    }







}*/