/* 
 Theme Name:     LoveDivi | Go Designs
 Author:         Graeme Wright
 Author URI:     http://lovedivi.com/
 Template:       Divi
 Version:        Contractors Version1
 Description:   A Divi Child Theme built by LoveDivi

 Wordpress Version: 4.5.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*******************FREE QUOTE BUTTON SKEW************************/
/****** Create a custom CSS for the free quote menu, I used 'free-quote'*****************/

#top-header .container {
    padding-top: 0px;
    font-weight: 600;
    padding-bottom: 0em!important;
}

.free-quote {
  transform: skew(-10deg) ;
  -webkit-transform: skew(-10deg);
  -moz-transform: skew(-10deg);
}

/*****This brings the text back to normal*******/
.free-quote a {
  transform: skew(10deg) ;
  -webkit-transform: skew(10deg) ;
  -moz-transform: skew(10deg) ;
  
}

/* style the free quote cta button */
.free-quote {
    border-radius: 0px;
}

.free-quote a {
    color: #fff!important;
}

li.free-quote {
    background-color:#f45900; 
    font-weight: 600; 
    text-transform: uppercase; 
    text-align: center; 
    padding-top:22px!important;
    padding-bottom: 10px!important ;
    padding-right: 20px!important;
    padding-left:20px!important;
    border-right: 10px solid #fff;
    border-radius: 0px;
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
    li.free-quote:hover {background-color:#000;}
 
/* fixed header button text color */
.et-fixed-header #top-menu .free-quote a {
    color: #fff!important;}
.free-quote li.current-menu-ancestor > a, .free-quote li.current-menu-item > a {
    color: #fff !important;}
 
 @media only screen and ( min-width: 468px ) and ( max-width: 980px ) {
    li.free-quote {
        background-color: #f45900;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        padding-top: 8px!important;
        padding-bottom: 10px!important;
        padding-right: 20px!important;
        padding-left: 20px!important;
        border-right: 10px solid #fff;
        border-radius: 0px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
}

/********Drop down menu top border *************/
.nav li ul {
    border-top: 1px solid #fff;
}


.work-button { padding-left: 2em!important ;
padding-right: 2em!important ; }

/******************SLIDER CSS*******************************/
/******Gives a white transparent background on mobile*********/
/* Smartphones in portrait mode (0-479px) */
/*@media only screen and ( max-width: 479px ) {
    .slide_description .et_pb_slide_content {
        padding: 30px ;
    }
}

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    .slide_description .et_pb_slide_content {
        padding: 30px ;
    }
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    .slide_description .et_pb_slide_content {
        padding: 30px ;
    }
}

@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    .slide_description .et_pb_slide_content {
        padding: 30px ;
    }
}
*/
/*****************SLIDER END***************************/

/*********************** Line pattern for the top header *****************************/
/*#top-header {
  background-image: -webkit-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -moz-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: -o-repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  background-size: 4px 4px;
}

/*---Ads the white bottom border on fixed Nav when scrolling ---*/
.et-fixed-header#main-header {
    box-shadow: none !important;
    border-bottom: 1px solid #fff!important ;
}

/*************ARROW LEFT OF QUOTE BOX Pg 1*****************/
/*--Arrow on left of Quote contact box ---*/
.arrow_box:after, .arrow_box:before {
    right: 28%;
    top: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(213, 28, 15, 0);
    border-right-color: #2d2d2d;
    border-width: 30px;
    margin-top: -30px;
}

.arrow_box:before {
    border-color: rgba(245, 47, 24, 0);
    border-right-color: #2d2d2d;
    border-width: 36px;
    margin-top: -36px;
}

/* 
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    .arrow_box { 
        display:none ;
    }
}

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    .arrow_box { 
        display:none ;
    }
}


@media only screen and ( max-width: 479px ) {
   .arrow_box { 
        display:none ;
   }
} */


/************************************ OFFSET IMAGE BORDER ON HOVER  ********************************/

.border_hover img:hover {
    outline: 1px solid #fff!important;
    outline-offset: -10px!important ;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

/*---This reduces the style image back after hover---*/
.border_hover img {
    transform: scale 1.0;
    outline: 0px solid #fff!important;
    outline-offset: 0px!important ;
    -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms; 
}

/**********************************************************************************************/

/**************TOGGLE ICON EDITS ****************************/

.et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    font-size: 16px;
    content: "\e035"; /* This is the tool icon */
    background-color: #fff ;
    padding: 5px 5px 5px 5px ;
    border: solid 1px #000 ;
}

.other_skills .et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    font-size: 16px;
    content: "\e037"; /* This is the round gear icon */
}

/*****HomePage top toggle makes background trasparent*****/

.toggle_two .et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.5em;
    font-size: 16px;
    content: "\e035"; /* This is the tool icon for toggle pg2 */
    background-color: transparent!important ;
    padding: 5px 5px 5px 5px ;
    border: solid 1px #000 ;
}

/******************SCROLL TO TOP BUTTON **************************/

.et_pb_scroll_top.et-pb-icon {
    background: #8fdc65!important ;
    margin-right: -4px ;
    border-top-left-radius: 0px!important ;
    border-bottom-left-radius: 0px!important ;
 }
/*****************************************************************/


/************************************* [Equalise the Tabs] **************************************/
.equal-tabs .et_pb_tabs_controls li {
    width: 20%; /*change width of tabs here depending on the number of tabs you have*/
    text-align: center;
    border-right: 1px solid #fff!important ;
}

@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
    .equal-tabs .et_pb_tabs_controls li {
        width: 100%; 
        text-align: center;
    }
}

ul.et_pb_tabs_controls {
    border-bottom: 1px solid #fff;
}


/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    .et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li {
        font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px!important;
    }
}

/*-----------END OF TABS EDITS--------------------------*/


/*********************CHANGE HAMBURGER MENU TO 'MENU'*************************/
/* -- Changing the hamburger menu on mobile ---*/
.mobile_menu_bar:before {
    display:none
}

.mobile_menu_bar::after {
    font-family: "Bitter", Arial, sans-serif;
    content: "MENU";
    position: relative;
    padding: 10px 20px 10px 20px;
    background-color: #8fdc65;
    color: #ffffff!important;
    cursor: pointer;
}

