@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {



}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1366px) {
    .roof_product {
        width: 600px;
        position: relative;
        right: -56px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {

    .roof_product {
     
        right: -40px;
    }

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
  .lg_hide{
   display: none;
   } 

   .image_what_we_do{
     }

     .roof_product {
     
        right: 0px;
    }

    .prod_panels_section {
       
        height: 462px;

    }

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {
    .md_hide{
        display: none;
    }


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .mob_v1_hide{
        display:none;
    }

    .about_us_text_col{
        padding-top: 0;
        
        }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {



}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
.mob_small_hide{
    display: none;
}

.prod_panels_section {
    height: 619px;
}




}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .mob_whatimg{
        width: 280px;
    }


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {



}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {



}


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



}