/*navbar for ipad screen*/



@media (max-width: 1200px) {















}






@media screen and (max-width: 576px) {
    .top-back  .container {
        padding: 0px;
    }
    .logo {
        padding: 0px;
    }

}









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



    .quick-box-form h6 {



    margin-top: 9px;



}



.res-logos img {



    width: 16%;



    border: 1px solid #ccc;



    padding: 6px;



    margin-right: 3px;



    height: 81px!important;



}



.quick-box-form .btn-default {



  



    margin-top: -23px;



}











    .quick-mobile {display: block;}







.quick-quote-wrap {



   



    height: 432px;



}











.carousel-inner {



    margin-top: -50px;



}



    .banner-col1 {



  



max-height: 173px;



  



overflow: hidden;



}







.quick-desk {display: none;}







    .confideration {



    width: 17%!important;



    margin-bottom:  10px;



}







.fmb-img .confideration {



    width: 41%!important;



    margin-bottom:  10px;



}







    .quick-link h4 {



        text-transform: uppercase;



        margin-left: 0px!important;



        text-align: center;



        border-bottom:#fff 1px solid; 



        padding-bottom:10px;



    }



    .welcome {



    display: none;



}



    .fmb-des{



        display: block;



        border: 2px solid #000;



    padding: 15px;



    margin-top: 20px;



    margin-bottom: 20px;



    }



    .welcome-des{



        display: block;



        padding-bottom: 10px;



        margin-top: 15px;



    }



    .welcome-des h4{



        text-align: center;



        font-weight: bold;



        margin-top: 0px;



    }



    .welcome-des p{



        text-align: justify;



    }



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







    .res-logos{display:block;text-align:center;margin-top: 20px;}







    .res-logos img {



width: 48%!important;



height: auto!important;



/* margin: 10px; */



margin-top: 10px;



/* height: 45px; */

}







    .welcome h4{font-size:22px;}







    .small-images img{ margin-top:10%;}







    .row{



        margin:0px;



    }



    .quote img {



    }



    .quote{







        display: block;



    }



    .quick-quote-wrap h2 {







        text-align: center;



    }



    .carousel-caption1{



        display: none;



    }



    .flat .col-md-2 {



        width: 100%;



    }



    .foot {



        margin-left: 0px;



    }







    .fmb-img {



        text-align: center;



    }







    .welcome h4 {







        text-align: center;



    }



    .quick-quote-wrap {



display: block;



background: #185aa4;



}



    .qulity img {



        width: 100%;



    }



    .welcome2 {







        margin-bottom: 10px;



    }



    .qulity iframe {



        height: 473px;



    }



    .quick-link h4 {



        text-transform: uppercase;



        margin-left: 38px;



    }



    .quick-li li {



        list-style: none;



        float: left;



        width: 50%;



        line-height: 30px;



        margin-bottom: 10px;



    }



    .why{/* background: #968ca8; */padding: 25px;height: 502px;}



    .contact-foot {



        border-top: 1px solid #ccc;



        padding-top: 15px;



        border-left: 0px;



    }



    .welcome img {



        width: 100%;



    }



    .why-choose ul li {



        width: 100%;



    }



    .fmb-img img{



        width: auto;



    }



    .check span {



        margin-top: -16px;



        position: absolute;



        line-height: 84px;



        float: left;



        font-weight: bold;



        font-style: italic;



        margin-left: -100px;



    }



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



    }



    .test-con {



        border: 1px solid #fff;



    }



    .test-con h2 {



        text-align: center;



        color: #fff;



        margin-top: 40px;



        font-size: 28px;



    }



    li{



        text-align: left;



    }



    .foot-img img {



        margin-top: 10px;



    }



    .welcome h1 {







    }



    .welcome-con ul li {







        width: 100%;







    }



    .message{



        padding: 0px!important;



    }



    .mobile-email{



        display:block!important;



        color: #ffffff;



        font-size:26px;



        position:absolute;



        left: 47%;



        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: #009c00;



}



    .video-wrap {



        margin-top: 15px;



    }



    .tab-wrap {



        margin-top: 15px;



    }



    .tab-green {



        margin-top: 0px;



    }











    .menu-bar {







        border-top: none;



    }







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



        text-align:center;



    }







    .two-col li{



        width:100%;



        text-align: left;



    }







    .inside-images{ 



        padding:10px!important; 



        margin:0px;



    }







    .quick-quote{



        display: block;



    }



    .tab {



        margin-top: 120px;



    }



    .welcome-li li{



        width: 100%;



        float: left;



    }



    .quick-box-form {



        margin-top: 0px;



    }



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



        text-align:center;



    }



    a {



        color: #737079;



        text-decoration: none;



    }



    .quick-img img {



        margin-top: 30px;



        width: 100%;



    }



    /*header*/











    .logo{



        text-align:center;



        z-index: 100;



    }







    .logo img {

        width: 92%;

    }















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



    }







    /*our services*/











    .welcome h2 {



        font-size: 26px;



        text-align: center;



        color: #6263e1;



        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;



    }











}   