.mobile_nav.opened .mobile_menu_bar:after {
    content: "X";}



/************************** END **********************************/
/*****************www.lovedivi.com********************************/


/*********************NAVIGATION****************/

#top-menu li li a {
    width: 230px;
    padding: 6px 5px;
}

.nav li ul{
    width: 300px;
}

.nav li ul a:hover{
    background:#8fdc65;
    color: #fff;
}

#et-top-navigation{
    font-weight: 100;
}

.mobile_menu_bar::after{
    background: #8fdc65;
}


.et_header_style_centered #main-header div#et-top-navigation{
    margin-top: 20px;
}

#top-menu > li > a{
    border-bottom: 2px solid #8fdc65;
    padding-bottom: 0px !important;
    margin-bottom: 10px;
}

.logo_container {
    margin-top: 15px;
}

/*****************HOMEPAGE***********/


blockquote {
    margin: 20px 0 30px;
    padding-left: 20px;
    border-left: 8px solid #f01861 ;
}

.quote-box {
    margin-top: -160px!important ;

    background-repeat:no-repeat;
    z-index:999;
    padding: 40px 15px 40px ;
}


.et_pb_contact_form_0.et_pb_contact_form_container h1 {
    font-family: 'Ubuntu', Helvetica, Arial, Lucida, sans-serif;
    font-size: 25px;
    text-align: center ;
}

.et_pb_column_22{
    border-right:none!important;
}

.et-pb-slider-arrows{
	display: none!important;
		}

/***************GET A QUOTE*********/

.et_pb_contact_form_0.et_pb_contact_form_container h1{
    padding-top: 20px;
    padding-bottom: 50px;
}

.et-pb-contact-message p{
    color: #ffffff;
}


/*************PROJECT************/

.et_pb_image_container img, .et_pb_post a img{
    max-width: 50%;
    display:block;
}

.et_pb_post h2 a, .et_pb_portfolio_item h3 a{
    color:#ffffff;
}

#left-area .post-meta{
    display:none;
}

.et_pb_portfolio_image.landscape{
    padding: 5px;
}

/***************PREVENTATIVE MAINTENANCE***********/

.et_pb_button_module_wrapper.et_pb_module{
    padding-top: 50px;
}

/***************************FOOTER**************/

#footer-global{
    margin-bottom: 0px;
    position: relative;
    z-index: 999;
    padding: 2.25em 1.6875em;
    background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.3), rgba(0,0,0,.3) 1px, transparent 2px, transparent 2px, rgba(0,0,0,.3) 3px);
    -webkit-background-size: 4px 4px;
    -moz-background-size: 4px 4px;
    background-size: 4px 4px;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #2b2c2a;
}

.et_pb_section.et_pb_section_11.et_section_specialty{
    padding-bottom:0px;
}

.et-social-icons{
    display:none;
}


#footer-info{
    float:left;
}



/*************FOOTER-RESPONSIVE**************/
@media only screen and (max-width: 1440px) { 
	#column-footer-blurb2{
		padding-left: 40px;
       			}
    
   	#column-footer-text2{
       		padding-left: 50px!important;
    		padding-right: 0px;
			}

	#column-footer-text3 p{
    		padding-left: 20px!important;
			}

  	#column-footer-text1{
      		padding-left: 20px!important;
       			}

 	#column-footer-text1 p{
     		line-height: 0.5em;
     			}

        #column-footer-blurb3{
		padding-left: 30px;
			}
}

@media only screen and (max-width: 1367px){       
	#column-footer-blurb2 {
    		padding-left: 60px!important;
			}

	#column-footer-text2 p{
    		padding-left: 40px!important;
    			}
			
}

@media only screen and (max-width: 1319px){ 
	#column-footer-blurb4{
 		padding-left: 50px;
			}
	#column-footer-text4{
		padding-left: 90px!important;
			}

	#column-footer-blurb3 {
    		padding-left: 80px;
			}

	#column-footer-text3 p{
    		padding-left: 90px!important;
			}

	#column-footer-blurb2 {
    		padding-left: 90px!important;
			}

	#column-footer-text2 p {
    		padding-left: 70px!important;
    		width: 400px;
			}

	#column-footer-blurb1{
  		width: 300px;
 			}
	
}

@media only screen and (max-width: 1280px){
   	#column-footer-blurb2{
      		padding-left: 60px;
         		}

  	#column-footer-text2{
      		padding-left: 70px!important;
         		}

  	.et-pb-icon.et-waypoint.et_pb_animation_top.et-animated{
      		padding-right: 15px;
       			}
}

@media only screen and (max-width: 1223px){
	#column-footer-blurb3 {
    		width: 300px;
			}
	#column-footer-text2 {
    		padding-left: 40px!important;
			}
}

@media only screen and (max-width: 1175px){
	#column-footer-blurb2 {
    		width: 300px;
			}
}

@media only screen and (max-width: 1101px){
	#column-footer-text1 {
    		width: 300px;
			}

}

@media only screen and (max-width: 1080px) { 
	#column-footer-blurb1 {
    		margin-left: -40px;
			}

	#column-footer-text1 {
    		padding-left: 0px!important;
    		margin-left: -40px;
			}

	#column-footer-blurb2 {
    		padding-left: 50px!important;
			}

	#column-footer-text2 p {
    		padding-left: 10px!important;
			}

	#column-footer-blurb3 {
    		padding-left: 50px;
			}

	#column-footer-text3 p {
    		padding-left: 30px!important;
			}
}

@media only screen and (max-width: 1043px) { 
	#column-footer-blurb1 h4,#column-footer-blurb2 h4,#column-footer-blurb3 h4,#column-footer-blurb4 h4{
		font-size: 18px;
			}

#column-footer-text1 p, #column-footer-text2 p,#column-footer-text3 p,#column-footer-text4 p{
		font-size: 16px;
			}

}

@media only screen and (max-width: 1024px) {
	#column-footer-text1{
        	padding-left: 0px!important;
    			}

   	#column-footer-blurb2{
      		padding-left: 20px;
         		}

  	#column-footer-text2{
      		padding-left: 40px!important;
      		padding-right: 40px;
         		}

          		
	#column-footer-text1 {
    		padding-left: 20px!important;
			}

	#column-footer-blurb3 {
    		padding-left: 70px;
			}

	#column-footer-text3 {
    		padding-left: 70px!important;
			}

	#column-footer-text4 {
    		padding-left: 70px!important;
			}

}

