#diyProjects .custom-red {
	font-family: var(--behr-body-and-label-font)!important;
    font-weight: var(--behr-normal);
}

.pinterestImage {
    position: absolute;
    bottom: 0;
}	

.color-tool-bg .col-12.col-md-4 {
        padding-left: 0 !important;
}
.pt-6 {
	    padding-top: 5rem!important;
}

.pt-7 {
	    padding-top: 6rem!important;
}

.pb-6 {
	    padding-bottom: 5rem!important;
}

.pb-7 {
	    padding-bottom: 6rem!important;
}
.pt-8 {
	    padding-top: 8rem!important;
}


.pb-8 {
	    padding-bottom: 8rem!important;
}
.gray-background {
    background: #f6f5f0;
}
.bg-lightgray {
    background: #f6f5f0;
}

.white-section-breaker {
	border-bottom: 13px solid white;
}	

 /*------color tools-----------*/
 .colortools {

    padding-bottom: 30px !important;
    padding-top: 75px !important;
 }
 .color-tool-bg {
     width:100%;
     margin: 0 auto;
     background: url("https://stagingdev.behr.com/binaries/content/gallery/behr-refresh-2021/homepage/colortools-background-desktop.jpg") no-repeat;
     background-size: contain;
     max-width: 1600px;     
 }
 .toolbanner {
    padding-right: 5em;
    padding-left: 5em;
}
 /*@media (min-width: 768px) {
     .colorsmart .btn-primary {
        height: 40px!important;
    }
   
}*/
 @media screen and (min-width: 768px) and (max-width:991px) {
    .home-promo .owl-stage {
        margin-left: -98px;
    } 
    .new-product-secondary .owl-stage {
        margin-left: -60px;
    }
   .how-to-section-banners .owl-stage {
        margin-left: -60px;
    }

    .btn-primary-stroked {
        font-size: 13px;
    } 
    .btn-primary {
        font-size: 13px;
    }
    .home-promo .container {
        padding-right: 0px!important;
    } 

    .secondary .container {
        padding-right: 0px!important;
    } 
    .how-to-section-banners {
        padding-right: 0px!important;
    } 
     .toolbanner {
        padding-right: 1em;
        padding-left: 1em;    
    }       
}

 .w-80 {
    width: 80%!important;
 }

  .colortoolButtons {
    position: absolute;

    left: 1.3%;
  }
 
  .color-tool-bg .btn-primary {
    min-width: 220px;
    font-size: 15px;
    padding: 5px 30px;
    max-width: 220px;
}
 @media (max-width: 767px) {

 	.social {
		border-bottom: 15px solid #f6f5f0; 		
 	}

 	.colorfullyBehr .owl-stage {
 		margin-left: -50px;
 	}

 	 	.designerStory .owl-stage {
 		margin-left: -50px;
 	}

 	.socialInstagram .owl-stage {
 		margin-left: -50px;
 	}
    .secondary .container {
        padding-right: 0px!important;
    }    
    .color-tool-bg {
        width:100%;
        margin: 0 auto;
        background: url("https://stagingdev.behr.com/binaries/content/gallery/behr-refresh-2021/homepage/colortools-background-mobile.jpg") no-repeat;
        background-size: contain;
        max-width: 1600px;
    }
    .color-tool-bg .btn-primary {
        min-width: 65%;
        max-width: 80%;
    }
    .toolbanner {
        padding-right: 0em;
        padding-left: 0em;
    }    
    
 }
 @media (min-width: 768px) {
  	.pb-md-8 {
	    padding-bottom: 8rem!important;
	}	
 	.social .body-copy-1 {
		padding-right: 20em;
	}
	.pins-board-container {
		text-align: right;
	}
	.social-breaker {
		border-bottom: 15px solid #f6f5f0;	
	}	
}
@media (min-width: 1000px) {
    .color-tool-bg .col-12.col-md-4 {
        padding-left: 0 !important;
    }
}