/* Landscape */







@media only screen 







and (min-device-width: 768px) 







and (max-device-width: 1024px) 







and (orientation: landscape) 







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







.mobile-email {left: 48.5%;}







.quick-box-form .btn-default {



    margin-top: 5px;



}







    .confideration {



    width: 7%!important;



}







    .area-map iframe{



        height: 590px!important;



    }







    #sticky.stick {



        margin-top: 0 !important;



        position: fixed;



        top: 0;



        z-index: 10000;



        width: 100%;



        float: left;



        background: #737079;



        left: -20px;



    }







    .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: 20%;



    }



    .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: 25%;



    }



    .logo{



        width: 100%;



        z-index: 100;



    }







    .tab-content h4 {



        font-size: 18px;



    }







    .welcome-li li {



        width: 25%;



        float: left;



    }



    .address {



        color: #000;



        text-align: justify;



    }



    .tab-green h2 {



        text-align: center;



        padding-top: 60px;



        color: #fff;



        font-weight: bold;



    }







    .tab-green {



        background: #737079;



        height: 255px;



        border-radius: 10px;



        margin-top: -12px;



    }



    .review-logo img{



        width: 100%;



    }



    .contact-foot {



        border-left: 1px solid #ccc;



        padding-top: 15px;



        border-top: 0px;



    }



    .quick-li li {



        list-style: none;



        float: left;



        width: 52%;



        line-height: 26px;



        padding-bottom: 0px;



    }



    .carousel-inner>.item>a>img, .carousel-inner>.item>img {



        /* width: 50%; */



        /* margin-top: -100px; */



    }



    .welcome-con ul li {



        width: 50%;



    }



    .fmb-img img {



        width: 100%;



    }



    .flat .col-md-2 {



        width: 20%;



    }



    .quick-quote-wrap h2 {



        font-size: 24px;



        text-align: center;



    }



    .trustmark {



    width: 25%!important;



}



.banner-col1 {width:100%;}







.banner-col1 {



    max-height: 345px;



}







.res-logos img {



    width: auto;



    height: 78px;



}







}







@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 {left: 48.4%;}











.quick-box-form .btn-default {



    margin-top: 5px;



}











.res-logos img {



    width: auto;



    height: 63px;



}







.banner-col1 {



    max-height: 229px;



}







.banner-col1 {width:100%;}



    .confideration {



    width: 9%!important;



}







    .area-map iframe{



        height:250px!important;



    }







    .covering ul li{



        width:50%; 



        float:left;



    }



    .logos img {



        width: 33%;



    }







    #sticky.stick {



        margin-top: 0 !important;



        position: fixed;



        top: 0;



        z-index: 10000;



        width: 100%;



        float: left;



        background: #737079;



        left: -20px;



    }







    .foot-left, .foot-right{ 



        width:100%; 



        text-align:center;



    }



    .three-col li {



        width: 50%;



    }



    .two-col li {



        width: 50%;



    }



    .logo img {



width: 61%;



}



    .welcome-box p {



        margin-top: 40px;



        line-height: 40px;



    }



    .trade-img img{



        margin-top: 0px!important;



    }



    .welcome-box {



        margin-top: 20px;



    }



    .review-logo img{



        width: 100%;



    }



    .rating iframe {



        border: none;



        height: 326px;



    }.contact-foot {



        border-left: 1px solid #ccc;



        padding-top: 15px;



        border-top: 0px;



    }



    .quick-li li {



        list-style: none;



        float: left;



        width: 52%;



        line-height: 30px;



        margin-bottom: 0px;



    }



    .fmb-img img {



        width: 100%;



    }



    .carousel-inner>.item>a>img, .carousel-inner>.item>img {



        /* width: 72%; */



        /* margin-top: -100px; */



    }



    .quick-quote .btn-default{



        margin-top: 10px;



    }



    .flat .col-md-2 {



        width: 20%;



    }



    .two-prt li{



        width: 100%;



    }



    .quick-quote-wrap h2 {



        text-align: center;



    }



    .trustmark {



    width: 25%!important;



}



}