*{
	margin: 0;
	padding: 0;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


    header{
        background-image: linear-gradient(to top,#FAFBFD,#E5F2F8,#DEF1F7,#97D4E6,#7ECAE1);
        overflow: hidden;
    }

    .header-wrapper{
        max-width: 925px;
        margin: auto;
        overflow-x: hidden;

    }

    .left{
        float: left;
        position: relative;
        margin-top: 50px;
        padding-left: 0px;
    }

    .head-image{
        max-width: 400px;
        /*background: red;*/
        width: 100%;
    }

    #logo-p4-Plumbing{
    
    }

    .head-slogan{
        color: #0E77AE;
        font-family: 'Seaweed Script', cursive;
        font-size: 25px;
        margin-bottom: 20px;
    }
    .right{
       float: right;
       position: relative;
       margin-top: 50px;
       padding-right: 0px;
    }

    .head-question{
        color: #F80604;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Tauri', sans-serif;
     
    }

    .head-contact-details{
        font-family: 'Mako', sans-serif;
        font-size: 25px;
        font-style: italic;
        color: #006BAC;
        margin-top: 40px;
    
    }
    .bar1{
        background-color: #FE0000;
        width: 100%;
        height: 18px;
    
    }
    .bar2 {
        background-color: #C2E4EF;
        width: 100%;
        height: 18px;
    }

    .max-width-body-content{
        max-width: 950px;
        margin: auto;
    }

   .categories {
        padding: 20px 0px 10px 0px;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
       

    .box{
        max-width: 100%;
        width: 35%;
        text-align: center;
        font-family: 'Palanquin', sans-serif;
        font-weight: bold;
        color: #009AC2; 
    }

    #logo-Plumbing-maintenance{
       -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
       border-radius: 15px;
    }

    #logo-Plumbing-kitchens{
       -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
       border-radius: 15px;
   
    }

    #logo-Plumbing-bathrooms{
       -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
       border-radius: 15px;
  
    }   
    .body-main-content {
        max-width: 880px;
        margin: auto;
    }  
    .body-slogan{
        font-family: 'Hind Guntur', sans-serif;
        font-style: italic;
        font-size: 25px;
        color: #FE221F;
        text-align: center;
        padding-bottom: 10px;
    }

    .about-us-title {
        font-family: arial;
        color: white;
        background-color: #00A3C6;
        text-align: center;
        max-width: 115px;
        padding: 10px;
        width: 100%;
        border-radius: 7px;
    }

    text{
        color: #00A3C6;
    }

    .about-us-text{
        padding: 5px 0px 20px 2px;
        line-height: 25px;
        font-size: 15px;
        font-family: 'Montserrat', sans-serif;
    }
   
    .rates-title{
        font-family: arial;
        color: white;
        background-color: #00A3C6;
        text-align: center;
        max-width: 115px;
        padding: 10px;
        width: 100%;
        border-radius: 7px;
    }

    .rates-text{
       display: inline-block;
       padding: 5px 0px 20px 2px;
       line-height: 25px;
       font-size: 15px;
       font-family: 'Montserrat', sans-serif;
    }
    
    .our-services-title{
       font-family: arial;
       color: white;
       background-color: #00A3C6;
       text-align: center;
       max-width: 151px;
       padding: 10px;
       width: 100%;
       border-radius: 7px;
    }

    .our-services-text{
       display: inline-block;
       padding: 5px 0px 20px 25px;
       line-height: 25px;
       font-size: 15px;
       font-family: 'Montserrat', sans-serif;
    }

    li{
        color: red;
        font-size: 22px;
    }

    .bullet-span{
        color:black;
        font-size: 15px;
    }
    .bottom-slogan{
        display: inline-block;
        color: #10A2D3;
        font-family: "Hind Guntur", sans-serif;
        font-size: 25px;
        padding-bottom: 20px; 
    }


    .body-contact-details{
       padding-bottom: 50px;
       font-family: 'Montserrat', sans-serif;
       font-size: 16px;
       line-height: 28px;
    }

    a {
    color: #000;
    text-decoration: none;
    }

    a:hover{
    color: #00A3C6 
    }

    .facebook-link:after{
        font-family: fontawesome;
        content: '\f082';
        font-size: 33px;
        vertical-align: middle;
        color: #3b5998;     
    }
    .max-width-footer {
        max-width: 900px;
        width: 100%;
        margin: auto;
        position: relative;
        background-image: url(/IMAGES/p4Plumbing-right-corner-image-latest.png);
        background-position: bottom right;
        background-size: 300px;
        background-repeat: no-repeat;
        padding-top: 241px;
        margin-top: -230px;
        z-index: -1;
    }
    .associated-companies-logos {
        position: relative;
        float: none;
        padding-bottom: 25px;
        margin-left: 0px;
    }

    .design-web2web{
        padding-top: 30px;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
    
    }
    