@media only screen and (max-width: 980px) { 
    	#footer-section{
		padding-bottom: 0px;
			}
			
	#column-footer-text1 {
    		padding-left: 40px!important;
    			}

 	
	#column-footer-blurb3{
       		padding-left: 10px!important;
        		}
  
    	#footer-global{
     		padding-left: 100px;
      			}

	#column-footer-blurb1 {
    		width: 400px;
			}

	#column-footer-text2 p {
    		padding-left: 50px!important;
			}

	#column-footer-text3 {
    		padding-left: 20px!important;
 		margin-left: 0px;
	}
}

@media only screen and (max-width: 900px){
	#footer-global {
    		padding-left: 80px;
			}
}

@media only screen and (max-width: 850px){
	#footer-global {
    		padding-left: 60px;
			}
}


@media only screen and (max-width: 767px){
    	#footer-global {
      		padding-left: 20px;
       			}
}

@media only screen and (max-width: 700px){
	#column-footer-text2 p {
   		 padding-left: 10px!important;
			}
}


@media only screen and (max-width: 600px) {
	#footer-global {
    		padding-left: 10px;
    		padding-bottom: 50px;
    		padding-top: 50px;
			}
}


@media only screen and (max-width: 585px) {
	#column-footer-blurb2, #column-footer-blurb4{
    		padding-left: 10px!important;
			}

	#column-footer-text2 {
    		padding-left: 0px!important;
			}

	#column-footer-text4 {
    		padding-left: 20px!important;
			}

	#column-footer-text1 {
    		padding-left: 10px!important;
			}

	#column-footer-text3 p {
    		padding-left: 10px!important;
			}
}


@media only screen and (max-width: 568px) {
	#column-footer-text1 p {
    		padding-left: 0px!important;
			}

	#column-footer-blurb2 {
    		padding-left: 10px!important;
			}

	#column-footer-text2 p {
    		padding-left: 10px!important;
			}


}

@media only screen and (max-width: 540px) {
	#column-footer-text1 p, #column-footer-text2 p,#column-footer-text3 p, #column-footer-text4 p{
    		font-size: 14px;
			}

	#column-footer-blurb1 h4, #column-footer-blurb2 h4, #column-footer-blurb3 h4, #column-footer-blurb4 h4{
		font-size: 16px;
			}
}

@media only screen and (max-width: 500px) {
	#footer-global {
    		padding-right: 0px;
			}
}

@media only screen and (max-width: 480px) {
   	#footer-global {
    		padding-top: 20px;
		padding-left: 10px;
			}

	#column-footer-text1 p, #column-footer-text2 p,#column-footer-text3 p, #column-footer-text4 p{
    		font-size: 14px;
			}

	#column-footer-blurb1 h4, #column-footer-blurb2 h4, #column-footer-blurb3 h4, #column-footer-blurb4 h4{
		font-size: 16px;
			}

	#column-footer-blurb1 {
    		padding-left: 0px;
			}

	#column-footer-text1 p {
    		padding-left: -20px!important;
			}

	#column-footer-blurb2 {
    		padding-left: 10px!important;
			}

	#column-footer-text2 {
    		padding-left: 0px!important;
			}

	#column-footer-text2 p {
    		padding-left: 10px!important;
			}

	#column-footer-blurb3 {
   		 padding-left: 10px;
			}

	#column-footer-text3 {
    		padding-left: 30px!important;
			}

	#column-footer-blurb4 {
   		 padding-left: 10px;
			}

}

@media only screen and (max-width: 479px) {
	#footer-global {
   		 padding-left: 80px!important;
			}

	#column-footer-text1 p, #column-footer-text2 p,#column-footer-text3 p, #column-footer-text4 p{
    		font-size: 16px;
			}

	#column-footer-blurb1 h4, #column-footer-blurb2 h4, #column-footer-blurb3 h4, #column-footer-blurb4 h4{
		font-size: 18px;
			}

	#column-footer-text2 {
    		padding-left: 30px!important;
			}

	#column-footer-text3 p {
    		padding-left: 10px!important;
			}

	#column-footer-text4 {
    		padding-left: 30px!important;
			}
}


@media only screen and (max-width: 420px) {
	#footer-global {
    		padding-left: 60px!important;
			}
}

@media only screen and (max-width: 408px) {
	#footer-global {
    		padding-left: 50px!important;
			}
}

@media only screen and (max-width: 388px){
	#footer-global {
    		padding-left: 40px!important;
			}
}

@media only screen and (max-width: 370px) {
	#column-footer-text1 p{
   		 padding-left: 40px!important;
			}

	#column-footer-text2 p {
    		padding-left: 30px!important;
			}

	#column-footer-text3 {
    		padding-left: 40px!important;
			}

	#column-footer-text4 {
    		padding-left: 70px!important;
			}
}
@media only screen and (max-width: 350px) {
	#footer-global {
    		padding-left: 20px!important;
			}
}

@media only screen and (max-width: 320px) {
 	#column-footer-blurb1, #column-footer-blurb2, #column-footer-blurb3, #column-footer-blurb4,#column-footer-text3{
       		padding-left: 0px!important;
              		}

   	#column-footer-text1, #column-footer-text2, #column-footer-text4{
       		padding-left: 10px!important;
              		}

	#column-footer-text1 p,  #column-footer-text2 p {
    		padding-left: 0px!important;
			}

	#column-footer-blurb1 {
    		margin-left: -50px;
			}
}

/*************HOMEPAGE-RESPONSIVE**************/

@media only screen and (max-width: 1440px) { 
	.homepage-title{
		font-size: 55px;
               		}

        .homepage-subtitle{
           	font-size:25px;
              		}
}

@media only screen and (max-width: 1280px) { 
    .container.clearfix.et_menu_container{
        width: 98%;
    }

    .et_pb_blurb_container{
        padding-left: 5px!important;
    }

     #homepage-blurb{
        width: 90%;
    }

}

@media only screen and (max-width: 1140px) {
    #homepage-blurb {
      width: 100%;
    }

.homepage-title{
      font-size: 55px;
     }

     .homepage-subtitle{
      font-size: 25px;
      }
}

