/*navbar for ipad screen*/

@media (max-width: 1200px) {







}







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



.modal-body .h4, h4 {
    font-size: 15px;
}





#more-testimonials-button {



        width: 74%!important;

   

    margin-left: 12%!important;



}







    .quick-quote h4 {

   

    text-align: center;

}



    .welcome {

  

    margin-top: 10px;

}







    .badge-column {

        margin-top: 40px;

        margin-bottom: 127px;

    }





    .badge-col h4 {

   

    font-size: 15px;

}



.menu{

    padding: 0px;



}





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

    background-color: #fff;

}



.quality-col {

    text-align: center;

}

    

    .gallery-con h3{text-align:center;}

    

    

.gallery-con {padding:8px;}



    .res-builderlogos img{padding: 5px;}



    .res-builderlogos {text-align:center;display: block;}



    .carousel-caption2 {display: none;}



.carousal-responsive {display: block;}



.carousal-desk {display: none;}









    .carousel-caption2 {

        display: block;

        width: 60%;

        left: 0%;

        bottom: -3%;

    }

    .bark {

        width: 23%!important;

    }

    .mybuild {

        width: 39%!important;

    }

    .responsive-element { display:block;}



    .desktop-element { display:none;}



    .quick-quote .g-recaptcha { height:auto;}

    .welcome h1 {

        color: #a9392b;

        font-size: 24px;

        text-align: center;

    }

    .wel li {

    list-style: none;

    list-style-image: url(../images/tick.png);

    color: #b44135;

    font-weight: 700;

    line-height: 26px;

    margin-left: 87px;

    margin-top: 12px;

}

.mobile-disp

{

    display: none;

}

.mobile-disp2

{

    display: block;

}

    .border-ul {

        width: 100%;

        border: 1px solid #b5392d;

        padding: 5px;

        margin-top: 20px;

    }

    .hide-res{display:none!important;}

    .show-res{display:block!important;}



    .hide-res img{display:none!important;}

    .show-res img{display:block!important;}    



    /**/



    .welcome {

        padding: 0px 15px 0px 15px;

    }



    .quick-quote-wrap{position:relative; top:0; right:0;}



    .quick-quote{display:block;position:relative;width:100%;height:auto;right:0!important;top:0;margin-top: 15px;left: 0;background: rgba(180, 65, 53, 0.99);margin-bottom: 15px;}



    .quick-quote input, .quick-quote textarea{ width:100%;}



    .quick-quote .btn-default {

        position: relative;

        margin-top: -39px;

        width: 100%;

        margin-left: 0px!important;

    }



    .quick-quote img{ display:none;}



    /**/



    #contact .page-container{ width:100%!important;}





    .page-img img{ width:95%;}



    .welcome-mobile{ display:block; color:#b13b2f; text-align:center;}



    .welcome-desktop{ display:none;}



    section { height:auto;}



    .carousel-caption{ display:none;}



    .driveways-image{ padding-left:0px;}



    .driveway-2 { padding:0px;}



    .driveway-2 img{ width:97%;}



    .logo img{ margin-top:5px;}



    .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: #fff;font-size:26px;position:absolute;left: 47%;top:15px;}



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

    .four-col li {

        width: 100%;

    }





    #sticky {



        width: 100%;

        margin-left: 20px;





    }

    .banner-mobile img{

        width: 100%;

    }

    .banner-des{

        display: none;

    }

    .banner-mobile{

        display: block;

    }

    #sticky.stick {



margin-top: 0 !important;



position: fixed;



top: 0;



z-index: 10000;



width: 100%;



float: left;



background-color: #000;