@media screen and ( max-width: 449px ) {
    .head-image {
        width: 100%;
        max-width: 400px !important;
        margin: 0px auto;
        padding: 10px;
    }
    #logo-p4-Plumbing {
        /*height: auto !important;*/
        width: 100%;
    }
    
    .head-slogan {
        color: #0E77AE;
        font-family: 'Seaweed Script', cursive;
        font-size: 25px !important;
        margin-bottom: 20px !important;
        text-align: center;
}

        
    .left {
        float: none;
        padding-left: 0;
        width: 100%;
        max-width: 500px;
        /*background: red;*/
        margin: 0px auto;
    }
    
    .head-question {
        color: #F80604;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Tauri', sans-serif;
        text-align: center;
}


    .head-contact-details {
        font-family: 'Mako', sans-serif;
        font-size: 25px;
        font-style: italic;
        color: #006BAC;
        margin-top: 20px !important;
        text-align: center;
        margin-bottom: 20px;
}
    
    .right {
        padding-right: 0px;
        /*background: yellow;*/
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
    }
   
    .categories {
        padding: 20px 0px 10px 0px; 
        display: block !important;
        overflow: hidden;
        justify-content: center;
    }
    
    .box {
        float: none;
        width: 100%;
        text-align: center;
        font-family: 'Palanquin', sans-serif;
        font-weight: bold;
        color: #009AC2; 
       }
}