@media only screen and (max-width: 1024px) {
     .container.clearfix.et_menu_container{
        width: 95%;
    }


     .homepage-title{
      font-size: 50px;
     }

     .homepage-subtitle{
      font-size: 22px;
      }

	#email-blurb p{
  		font-size: 16px!important;
			}

    #homepage-blurb{
        width: 100%;
    }
  
    #why-choose-us-title, #recent-project-title, #client-partner-title, #our-services-title{
      font-size: 40px;
    }

    #our-story{
      font-size: 22px;
    }
     
    #homepage-services1 p, #homepage-services2 p{
      text-transform: capitalize;
      font-size: 20px;
      }

    #our-story-text{
      padding-left: 0px!important;
      font-size: 17px;
       }

     #on-call-text,#certified-text {
      font-size: 17px!important;
      padding-left: 0px!important;
      padding-right: 0px!important;
      }

     #get-free-quote-form h1{
        font-size: 20px!important;
        padding-bottom: 30px;
       }

	#why-choose-us-title{
		padding-top: 20px;
			}
	
	#email-blurb p{
		font-size: 15px!important;
			}

	#about-us{
		padding-left: 10px;
   		padding-right: 0px;
			}

	#recent-project-title, #client-partner-title, #why-choose-us-title{
		padding-top:30px;
			}

	#homepage-services-title{
		padding-top:10px;
			}


   .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
        font-size: 18px;
        }

    .et-pb-slider-arrows:hover{
        display: none!important;
         }  
}

@media only screen and (max-width: 980px){
    	#main-header{
        	margin-top: 0px!important;
        	top:0px!important;
    			}

	#homepage{
		margin-top: -40px;
			}
	
	#homepage-row{
		margin-bottom: 50px;
		background: none;
		margin-top: -10px!important;
			}

	.homepage-title{
		padding-top: 50px;
		font-size: 45px;
			}

    	.homepage-subtitle{
      		font-size: 20px;
       		padding-bottom: 40px;
    			}

    .et_pb_blurb_position_left .et-pb-icon, .et_pb_blurb_position_right .et-pb-icon {
       font-size: 25px;
    }

   	 #logo{
        	max-height: 100%;
    			}

	.logo_container{
        	margin-top: -25px;
    			}

	.et_header_style_left .logo_container{
        	height: 120px;
    			}

    	.container.clearfix.et_menu_container{
        	width: 98%;
		margin-top: 60px;
    			}
   
	
 	#homepage-blurb h4 {
        	font-size: 18px!important;
      			}

     	#homepage-blurb p {
        	font-size: 16px!important;
     			}
    
    	#homepage-blurb{
        	margin-bottom: -120px!important;
 		width: 90%;
    			}


    	#homepage-services1 p,  #homepage-services2 p{
      		 padding-top: 30px;
      			}

    	#homepage-services-title{
        	padding-bottom: 0px;
    			}


    	#why-choose-us{
        	margin-top: 12%!important;
    			}

	#green-line1{
		padding-bottom: 0px!important;
			}

 	#about{
        	padding-top: 0px;
        	margin-top: -50px;
    			}

    	#about-us p{
        	font-size: 22px;
        	line-height: 1.4em;
    			}

    	#about-us{
  		margin-top: -100px;
		background: none;
			}

	#on-call-text, #certified-text {
    		padding-left: 70px!important;
    		padding-right: 70px!important;
			}

	#get-free-quote-form{
		margin-top: -30px;
			}

    	#homepage-services{
        	margin-top: -30px;
    			}

	#service-section-img2,#service-section-img4{
		padding-top: 50px;
			}

   	 #et_pb_contact_form_0{
    	    	margin-top: -30px;
    			}


    .et-pb-icon.et-waypoint.et_pb_animation_off.et-animated,
    .et-pb-icon.et-waypoint.et_pb_animation_top.et-animated{
       padding-right: 15px;
    }

   #foogallery-gallery-1708{
        padding-top: 50px;
    	   }
}


@media only screen and (max-width: 782px){
	.container.clearfix.et_menu_container{
    		margin-top: 75px;
			}

	#homepage{
		margin-top: -45px;
			}
}

@media only screen and (max-width: 768px){		
	#green-line1, #green-line2{
		padding-bottom: 0px!important;
			}

	#homepage-services1{
		padding-top: 0px;
			}

	.homepage-subtitle {
        	font-size: 18px;	
    			}		


	#get-free-quote-form{
		margin-top:-20px;
			}

    	
	#why-choose-us-title, #recent-project-title, #client-partner-title, #our-services-title {
   		font-size: 35px;
			}

	#why-choose-us-title {
    		padding-top: 50px;
			}

	#about-us {
   		 width: 100%!important;
    		padding-left: 0px;
			}

	#about-us p {
    		line-height: 1.3em;
			}

	#our-story {
    		font-size: 22px;
    		padding-left: 40px;
			}

	#our-story-text {
    		width: 100%;
    		padding-left: 40px!important;
    		padding-right: 20px!important;
			}

	#about-us-button{
		margin-left: 40px!important;
			}


	#testimonials h2{
		font-size: 30px!important;
		margin-bottom: -20px;
			}

	#foogallery-gallery-1708 {
    		width: 650px;
    		margin-left: -20px;
			}

}

@media only screen and (max-width: 667px){
    .homepage-title {
        font-size: 35px;
    }

    .homepage-subtitle{
	font-size: 19px;
	padding-left: 140px;
 	padding-right:140px;
	padding-top: 0px;
     }

	#why-choose-us-title, #recent-project-title, #client-partner-title, #our-services-title {
    		font-size: 35px;
			}

	#about-us p {
    		font-size: 20px;
			}

	#on-call-title strong, #certified-title  strong, #our-story p{
		font-size: 22px!important;
			}

	#about-us p {
    		font-size: 18px;
			}

	#on-call-text, #certified-text {
    		font-size: 17px!important;
    		padding-left: 70px!important;
    		padding-right: 70px!important;
			}

	#testimonials h2{
		font-size: 30px!important;
		margin-bottom: -20px!important;
			}

	#testimonials span{
		margin-top:-20px;
			}

	#homepage-services1{
		padding-top: 0px;
			}

  
    #homepage-blurb{
        width: 100%;
    }

    .et_pb_column.et_pb_column_1_4.et_pb_column_6 a,
    .et_pb_column.et_pb_column_1_4.et_pb_column_7 a{
        display: none;
    }

    .et_pb_blurb.et_pb_module.et_pb_bg_layout_dark.et_pb_text_align_left.et_pb_animation_bottom.et-animated.et-waypoint.et_pb_blurb_3.et_pb_blurb_position_left{
        padding-left: 10px!important;
    }
	
   .et-pb-icon.et-waypoint.et_pb_animation_off.et-animated{
        padding-right: 5px;
        padding-top: 0px;
    }

    .et-pb-icon.et-waypoint.et_pb_animation_top.et-animated{
         padding-top: 0px;
    }
 
}

