#fullWidthWrapper.f-ms { width:100%; min-height:161px; z-index:0; float:left; margin-top:0px; background-color:#012169 }
#threeWrapper1.f-ms { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#threeLeft1.f-ms { width:13.58%; z-index:0; float:left; padding:2% }
#duluxbranding2022.f-ms { max-width:100%; vertical-align:middle; overflow:hidden }
#threeMiddle3.f-ms { width:61.83%; z-index:0; float:left; padding:2%; margin-left:1.6% }
#specialist-paint-centre.f-ms { max-width:100%; vertical-align:middle; margin-top:60px; overflow:hidden }
#threeRight1.f-ms { width:10.92%; z-index:0; float:right; padding:2% }
#aksonobel.f-ms { max-width:100%; vertical-align:middle; margin-top:130px; overflow:hidden }
#fullWidthWrapper4.f-ms { width:100%; min-height:45px; z-index:0; float:left; margin-top:0px; background-color:#e5e6e7 }
#m1.f-ms { height:52px; z-index:0; margin-left:auto; margin-right:auto; box-sizing:; <style>:<style>
.fade {
    opacity:0.5;
}
.fade:hover
{
opacity:1;
}
</style> }
#fullWidthWrapper6.f-ms { width:100%; min-height:763px; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff; background-image:url(../Resources/home-hero.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat }
#twoWrapper4.f-ms { max-width:1200px; z-index:0; clear:both; margin:150px auto 40px }
#twoLeft5.f-ms { width:58.67%; z-index:0; float:right; padding:2% 4% }
#find-out-more.f-ms { max-width:100%; margin-top:70px; overflow:hidden }
#threeWrapper.f-ms { max-width:1200px; z-index:0; clear:both; padding-bottom:3px; margin-left:auto; margin-top:20px; margin-right:auto; background-color:#fff }
#threeLeft.f-ms { width:30.25%; z-index:0; float:left; padding:1% 1% 2% }
#specialistpaintadvice.f-ms { max-width:100%; overflow:hidden }
#threeMiddle2.f-ms { width:30.25%; z-index:0; float:left; padding:1% 1% 2%; margin-left:1.6% }
#qualityproducts.f-ms { max-width:100%; overflow:hidden }
#threeRight.f-ms { width:30.25%; z-index:0; float:right; padding:1% 1% 2% }
#covereingthegardenroute.f-ms { max-width:100%; overflow:hidden }
#oneWrapper5.f-ms { max-width:1200px; z-index:0; margin:0px auto 20px }
#one5.f-ms { z-index:0; padding:4% 10%; margin-left:auto; margin-right:auto; margin-bottom:0px }
#fullWidthWrapper1.f-ms { width:100%; min-height:435px; z-index:0; float:left; background-color:#ff0 }
#twoWrapper2.f-ms { max-width:1200px; z-index:0; clear:both; margin:50px auto 40px }
#twoLeft3.f-ms { width:41.17%; z-index:0; float:left; padding:2% 4% }
#visitourstores.f-ms { max-width:100%; overflow:hidden }
#fullWidthWrapper2.f-ms { width:100%; min-height:435px; z-index:0; float:left; background-color:#0083ca }
#twoWrapper3.f-ms { max-width:1200px; z-index:0; clear:both; margin:50px auto 40px }
#twoLeft4.f-ms { width:41.17%; z-index:0; float:right; padding:2% 4% }
#findoutmorewhite.f-ms { max-width:100%; overflow:hidden }
#fullWidthWrapper3.f-ms { width:100%; min-height:435px; z-index:0; float:left; background-color:#e5e6e7 }
#twoWrapper.f-ms { max-width:1200px; z-index:0; clear:both; margin:40px auto }
#twoLeft.f-ms { width:45.17%; z-index:0; float:left; padding:2% }
#Dulux-plett-directions.f-ms { max-width:100%; margin-top:25px; overflow:hidden }
#twoRight.f-ms { width:45.17%; z-index:0; float:right; padding:2% }
#Dulux-Knysna-directions.f-ms { max-width:100%; margin-top:25px; overflow:hidden }
#fullWidthWrapper5.f-ms { width:100%; min-height:255px; z-index:0; float:left; background-color:#012169 }
#twoWrapper1.f-ms { max-width:1200px; z-index:0; clear:both; margin-left:auto; margin-top:20px; margin-right:auto }
#twoLeft1.f-ms { width:45.17%; z-index:0; float:left; padding:2% }
#dulux-paint-centre-plettenberg-bay.f-ms { max-width:100%; overflow:hidden }
#twoLeft2.f-ms { width:10.92%; z-index:0; float:right; padding:2%; margin-top:130px }
#aksonobel1.f-ms { max-width:100%; overflow:hidden }
#oneWrapper.f-ms { max-width:1200px; z-index:0; margin-left:auto; margin-top:0px; margin-right:auto }
#one.f-ms { z-index:0; padding:2% }
@media screen and (max-width:920px)
{
	#threeLeft1.f-ms { width:45%; padding-bottom:0% }
	#threeMiddle3.f-ms { width:45%; float:right; margin-left:0px }
	#specialist-paint-centre.f-ms { max-width:95.17%; padding:10px; margin-top:0px }
	#threeRight1.f-ms { width:96%; float:left; clear:both; margin-top:0px }
	#aksonobel.f-ms { margin-top:0px }
	#fullWidthWrapper6.f-ms { margin-bottom:45px }
	#threeLeft.f-ms { width:47% }
	#threeMiddle2.f-ms { width:47%; float:right; margin-left:0px }
	#threeRight.f-ms { width:96%; float:left; clear:both; margin-top:20px }
	#twoLeft1.f-ms { float:none; margin-left:auto; margin-right:auto }
	#twoLeft2.f-ms { float:none; margin-left:auto; margin-top:0px; margin-right:auto }
	#one.f-ms { display:none }
}
@media screen and (max-width:720px)
{
	#aksonobel.f-ms { margin-top:0px }
	#twoLeft5.f-ms { width:auto; float:none }
	#twoLeft3.f-ms { width:auto; float:none }
	#twoLeft4.f-ms { width:auto; float:none }
	#twoLeft.f-ms { width:auto; float:none }
	#twoRight.f-ms { width:auto; float:none; margin-top:20px }
	#twoLeft1.f-ms { width:auto }
	#twoLeft2.f-ms { width:auto }
}
@media screen and (max-width:570px)
{
	#threeLeft1.f-ms { width:auto; float:none; padding:4% }
	#threeMiddle3.f-ms { width:auto; float:none; padding:4%; margin-top:20px }
	#threeRight1.f-ms { width:auto; float:none; padding:4%; margin-top:20px }
	#m1.f-ms { width:100%; height:auto; padding-top:14px; padding-bottom:14px }
	#twoLeft5.f-ms { padding-top:4%; padding-bottom:4% }
	#threeLeft.f-ms { width:auto; float:none; padding:4% }
	#threeMiddle2.f-ms { width:auto; float:none; padding:4%; margin-top:20px }
	#threeRight.f-ms { width:auto; float:none; padding:4% }
	#one5.f-ms { padding-left:4%; padding-right:4% }
	#twoLeft3.f-ms { padding-top:4%; padding-bottom:4% }
	#twoLeft4.f-ms { padding-top:4%; padding-bottom:4% }
	#twoLeft.f-ms { padding:4% }
	#twoRight.f-ms { padding:4% }
	#twoLeft1.f-ms { padding:4% }
	#twoLeft2.f-ms { padding:4% }
	#one.f-ms { padding:4% }
}