@media screen and ( max-width: 499px ) {
  
    .head-image {
        width: 100%;
        max-width: 400px !important;
        margin: 0px auto;
        padding: 10px;
    }

    #logo-p4-Plumbing {
        height: auto;
        width: 100%;
    }
    
    .head-slogan {
        color: #0E77AE;
        font-family: 'Seaweed Script', cursive;
        font-size: 25px !important;
        margin-bottom: 20px !important;
        text-align: center;
}

        
    .left {
        float: none;
        padding-left: 0;
        width: 100%;
        max-width: 500px;
        /*background: red;*/
        margin: 0px auto;
    }
    
    .head-question {
        color: #F80604;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Tauri', sans-serif;
        text-align: center;
}


    .head-contact-details {
        font-family: 'Mako', sans-serif;
        font-size: 25px;
        font-style: italic;
        color: #006BAC;
        margin-top: 20px !important;
        text-align: center;
        margin-bottom: 20px;
}
    
    .right {
        padding-right: 0px;
        /*background: yellow;*/
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
    }
   
   
    .categories {
        padding: 20px 0px 10px 0px; 
        display: block !important;
        overflow: hidden;
        justify-content: center;
    }
    
    .box {
        float: none;
        width: 100%;
        text-align: center;
        font-family: 'Palanquin', sans-serif;
        font-weight: bold;
        color: #009AC2; 
       
    } 
    
    .body-main-content {
        display: inline-block;
        margin-left: 0;
        margin-left: 10px;
    }
   .bottom-slogan {
        display: inline-block;
        width: 100%;
        color: #10A2D3;
        font-size: 25px;
        padding-bottom: 20px;
        margin-left: 0px;
    }
    
    .body-contact-details {
        padding-bottom: 70px;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        line-height: 28px;
        margin-left: 0;
    }
    
    .max-width-footer{
        max-width: 1024px;
        width: 100%;
        margin: auto;
        background-image: url(/IMAGES/p4Plumbing-right-corner-image-latest.png);
        background-position: bottom right;
        background-size: 300px;
        background-repeat: no-repeat;
        padding-bottom: 273px;
        margin-top: -230px;
         
     }
    .associated-companies-logos {
       padding-left: 0px;
     }
    
    #franke-logo-1{
        max-width: 180px;
        display: block;
        margin: 0 auto;
     }
    
    #cobra-logo{
        max-width: 180px;
        display: block;
        margin: 0 auto;
    }
    #libra-logo{
        max-width: 180px;
        display: block;
        margin: 0 auto;
    }
    
    #kwikot-logo{
        max-width: 180px;
        display: block;
        margin: 0 auto;
    }
    
    #vaal-logo{
        max-width: 180px;
        display: block;
        margin: 0 auto;
    }

}
    @media screen and ( max-width: 949px ) {
   
    .head-image {
        width: 100%;
        max-width: 400px !important;
        margin: 0px auto;
        padding: 10px;
    }

        
    #logo-p4-Plumbing {
        height: auto; 
        width: 100%;
        max-width: 450px;
        margin: 0px auto;
    }

    .left {
        float: none;
        padding-left: 0;
        width: 100%;
        max-width: 949px;
        /*background: red;*/
        margin: 0px auto !important;
    }
    .head-slogan {
        color: #0E77AE;
        font-family: 'Seaweed Script', cursive;
        font-size: 25px !important;
        margin-bottom: 20px !important;
        text-align: center;
    }

      
    .right {
        /*background: yellow;*/
        width: 100%;
        max-width: 949px;
        margin: 0px auto !important;
        padding-right: 0px;
    }
    .head-question {
        color: #F80604;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Tauri', sans-serif;
        text-align: center;
    }

        
    .head-contact-details {
        font-family: 'Mako', sans-serif;
        font-size: 25px;
        font-style: italic;
        color: #006BAC;
        margin-top: 20px !important;
        text-align: center;
        margin-bottom: 20px;
    }
        
    .categories {
        padding: 20px 0px 10px 0px; 
        display: flex;
        overflow: hidden;
        justify-content: center;
    }
    .box {
        max-width: 100%;
        width: 100%;
        text-align: center;
        font-family: 'Palanquin', sans-serif;
        font-weight: bold;
        color: #009AC2;
        padding: 5px;
    }
    #logo-Plumbing-maintenance {
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
        border-radius: 15px;
        max-width: 100%;
    }
    #logo-Plumbing-kitchens {
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
        border-radius: 15px;
         max-width: 100%;
    }
     #logo-Plumbing-bathrooms {
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
        border-radius: 15px;
        max-width: 100%;
    }   
        
    .body-main-content {
        max-width: 880px;
        margin: auto;
        width: 100%;
        padding-left: 10px;
    }
   .bottom-slogan {
        display: inline-block;
        color: #10A2D3;
        font-style: italic;
        font-family: "Hind Guntur", sans-serif !important;
        font-size: 25px;
        padding-bottom: 20px;
    }
   
    .max-width-footer{
        max-width: 900px;
        width: 100%;
        margin: auto;
        position: relative;
        background-image: url(/IMAGES/p4Plumbing-right-corner-image-latest.png);
        background-position: bottom right;
        background-size: 300px;
        background-repeat: no-repeat;
        padding-bottom: 316px;
        margin-top: -230px;
        
     }
       
    .body-contact-details {
        padding-bottom: 70px;
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        line-height: 28px;
        margin-left: 0;
     }
    .associated-companies-logos {
        margin-left: 10px;
        padding-left: 0;
     }
    
    
}

 @media screen and ( max-width: 1279px ) {
          
    header{
	   background-image: linear-gradient(to top,#FAFBFD,#E5F2F8,#DEF1F7,#97D4E6,#7ECAE1);
       overflow: hidden;
     }

   .header-wrapper{
        max-width: 925px;
        margin: auto;
        overflow-x: hidden;

     }

   .left{
        float: left;
        position: relative;
        margin-top: 50px;
        padding-left: 0px;
    }

    .head-image {
        max-width: 400px;
        /*background: red;*/
        width: 100%;
    }

    #logo-p4-Plumbing{
    }

    .head-slogan {
        color: #0E77AE;
        font-family: 'Seaweed Script', cursive;
        font-size: 25px;
        margin-bottom: 20px;
    }
    .right{
       float: right;
       position: relative;
       margin-top: 50px;
       padding-right: 0px;
    }
    .head-question {
        color: #F80604;
        font-size: 25px;
        font-weight: bold;
        font-family: 'Tauri', sans-serif;
  }

    .head-contact-details{
        font-family: 'Mako', sans-serif;
        font-size: 25px;
        font-style: italic;
        color: #006BAC;
        margin-top: 40px;
    }
     

     .bar1{
        background-color: #FE0000;
        width: 100%;
        height: 18px;
    
     }

     .bar2{
        background-color: #C2E4EF;
        width: 100%;
        height: 18px;
     }

     .max-width-body-content{
        max-width: 950px;
        margin: auto;
     }

     .categories{
        padding: 20px 0px 10px 0px; 
        overflow: hidden;
        display: flex;
        justify-content: center;
     }

     .box{
        max-width: 100%;
        /*width: 35%;*/
        text-align: center;
        font-family: 'Palanquin', sans-serif;
        font-weight: bold;
        color: #009AC2; 
     }

     #logo-Plumbing-maintenance{
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
        border-radius: 15px;
        max-width: 100%;
     }

     #logo-Plumbing-kitchens{
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom,    from(transparent), to(rgba(250, 250, 250, 0.1)));
        border-radius: 15px;
        max-width: 100%;
     }   

     #logo-Plumbing-bathrooms{
       -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
        border-radius: 15px;
        max-width: 100%;
     }
     .body-main-content {
        max-width: 880px;
        margin: auto;
     }
     .bottom-slogan{
        display: inline-block;
        color: #10A2D3;
        font-style: italic;
        font-family: "Hind Guntur", sans-serif;
        font-size: 25px;
        padding-bottom: 20px; 
    }
    .max-width-footer {
        max-width: 900px;
        width: 100%;
        margin: auto;
        position: relative;
        background-image: url(/IMAGES/p4Plumbing-right-corner-image-latest.png);
        background-position: bottom right;
        background-size: 300px;
        background-repeat: no-repeat;
        padding-top: 241px;
        margin-top: -230px;
     }
    .associated-companies-logos {
        position: relative;
        float: none;
        padding-bottom: 25px;
     }
}