@media only screen and (max-width: 600px){
	#about-us{
		background: none;
			}
		
	#service-section{
		padding-top: 0px;
			}

	#homepage-services-title, #why-choose-us-title{
		margin-top: 10px!important;
			}

	#homepage-services1 {
    		margin-top: -50px;
			}
	

	#homepage-project-title,#client-partner-title {
		margin-top: 30px;
			}

	#foogallery-gallery-1708 {
    		padding-top: 30px;
    		width: 500px;
    		margin-left: -10px;
			}

}

@media only screen and (max-width: 598px){
 	#on-call-text, #certified-text {
    		padding-left: 40px!important;
    		padding-right: 40px!important;
			}

	#green-line2, #green-line1, #green-line3, #green-line4{
		padding-bottom: 0px!important;
			}

	#footer-global {
    		padding-left: 20px;
			}
}

@media only screen and ( max-width: 579px) {
	.homepage-subtitle {
    		padding-left: 100px;
    		padding-right: 100px;
		font-size: 17px;
			}

	.homepage-title{
		font-size: 30px;
			}
}

@media only screen and ( max-width: 568px) {
	#why-choose-us,#about-us {
		background: none;
			}
}


@media only screen and ( max-width: 520px) {
	.homepage-title {
    		font-size: 32px;
			}

	.homepage-subtitle {
    		padding-top: 0px;
			}

	#foogallery-gallery-1708 {
		width: 400px;
			}
}

@media only screen and ( max-width: 499px) {
	.homepage-subtitle {
    		padding-left: 80px;
    		padding-right: 80px;
			}
}

@media only screen and ( max-width: 480px) {
	.et_header_style_left #logo, .et_header_style_split #logo {
    		max-width: 24%;
			}

	#homepage {
    		margin-top: -50px;
			}

	.homepage-title {
    	font-size: 30px;
    	padding-top: 90px;
		padding-bottom: 0px;
			}

	.homepage-subtitle {
		padding-left: 80px;
   		padding-right: 80px;
    	padding-top: 0px;
    	line-height: 1.2em;
		padding-bottom: 40px;
		font-size: 15px;
			}

  .container.clearfix.et_menu_container{  
         	width:95%;
        	margin-top: 55px;
     			}

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
    padding-bottom: 24px;
		}

     #homepage-row {
        background: none;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
           }



     #homepage-blurb {
       margin-bottom: 0px!important;
       width: 100%;
           }

	.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
    		width: 100% !important;
			}

      	#homepage-blurb p{
    		font-size: 22px!important;
			}
  
	#homepage-blurb h4{
    		font-size: 20px!important;
			}
     
	#homepage-services-title {
    		margin-top: 60px!important;
			}

	#recent-project-title,#client-partner-title {
    		padding-top: 10px;
			}

   	 #why-choose-us-title, #recent-project-title, #client-partner-title, #our-services-title, #testimonials h2{
        	font-size: 30px!important;
    			}
  
	#why-choose-us{
        	padding-top: 0px!important;
        	margin-top: 0px!important;
        	background: none;
    			}
    
	#why-choose-us-title {
    		padding-top: 0px;
			}

		#our-story-text {
    		width: 100%;
    		padding-left: 0px!important; 
    		padding-right: 0px!important;
			}

         #our-story p{	
   			font-size: 20px!important;
            margin-left: -10px;
 			}

		#get-free-quote-form{
     		margin-top: -10px;
			}

         #about-us-button, #our-story {
              padding-left: 10px;
                 }   
  

    .et_pb_blurb_position_left .et_pb_blurb_container{
        padding-left: 15px;
    }

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

    .et_pb_blurb_container p{
        font-size: 20px;
    }

    #about-us{
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px!important;
     
     }				

   	 #about-us p{ 
   		font-size: 16px;
        padding-right: 0px!important; 
        padding-left: 35px!important;  
    			}
 

    	#on-call-title strong, #certified-title strong{
        	font-size: 20px;
         		}

    	#on-call-text p, #certified-text p{
    		font-size: 16px!important;
			padding-bottom: 50px;
			}

	#our-services-title{
		margin-top: -40px;
			}

   #homepage-services{
        padding-top: 0px;
    }

    .et_pb_fullwidth_portfolio .et_pb_carousel_group{
        width: 100%;
    }

    #homepage-project-title{
        padding-top: 0px; 
    }


    #testimonials.et_pb_slide_0.et_pb_slide.et_pb_slide_content{
        padding-top: 10px!important;
    }

    #testimonials p{
 	font-size: 14px;
		}

    #clients-and-partners{
         padding-top: 0px;
         padding-bottom: 50px;
    }

   #foogallery-gallery-1708{
          margin-top: 0px;
   	   } 
}

@media only screen and (max-width: 479px){
.et_pb_gutters1 .et_pb_grid_item:nth-child(n), .et_pb_gutters1 .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_gutters1 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_gutters1 .woocommerce ul.products li.product:nth-child(n){
		width: 100%!important;
			} 

	#homepage-services1 p, #homepage-services2 p {
   		font-size:20px!important;
			}

	#homepage-services1{
    		padding-top: 0px;
			}

 	#foogallery-gallery-1708{
		margin-top: 0px;
			}

}

@media only screen and (max-width: 457px){
	.homepage-subtitle {
    	padding-left: 80px!important;
    	padding-right: 80px!important;
    	line-height: 1.2em;
			}

	#footer-global {
    		padding-left: 80px;
			}

	#foogallery-gallery-1708 {
    		width: 430px;
    		margin-left: -50px;
			}
}

@media only screen and (max-width: 441px){
   	.homepage-subtitle {
    		line-height: 1em;
			}
}