left: -20px;

}











    .menu-bar {



border-top: none;



background: #000;



}



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



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



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

    .inside-img h2{

        text-align: center;

        color: #000;

    }

    .inside-img p{

        color: #b13b2f;

    }

    .logo img {



        margin-left: 0px;

    }

    .head {

        display: none;

    }

    .carousel-caption2{

        display: none;

        width: 60%;

        left: 0%;

        bottom: -3%;

    }





    .navbar-default .navbar-nav>li>a{ text-align:center;}



    .logo{ text-align:center;}



    .logo img{ width:80%;}



    .ph-info, .email-info{ display:none;}



    .header{ background:none;}



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



    .header-con{ background:none;}



    .glyphicon{ display:none;}



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



    .inside-img{



        background:none;



    }



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

    }

    .contact-form-2{

        padding: 10px;

        padding-right:5px;

    }

    .txt-send{

        text-align: center;

    }



    /*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) {





    .quality-col img {

    width: 9%;

}



    .quality-col {

        width: 100%;

    }





    .quick-quote .g-recaptcha {

        height: 59px;

    }



    .responsive-element { display:none;}



    .desktop-element { display:block;}



    .four-col li {

        width: 33%;

    }

    .two-col li {

        width: 50%;

    }





    /**/





    .quick-quote-wrap{position: absolute;top: -10px;right: 10%;}



    .quick-quote-wrap img{ position:absolute; top:0px; left:0px; width:100%; z-index:-1;}



    .quick-quote{



        width:400px;



        float:right;



        min-height:300px;



        position:absolute;



        z-index:1001;



        right:0;



        padding-bottom:8px;



        height:100vh;



        margin-top:20px;



        zoom:75%;



        left: 80%;

    }  /* green with opacity */



    .quick-quote .g-recaptcha {

        -webkit-transform: scale(0.53);

        transform: scale(0.53);

        transform-origin: 100px 0px;

        -webkit-transform-origin: 50px 0px;

        margin: 0px;

        padding: 0px;

        margin-top: 10px;

        -ms-transform: scale(0.53);

        -ms-transform-origin: 100px 0px;

    }



    .quick-quote .btn-default {

        position: relative;

        margin-top: 11px;

        width: 90%;

        margin-left: 0px!important;

    }



    /**/



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



    #sticky.stick {

        margin-top: 0 !important;

        position: fixed;

        top: 0;

        z-index: 10000;

        width: 100%;

        float: left;

        background-color: #000;

        left: -20px;

    }

    .logo img {

        width: 29%;

    }

    .logo{

        width:100%;

    }

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

    .wel{

        margin-left: 0%;

    }

    .border-ul {

        width: 35%;

        border: 1px solid #b5392d;

        padding: 5px;

        margin-left: 295px;

    }

    .menu{

        width: 100%;

    }

    .bark {

    width: 16%!important;

}

.mybuild {

    width: 21%!important;

}

.carousel-caption2 {

    display: block;

    width: 55%;

    left: 0%;

    bottom: -3%;

}

}







@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait)



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



{ 



.badge-col {

display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.quality-col img {

    width: 15%;

    }









.bark {

    width: 15%!important;

}

.mybuild {

    width: 21%!important;

}

    .quick-quote .btn-default {

        position: relative;

        margin-top: 10px;

        width: 100%;

        margin-left: 0px!important;

    }



    .responsive-element { display:none;}



    .desktop-element { display:block;}



    /**/



    .border-ul {

        width: 50%;

        border: 1px solid #b5392d;

        padding: 5px;

        margin-left: 200px;

    }

    .quick-quote-wrap{position: absolute;top: -10px;right: 10%;}



    .quick-quote-wrap img{ position:absolute; top:0px; left:0px; width:100%; z-index:-1;}



    .quick-quote{



        width:400px;



        float:right;



        min-height:300px;



        position:relative;



        z-index:1001;



        right:0!important;



        padding-bottom:8px;



        height:100vh;



        margin-top:20px;



        zoom:55%;

    }  /* green with opacity */



    /**/



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



    .covering ul li{ width:50%; float:left;}



    #sticky.stick {

        margin-top: 0 !important;

        position: fixed;

        top: 0;

        z-index: 10000;

        width: 100%;

        float: left;

        background-color: #000;

        left: 0px;

    }

    #sticky {

        margin-left: 0px;

    }

    .four-col li {

        width: 100%;

    }

    .two-col li {

        width: 100%;

    }

    .logo img {

        width: 40%;

    }

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





}





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





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



    .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; padding:10px; margin-bottom:10px; position:relative;}



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







}





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





    .quick-quote{ padding-top:30px!important; right: -70px;}   



    .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;  padding:10px; margin-bottom:10px; position:relative;}



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







}