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



}



@media screen and (max-width: 1024px) {
.certifications{ text-align:center;}
    .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: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: #0050b4;

    }





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

    .quick-quote{
        display:none;
    }

    .navbar-default .navbar-nav>li>a{
        text-align:center;
    }
    a {
        color: #0050b4;
        text-decoration: none;
    }

    /*header*/


    .logo{ 
        text-align:center;
    }

    .logo img {
        width: 80%;
    }

    

    .header{
        background:none;
        text-align: center;
    }
    .header-con h4{
      
        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%;
    }
    .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;
    }

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

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

    #sticky.stick {
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        z-index: 10000;
        width: 100%;
        float: left;
       background: #0050b4;
        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: 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: 60%;
}
.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)

{ 

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

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

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

    .foot-left, .foot-right{ 
        width:100%; 
        text-align:center;
    }
.three-col li {
    width: 50%;
}
.two-col li {
    width: 50%;
}
.logo img {
    width: 60%;
}

}


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



}