@media only screen and (max-width: 430px){
   	.homepage-subtitle {
    		padding-bottom: 30px!important;
			}
}

@media only screen and (max-width: 420px){
	.homepage-subtitle {
    		padding-left: 70px!important;
    		padding-right: 70px!important;
		font-size: 17px;
			}

	.homepage-row p{
    		padding-top: 120px!important;
		margin-top: -100px;
			}

	#on-call-text, #certified-text {
    		padding-left: 10px!important;
    		padding-right: 10px!important;
			}

	#homepage-services1 p, #homepage-services2 p {
    		font-size: 17px!important;
			}

	#green-line2 {
    		padding-bottom: 20px!important;
			}

	#foogallery-gallery-1708 {
    		width: 100%;
    		margin-left: 0px;
			}
}

@media only screen and (max-width: 445px){
	.homepage-title {
    		font-size: 28px;
			}
}

@media only screen and (max-width: 414px){
	.homepage-subtitle {
    		padding-left: 60px!important;
    		padding-right: 60px!important;
			}

	.homepage-title {
    		font-size: 26px;
			}
}

@media only screen and (max-width: 388px){
	.homepage-subtitle {
   		 padding-bottom: 30px!important;
		 padding-top: 5px!important;
    		 font-size: 14px;
			}

	.homepage-title {
    		font-size: 24px !important;
			}
}

@media only screen and (max-width: 375px){
	.et_header_style_left #logo, .et_header_style_split #logo {
    		max-width: 29%;
    		padding-top: 8px;
			}	

.et_pb_gutters1 .et_pb_grid_item:nth-child(n), .et_pb_gutters1 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_gutters1 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_gutters1 .woocommerce ul.products li.product:nth-child(n) {
    	width: 100% !important;
		}


	#why-choose-us-title, #recent-project-title, #client-partner-title, #our-services-title, #testimonials h2 {
    		font-size: 25px!important;
			}

		#our-story p{
		padding-left: 30px!important;
		padding-top: 40px!important;
			}
}

@media only screen and (max-width: 320px){
	.homepage-title {
    		font-size: 20px !important;
			}

	#why-choose-us-title, #recent-project-title, #client-partner-title, #our-services-title, #testimonials h2 {
    		font-size: 20px!important;
			}

	#about-us p {
    		font-size: 15px;
    		padding-right: 10px!important;
    		padding-left: 20px!important;
			}

	#about-us a {
    		margin-left: 20px!important;
			}

	#on-call-text, #certified-text {
    		padding-left: 5px!important;
    		padding-right: 5px!important;
			}

	#on-call-title strong, #certified-title strong, #our-story p {
   		 font-size: 18px!important;
			}

	#homepage-services1 p, #homepage-services2 p {
    		font-size: 15px!important;
			}

	#get-free-quote-form {
    		margin-top: -10px;
			}

	#testimonials p {
    		font-size: 14px;
    		width: 250px!important;
    		padding-left: 0px!important;
    		padding-right: 0px!important;
    		margin-left: -15px;
			}

	#testimonials h2{
		padding-top: 50px;
			}

	#homepage-services2 p, #homepage-services1 p{
   		 padding-top: 0px!important;
			}

	#reactive-maintenance-text{
		margin-top:-30px;
			}

	#clients-and-partners{
		width: 100%;
			}
}
   
 
/**************PROJECT RESPONSIVE**************/

@media only screen and (max-width: 980px){
	#project-gallery-row{
		background: none;
		width: 90%;
		padding-top: 0px;
			}

	#recent-project-banner{
		margin-top: -60px;
			}
}

@media only screen and (max-width: 767px){
    #recent-project-banner p{
	font-size: 40px;
	padding-top: 20px;
	}
    
}

@media only screen and (max-width: 676px){
    #recent-project-banner p{
	font-size: 35px;
	padding-top: 60px;
	}   
}

@media only screen and (max-width: 480px){
    	#recent-project-banner p{
		font-size:30px;
          		}
}

@media only screen and (max-width: 479px){
	#project-gallery img{
  		padding-top: 15px;
			}

	#project-gallery{
		width: 90%;
    		padding-left: 20px;
    		margin-left: 15px;
			}
}

@media only screen and (max-width: 420px){
	.et_header_style_left #logo, .et_header_style_split #logo {
    		padding-top: 10px;
			}	
}


@media only screen and (max-width: 388px){
	#recent-project-banner p{
		font-size: 25px;
			}

	#recent-project-banner p{
		padding-top: 100px;
	}

	#projects a{
		font-size: 16px!important;
			}
	}

@media only screen and (max-width: 375px){
	.container.clearfix.et_menu_container {
    		margin-top: 15px;
		width: 98%;
			}

}

@media only screen and (max-width: 327px){
   	#recent-project-banner p {
    		line-height: 1em!important;
			}

	#project-gallery {
    		padding-left: 0px;
			}

	.homepage-title {
    		padding-top: 70px;
			}

	.homepage-subtitle {
    		padding-top: 0px!important;
   		margin-top: -5px;
    		padding-left: 45px!important;
    		padding-right: 45px!important;
			}

}


/****************Health and Safety****************/

@media only screen and (max-width: 980px){
	#health-and-safety-row{
		margin-top: -60px;
			}

	#health-and-safety-text{
		padding-top: 0px;
			}
}


@media only screen and (max-width: 768px){
 	#health-and-safety p{
		font-size: 35px;
    		padding-top: 40px;
			}
}

@media only screen and (max-width: 676px){
 	#health-and-safety p{
		font-size: 30px;
			}

	#health-and-safety-text p{
		font-size: 18px;
			}
}

@media only screen and (max-width: 584px){
 	#health-and-safety p{
		font-size: 25px;
			}

	.foogallery-default a img {
    		width: 100px;
			}
}


@media only screen and (max-width: 375px){
	#health-and-safety-text p{
		font-size: 16px;
			}

	#health-and-safety p{
    		padding-top: 70px;
			}


	#health-and-safety-text{
		width: 85%;
			}
}

@media only screen and (max-width: 320px){
	#health-and-safety-text {
    		width: 90%;
    		padding-left: 20px;
			}
}

/************CONTACT PAGE RESPONSIVE************/
@media only screen and (max-width: 980px){
  	#contact-row{
		margin-top:-60px;
			}

	#map-section{
		margin-bottom: -50px;
		}
}

@media only screen and ( max-width: 760px ) {
	#contact-row p{
		font-size: 25px;
			}
}

@media only screen and ( max-width: 663px ) {
	#contact p{
		font-size: 30px!important;
		padding-top: 40px;
			}
	
	#contact-two p{
		font-size: 17px;
			}
}

@media only screen and ( max-width: 504px ) {
	#contact p{
		font-size: 25px!important;
		padding-top: 60px;
			}
	
	#contact-two p{
		font-size: 17px;
			}
}

@media only screen and ( max-width: 480px ) {
  	#contact p {
   		 font-size: 25px!important;
    		 padding-top: 80px;
			}

	#contact {
		margin-top: -40px;
			}
	
	#contact-text{
		padding-left: 0px!important;
			}
}

@media only screen and ( max-width: 425px ) {
	#contact p {
    		line-height: 1em!important;
    		padding-top: 60px;
			}
}


@media only screen and (max-width: 375px){
	#contact p {
    		padding-top: 80px;
			}

	#contact-form-section{
		padding-top: 50px;
			}

	#contact-text{
    		padding-left: 0px!important;
    		font-size: 16px;
			}
}

/************ABOUT US PAGE RESPONSIVE***********/

@media only screen and (max-width: 1024px){
	#long-story-short-row1{
		background: none;
			}

	#about-title1 h2, #our-team-text h2{
		font-size: 40px!important;
			}

	#toptext h2{
		font-size: 28px!important;
			}

	#charity-text h2{
		font-size: 35px!important;
			}
}

@media only screen and (max-width: 980px){
	#about-hero-banner{
		margin-top: -60px;
			}

	#toptext{
		padding-top: 20px;
			}

	#long-story-short-row1,#long-story-short-row2{
		background: none;
			}

	#charity-text{
		padding-top: 0px;
			}

	#long-story-short-row1 {
    		padding-left: 0px!important;
    		padding-right: 0px!important;
			}

	#round{
		padding-top: 20px;
			}
}

@media only screen and (max-width: 600px){
	#about-banner p {
    		padding-top: 50px;
		font-size: 35px;
			}

	#about-title1 h2, #our-team-text h2, #charity-text h2{
    		font-size: 35px!important;
			}

	#long-story-short-row1 p,#long-story-short-row2 p, #our-team-text p, #charity-text p{
		font-size: 19px!important;
		line-height: 1.4em!important;
			}
		
	#our-team-text, #charity-text{
		padding-top: 0px;
			}
	
	#charity-text{
		margin-top: -40px;
			}

	#charity-text img, #promo-text img{
		padding-bottom: 20px;
			}

}

@media only screen and ( max-width: 480px ) {
	#about-title1 h2, #our-team-text h2, #charity-text h2{
   		 font-size: 30px!important;
			}

   	#long-story-short-row1 p, #long-story-short-row2 p, #our-team-text p, #charity-text p {
    		font-size: 18px!important;
			} 

	#long-story-short-row1 p,#long-story-short-row2 p{
		padding-left:0px!important;
  		padding-right: 0px!important;
		width: 100%;
			}

	
	#about-text1{
		padding-left: 0px;
			}

	#next1{
	     padding-top: 0px;
			}
}

@media only screen and ( max-width: 420px ) {
	#about-banner p {
		padding-top: 60px;
    		font-size: 30px!important;
			}

	#about-title1 h2, #our-team-text h2, #charity-text h2{
    		font-size: 27px!important;
			}

	#toptext h2 {
    		font-size: 20px!important;
			}
	
}

@media only screen and ( max-width: 375px ) {
	#long-story-short-row1 p, #long-story-short-row2 p, #our-team-text p, #charity-text p {
    		font-size: 16px!important;
			} 


	#long-story-short-row1 p, #long-story-short-row2 p,#charity-text{
    		padding-left: 10px!important;
			}

	#about-banner p {
		padding-top: 80px;
    		font-size: 25px!important;
			}

}

@media only screen and ( max-width: 320px ) {
	#long-story-short-row1 p, #long-story-short-row2 p, #our-team-text p, #charity-text p {
    		font-size: 16px!important;
			}
  
	#about-title1 h2, #our-team-text h2, #charity-text h2 {
    		font-size: 25px!important;
			}

	#toptext a{
		font-size: 16px!important;
			}

	#toptext h2 {
    		font-size: 18px!important;
			}

}


/*----------------COMMERCIAL SERVICES RESPONSIVE-------------*/


/*****************PREVENTATIVE***********/

@media only screen and (max-width: 1110px){
	#preventative-row p{
		font-size: 45px!important;
    		padding-top: 20px;
			}
}

@media only screen and (max-width: 1024px){
	#preventative-text-row{
		background: none;
			}
	}


@media only screen and (max-width: 981px){
	#et-top-navigation{
		padding-left: 187px!important;
			}
}

@media only screen and (max-width: 980px){
	#preventative-row{
		margin-top: -60px;
			}

	#preventative-text-row{
		padding-top: 0px;
			}

	#preventative-row p {
    		font-size: 40px!important;
    		padding-top: 30px;
			}
		
}

@media only screen and (max-width: 873px){
	#preventative-text-row{
		width: 85%;
			}
	}


@media only screen and (max-width: 862px){
	#preventative-row p{
		font-size: 38px!important;
			}
	}

@media only screen and (max-width: 705px){
	#preventative-text-row p{
		font-size: 18px;
			}
}


@media only screen and (max-width: 656px){
	#preventative-row p{
		line-height: 1.3em!important;
			}
}


@media only screen and (max-width: 600px){
	#preventative-text-row p {
    		font-size: 16px;
			}
}

@media only screen and (max-width: 480px){
	#preventative-row p{
		padding-top: 40px;
			}
	
	#preventative-row{
		margin-top: -60px;
			}


	#preventative-text-row {
    		width: 100%;
			}

	#preventative-text-row a{
		font-size: 16px!important;
		margin-right: 50px!important;
			}
    
}


@media only screen and (max-width: 375px){
	#preventative-text-row {
		padding-left: 0px;
    	padding-right: 0px;
			}

}


/***************REACTIVE MAINTENANCE********/

@media only screen and (max-width: 1024px){
	#reactive-text-row{
		background: none;
			}
}

@media only screen and (max-width: 1004px){
	#reactive-row p{
		font-size: 45px;
			}
}


@media only screen and (max-width: 980px){
	#reactive-row{
		margin-top: -60px;
			}

	#reactive-row p {
    		padding-top: 0px;
			}

	#reactive-text-row {
    		padding-top: 0px;
			}
}

@media only screen and (max-width: 873px){
	#reactive-row p{
		font-size: 44px;
			}
	
	#reactive-text-row{
		width: 85%;
			}
	}

@media only screen and (max-width: 856px){
	#reactive-row p{
		font-size: 43px;
			}
}

@media only screen and (max-width: 836px){
	#reactive-row p{
		font-size: 42px;
			}
	}

@media only screen and (max-width: 818px){
	#reactive-row p{
		font-size: 40px;
			}
	}


@media only screen and (max-width: 782px){
	#reactive-row p{
		font-size: 38px;
			}
}

@media only screen and (max-width: 742px){
	#reactive-row p{
		font-size: 36px;
			}
}

@media only screen and (max-width: 705px){
	#reactive-row p{
		font-size: 34px;
			}
	
	#reactive-text-row p{
		font-size: 18px;
			}
}

@media only screen and (max-width: 668px){
    #reactive-row p{
        font-size: 31px;
           } 
}

@media only screen and (max-width: 631px){
    #reactive-row p{
    	font-size: 31px;
           } 
}

@media only screen and (max-width: 612px){
	#reactive-row p{
    	font-size: 30px;
		}
}

@media only screen and (max-width: 500px){
    #reactive-row p{
       font-size:30px;
           } 
}

@media only screen and (max-width: 480px){
   #reactive-text-row p{
		font-size: 18px;
			}
    
   	#reactive-text a{
       		margin-right: 50px!important;
         		}
}

@media only screen and (max-width: 375px){
 	#reactive-row p{
       	font-size:25px;
		line-height: 1em!important;
			}

	#reactive-text-row p{
		font-size: 16px;
			}

	#reactive-text-row {
		padding-left: 0px;
    		padding-right: 0px;
			}

	#reactive-text-row a{
		font-size: 16px!important;
	}	
}

@media only screen and (max-width: 320px){
	#reactive-text-row {
    		padding-left: 0px;
    		padding-right: 0px;
			}
}

/***************SHOP FITOUTS********/

/***************SHOP FITOUTS********/
@media only screen and (max-width: 1024px){
	#shop-fitouts-text-row{
		background: none;
			}     
	}

@media only screen and (max-width: 1004px){
	#shop-fitouts-row p{
		font-size: 45px;
			}
}

@media only screen and (max-width: 980px){
	#shop-fitouts-row{
		margin-top: -60px;
			}

	#shop-fitouts-text-row{
		padding-top: 0px;
			}

}

@media only screen and (max-width: 873px){
	#shop-fitouts-row p{
		font-size: 44px;
			}
	
	#shop-fitouts-text-row{
		width: 85%;
			}
	}


@media only screen and (max-width: 856px){
	#shop-fitouts-row p{
		font-size: 43px;
			}
}

@media only screen and (max-width: 836px){
	#shop-fitouts-row p{
		font-size: 42px;
			}
}


@media only screen and (max-width: 818px){
	#shop-fitouts-row p{
		font-size: 40px;
			}
}


@media only screen and (max-width: 782px){
	#shop-fitouts-row p{
		font-size: 38px;
			}
}

@media only screen and (max-width: 742px){
	#shop-fitouts-row p{
		font-size: 36px;
			}
}


@media only screen and (max-width: 705px){
	#shop-fitouts-row p{
		font-size: 34px;
			}
	
	#shop-fitouts-text-row p{
		font-size: 18px;
			}
}

@media only screen and (max-width: 668px){
    #shopfitouts-row p{
        font-size: 31px;
           } 
}



@media only screen and (max-width: 628px){
	.et_header_style_left #logo, .et_header_style_split #logo {
   		 max-width: 25%;
			}


	#shop-fitouts-text-row p{
		font-size: 18px!important;
			}
}


@media only screen and (max-width: 612px){
    #shop-fitouts-row p{
    	font-size: 30px;
				}
}



@media only screen and (max-width: 480px){
	#shop-fitouts-text {
		padding-left: 0px!important;
			}

	#shop-fitouts-text-row{
		width: 85%;
			}
    
   	#shop-fitouts-text a{
       		margin-right: 50px!important;
         		}
}



@media only screen and (max-width: 375px){
	#shop-fitouts-text-row p{
		font-size: 16px!important;
			}

	#shop-fitouts-row p{
		font-size: 25px;
		line-height: 1em!important;
			}

	#shop-fitouts-text-row a{
		font-size: 16px!important;
			}
	
	#shop-fitouts-text-row {
		padding-left: 0px;
    		padding-right: 0px;
			}
}

/***************OFFICE FITOUTS********/
@media only screen and (max-width: 1024px){
    #office-fitouts-row p{
	    padding-top: 50px;
		}

  #office-fitouts-text{
        background: none;
    		}
}

@media only screen and (max-width: 980px){
	#officefitouts-row{
		margin-top: -60px;
			}

	#office-fitouts-row p{
        	font-size: 45px;
    			}

	#office-fitouts-text{
    		width: 80%;
			}

	#office-fitouts-text{
		padding-top: 0px;
			}

	}

@media only screen and (max-width: 665px){
        #office-fitouts-text p{
		font-size: 18px;
    			}

 	#office-fitouts-text{
		width: 85%;
			}

	#officefitouts-row p{
		font-size: 35px;
			}
}

@media only screen and (max-width: 426px){
	#officefitouts-row p {
    		font-size: 30px;
    		padding-top: 50px;
			}

	#office-fitouts-text{
		padding-left: 0px;
			}
}


@media only screen and (max-width: 375px){
	#office-fitouts-text p{
		font-size: 16px;
    			}

	#officefitouts-row p {
    		font-size: 25px;
    		padding-top: 40px;
			}


	#office-fitouts-text a{
		font-size: 16px!important;
			}
}

@media only screen and (max-width: 320px){
	#office-fitouts-text {
    		width: 90%;
			}
}