/****** START general ******/
body 
{
    max-width:1920px;
    margin:0 auto;
    font-family: "PT Sans";
    background-color:#F9EFE1;
}
a
{
    color:#000000;
}
img
{
    width:100%;
}
.divMainContentWrp
{

}
.divBkWhite
{
    background-color:#FFFFFF;
}
.divBkBeige
{
    background-color:#F9EFE1;
}
.divBkBlue
{
    background-color:#1165EB;
}
.divBkGreen
{
    background-color:#56B146;
}
.divBkYellow
{
    background-color:#FEC255;
}
.divImageTextWrp .divLeft
{
    width:48%;
    display:inline-block;
}
.divImageTextWrp .divRight
{
    width:48%;
    display:inline-block;
}
.divImageTextWrp .divLeft div
{

}
.divImageTextWrp .divRight div
{

}

.divColourWhite
{
    color:#FFFFFF;
}
.desktopHide 
{
    display:none;
}
/****** END general ******/

/****** START intro ******/
.divIntroWrp
{
    background-color:#1165EB;
}
.divLogoWrp
{
    width:150px;
    padding:20px;
    display:inline-block;
}
.divIntroWrp .lnkJoinTeam 
{
    width:max-content;
    position:relative;
    top:30px;
    right:100px;
    color:#000000;
    background-color:#FEC255;
    padding:8px 18px 8px 18px;
    border-radius:20px;
    display:block;
    text-decoration:none;
    float:right;
}
.divIntroWrp .lnkJoinTeam:hover
{
    color:#FFFFFF;
    background-color:#1165EB;
    border:1px solid #FEC255;
}
.divIntroWrp .divLeft
{
    width:39%;
    display:inline-block;
    background-image:url(../images/introLeft.jpg);
    background-size:contain;
	background-repeat: no-repeat;
	background-position-x:left;
    background-position-y:bottom;
	padding-bottom:560px;
}
.divIntroWrp .divLeft span
{
    color:#FFFFFF;    
    font-size: 180px;
    font-style: normal;
    font-weight: 700;
    padding-left:34%;
    line-height: normal;
    display:block;
    transform: rotate(-6deg);
}
.divIntroWrp .divRight
{
	width: 59%;
    background-color:#1165EB;
	display: inline-block;
	float: right;
}
.divIntroWrp .divRight div
{
	background-image: url(../images/introRight.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position-x: right;
	padding-top: 350px;
}
.divIntroWrp .divRight span
{
    color:#FEC255;
    font-size: 68px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
}
.divIntroWrp .divRight p
{
    width:75%;
    color: #FFF;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divIntroWrp .divRight a
{
    width:32px;
    height:64px;
    display:block;
}
.divIntroWrp .divRight i
{
    color:#FEC255;
    font-size:48px;
    
}
.divIntroLinksWrp
{
    background-color:#008CD2;
    font-size:0;
    padding:24px 0 24px 0;
}
.divIntroLinksWrp div
{
    width:25%;
    display:inline-block;
    text-align:center;
}
.divIntroLinksWrp ul
{
    width:100%;
    padding:0;
    margin:0;
    overflow:hidden;
}
.divIntroLinksWrp li
{
    width:25%;
    display:inline-block;
    text-align:center;
}
.divIntroLinksWrp img
{
    width:50%;
    display:inline-block;
}
.divIntroLinksWrp li:nth-child(3) a img
{
    width:50%;
}
/****** END intro ******/

/****** START hemel site ******/
#divSpaceFiller 
{
    padding-top:6%;
    background-color:#FFFFFF;
}
.divHemelSiteWrp
{
    background-color:#FFFFFF;
}
.divHemelSitePartOne
{
    background-image: url(../images/hemelSite_1_2.png);
	background-size:contain;
	background-repeat: no-repeat;
    padding-bottom:19%;
    background-color:#F9EFE1;
}
.divHemelSitePartOne .divHeadingWrp
{
    width:524px;
    background-color:#FFFFFF;
    font-size: 68px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; 
    letter-spacing: -3.4px;
    padding:12px;
    margin:0 auto;
    position:relative;
    top:32px;
}
.divHemelSitePartOne div i
{
    color:#1165EB;
}
.divHemelSitePartOne .divContentsWrp 
{
    width:41%;
    padding-top:12px;
    padding-left:50%;
}
.divHemelSitePartOne span
{
    color:#1165EB;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -5.5px;
    text-transform: uppercase;
}
.divHemelSitePartOne p
{
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divHemelSitePartTwo 
{
    background-color:#FFFFFF;
}
.divHemelSitePartTwo .divHeadingWrp
{
    background-image: url(../images/whiteBeigeBkg.jpg);
	background-size:cover;
    color:#1165EB;
    padding-left:10%;
    font-size: 68px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -3.4px;
    position:relative;
    top:-142px;
}
.divHemelSitePartTwo .divHeadingWrp i
{
    color:#000000;
    font-style: italic;
}
.divHemelSitePartTwo .divContentsWrp 
{
    width:44%;
    padding-left:10%;
    display:inline-block;
    position:relative;
    top:-150px;
}
.divHemelSitePartTwo img 
{
    width:45%;
    display:inline-block;
    margin-bottom:-29px;
}
.divHemelSitePartTwo .divHeadingWrp span
{
    color:#000000;
    font-size:92px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -5.5px;
    text-transform: uppercase;
    transform: rotate(-6.228deg);
    display:inline-block;
    position:relative;
    top:80px;
    left:-204px
}
.divHemelSitePartTwo .divContentsWrp p
{
    width:55%;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divHemelSiteOneMobile
{
    display:none;
}
/****** END hemel site ******/

/****** START join the team ******/
.divJoinOurTeamWrp 
{
    background-color:#FEC255;
    padding:100px 0 90px 0;
    text-align:center;
}
.divJoinOurTeamWrp span
{
    font-size: 68px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -4.08px;
}
.divJoinOurTeamWrp a
{
    color:#000000;
    background-color:#F9EFE1;
    padding:12px;
    border: 1px solid #000;  
    text-decoration:none;
}
/****** END join the team ******/

/****** START site worth seeing ******/
.divSiteWorthSeeingWrp
{
}
.divSiteWorthSeeingHeader 
{
    background-color:#F9EFE1;
}
.divSiteWorthSeeingHeader .divLeft
{
    width:32%;
    display:inline-block;
    float:left;

}
.divSiteWorthSeeingHeader .divLeft div
{
    padding:2% 0 0 28%;
}
.divSiteWorthSeeingHeader .divLeft span
{
    font-size:80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -5.5px;
    text-transform: uppercase;
    display:inline-block;
    margin-right:-365px;
    position:relative;
    z-index:100;
}
.divSiteWorthSeeingHeader .divLeft i
{
   color:#FFFFFF;
}
.divSiteWorthSeeingHeader .divLeft p
{
    background-color:#F9EFE1;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
    padding:12px 12px 42px 12px;
    position:relative;
    top:50px;
    z-index:100;
    margin-right:-136px;
}
.divSiteWorthSeeingHeader .divRight
{
    width:65%;
    display:inline-block;
}
.divImageTextWrp span
{
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}
.divImageTextWrp p
{
    width:64%;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}

.divSiteWorthSeeingRow_1 .divLeft
{
    text-align:center;
}
.divSiteWorthSeeingRow_1 .divLeft img
{
    width:60%;
    margin-top:-100px;
    margin-bottom:-4px;
}
.divSiteWorthSeeingRow_1 .divRight
{
    float:right;
}
.divSiteWorthSeeingRow_1 .divRight span
{
    display:block;
}
.divSiteWorthSeeingRow_2 .divLeft
{
    width:65%;
    display:inline-block;
    float:left;
}
.divSiteWorthSeeingRow_2 .divLeft div,
.divSiteWorthSeeingRow_3 .divRight div,
.divSiteWorthSeeingRow_4 .divLeft div
{
    padding-left:14%;
}
.divSiteWorthSeeingRow_2 .divRight
{
    width:35%;
    display:inline-block;
    padding-bottom:3%;
}
.divSiteWorthSeeingRow_2 span
{
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}
.divSiteWorthSeeingRow_2 p
{
    width:82%;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divSiteWorthSeeingRow_3 .divRight
{
    float:right;
}
.divSiteWorthSeeingRow_3 .divLeft img
{
    margin-bottom:-4px;
}
.divSiteWorthSeeingRow_4 .divLeft
{
    float:left;
}
.divSiteWorthSeeingRow_4 .divRight img
{
    width:92%;
    position:relative;
    top:-40px;
    float:right;
}
/****** END site worth seeing ******/

/****** START meet our people ******/
.divMeetOurPeopleWrp
{
    background-color:#1165EB;
    padding:6%;
}
.divMeetOurPeopleWrp span
{
    color:#FFFFFF;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -5.5px;
    text-transform: uppercase;
}
.divPeopleCarouselWrp span
{
    text-transform:capitalize;
}
.divMeetOurPeopleWrp i
{
    color:#FEC255;
    font-style:normal;
}
.divMeetOurPeopleWrp p
{
    width:46%;
    color:#FFFFFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divPeopleCarouselWrp p
{
    width:100%;
}
.divOurPeopleSlides
{

}
.divOurPeopleContentWrp
{
    color:#FFFFFF;
}

.divOurPeopleContentWrp img
{
    width:33%;
}
.divOurPeopleContentWrp .divRight
{
    width:62%;
    display:inline-block;
    float:right;
}
.divOurPeopleContentWrp .divRight span
{    
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}
.divOurPeopleContentWrp .divRight p:nth-of-type(1)
{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.18px;
}
.divOurPeopleContentWrp .divRight p:nth-of-type(2)
{
    width:100%;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.18px;
}
/****** END meet our people ******/

/****** START meet our people slideshow******/
.divPeopleCarouselWrp
{
    max-width:1920px;
    position: relative;
    margin: auto;
}
.divOurPeopleSlides 
{
    display: none;
}
.prev, .next 
{
    cursor: pointer;
    position: absolute;
    top:0%;
    left:-4%;
    width: auto;
    margin-top: -22px;
    padding:4px 8px 8px 8px;
    color:#FEC255;
    font-weight: bold;
    font-size:42px;
    transition: 0.6s ease;
    border-radius:3px 3px 3px 3px;
    user-select: none;
}
.next 
{
  left:auto;
  right:-4%;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover
{
  background-color: rgba(0,0,0,0.8);
}
.divOuPeopleSlieIndicator
{
    width:100%;
    text-align:center;
    overflow:auto;
    position:relative;
    z-index:1000;
}
.dot 
{
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color:#FFFFFF;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover
{
  background-color: #FEC255;
}
.fade 
{
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade 
{
  from {opacity: .4}
  to {opacity: 1}
}
/****** END meet our people slideshow******/

/****** START benefits ******/
.divBenefitsWrp_1,
.divBenefitsWrp_2
{
    background-color:#F9EFE1;
}
.divBenefitsWrp_1
{
    padding-top:200px
}
.divBenefitsWrp_1 .divImageWrp
{
    position:relative;
}
.divBenefitsWrp_1 .divImageWrp img
{
    width:48%;
    position:absolute;
    right:0;
    top:-500px;
}
.divBenefitsWrp_2
{
    margin-top:-132px;
    margin-bottom:-4px;
}
.divBenefitsWrp_1 .divLeft
{
    width:48%;
    display:inline-block;
}
.divBenefitsWrp_1 .divRight
{
    width:48%;
    display:inline-block;
}
.divBenefitsWrp_1  .divLeft div
{
    padding-left:12%;
}
.divBenefitsWrp_1  .divLeft span:nth-of-type(1)
{
    color:#000000;
    font-size: 68px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
}
.divBenefitsWrp_1  .divLeft span:nth-of-type(2)
{
    color:#1165EB;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -5.5px;
    text-transform: uppercase;
    position:relative;
    top:-28px;
}
.divBenefitsWrp_1  .divLeft p
{
    width:96%;
    color:#000000;
    font-size:23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divBenefitsWrp_1  .divRight
{
    margin-top:-240px;
    text-align:right;
    position:relative;
    z-index:100;
}
.divBenefitsWrp_1  .divRight img
{
    width:100%;
    position:relative;
    left:8%;
}
.divBenefitsWrp_2  .divLeft img
{
    width:100%; 
    padding:16% 0  0 12%;
}
.divBenefitsWrp_2 .divImageTextWrp .divRight
{
    text-align:right;
    position:relative;
    z-index:10;
}
.divBenefitsWrp_2 .divImageTextWrp .divRight img
{
    width:50%;
    position:relative;
    left:8%;
}


.divBenefitsWrp_3
{
    background-color:#B2E82E;
    padding:6%;
}
.divBenefitsWrp_3 ul
{
    padding:0;
    list-style-type:none;
}
.divBenefitsWrp_3 li
{
    width:32%;
    padding-bottom:42px;
    display:inline-block;   
    text-align:center; 
    vertical-align:top;
}
.divBenefitsWrp_3 img
{
    width:120px;

}
.divBenefitsWrp_3 span
{
    font-size: 32px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.32px;    
}
.divBenefitsWrp_3 p
{
    min-height:40px;
    font-size:23px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.18px;
}
/****** END benefits ******/

/****** START a place to belong ******/
.divPlaceToBelongWrp
{
    background-color:#F9EFE1;
    padding:6%;
}
.spnPlaceToBelongHeading
{
    font-size:62px;
    font-style: normal;
    font-weight: 700;
    line-height: 82.9%; /* 91.19px */
    letter-spacing: -0.32px;
}
.divToBelongSlides span
{
    font-size:32px;
    font-style: normal;
    font-weight: 700;
    line-height: 82.9%; /* 91.19px */
    letter-spacing: -0.32px;
}
.divPlaceToBelongWrp i
{
    color:#1165EB;
    font-style:normal;
}
.divPlaceToBelongWrp p
{
    max-width:660px;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divPlaceToBelongSliderWrp
{

}
.divBelongSlideLeft
{
    width:48%;
    display:inline-block;
}
.divBelongSlideRight
{
    width:48%;
    display:inline-block;
    float:right;
}
.imgBelongSlide
{
    width:85%;
    position:relative;
    top:40px;
    left:50px;
}
.divToBelongSlideFooterWrp
{
    width:70%;
    padding:62px 0 24px 44px
}
.divToBelongSlides p
{
    padding-left:62px;
}
/****** END a place to belong ******/

/****** START place to belong slideshow******/
.divPlaceToBelongSliderWrp
{
    max-width: 1000px;
    position: relative;
    margin: auto;
}
.divToBelongSlides 
{
    display: none;
}
.divPlaceToBelongSliderWrp .prev,
.divPlaceToBelongSliderWrp .next 
{
    cursor: pointer;
    position: absolute;
    top:50%;
    left:-12%;
    width: auto;
    margin-top: -22px;
    padding:4px 8px 8px 8px;
    color:#FEC255;
    font-weight: bold;
    font-size:42px;
    transition: 0.6s ease;
    border-radius:3px 3px 3px 3px;
    user-select: none;
}
.divPlaceToBelongSliderWrp .next 
{
  left:auto;
  right:-12%;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover
{
  background-color: rgba(0,0,0,0.8);
}
.divPlaceToBelongSlieIndicator
{
    width:100%;
    text-align:center;
    overflow:auto;
    position:relative;
    z-index:1000;
}
.dot_2 
{
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color:#FEC255;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active_2, .dot_2:hover
{
  background-color:#1165EB;
}
.fade 
{
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade 
{
  from {opacity: .4}
  to {opacity: 1}
}
/****** END place to belong slideshow******/

/****** start delivering for tomorrow ******/
.divDeliveringWrp
{
    background-color:#1165EB;
    padding:10px 22px 22px 22px;
}
.divDeliveringWrp .divTextWrp
{
    padding:4% 0 0 4%;
}
.divDeliveringWrp span
{
    color:#FFFFFF;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: 82.9%; /* 91.19px */
    letter-spacing: -5.5px;
    text-transform: uppercase;
}
.divDeliveringWrp p
{
    width:75%;
    color:#FFFFFF;
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divDeliveringWrp i
{
    color:#FEC255;
}
.divDeliveringWrp img
{
    margin-top:-40px;
}
.divDeliveringWrp a
{
    color:#FFFFFF;
}
/****** END delivering for tomorrow ******/

/****** START ppp ******/
.divPPPWrp
{

}
.divPppRow_1 .divRight,
.divPppRow_3 .divRight
{
    float:right;
}
.divPppRow_2 .divLeft
{
    float:left;
}
.divPppRow .divRight div,
.divPppRow .divLeft div
{
    padding-left:14%;
}
.divPppRow span
{
    font-size: 32px;
    font-style: normal;
    /*font-weight: 600;*/
    line-height: normal;
    letter-spacing: -0.32px;
}
.divPppRow p
{
    font-size:23px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.26px;
}
.divPppRow_1 .divLeft,
.divPppRow_3 .divLeft
{
    text-align:right;
}
.divPppRow_1 .divLeft img
{
    width:85%;
    margin-bottom:8%
}
.divPppRow_2 .divRight img
{
    padding-bottom:50px;
}
.divPppRow_2 .divRight img,
.divPppRow_3 .divLeft img
{
    width:85%;
    position:relative;
    top:-36px;
}
/****** END ppp ******/

/****** START footer ******/
.divFooterWrp
{
    color:#FFFFFF;
    background-color:#242F31;
    padding:22px 40px 22px 120px;
    border-top:solid 4px #369F90;
}
.divFooterWrp img
{
    width:128px;
}
.divFooterWrp ul
{
    padding:0;
    list-style-type:none;
}
.divFooterWrp li
{
    display:inline-block;
}
.divFooterWrp ul li:nth-child(even)
{
    padding:0 6px 12px 6px;
}
.divFooterWrp a
{
    color:#FFFFFF;
    text-decoration:none;
}
/****** END footer ******/
@media all and (max-width:1920px) 
{
    .divHemelSitePartOne 
    {
        padding-bottom:17%;
    }
}
@media all and (max-width:1600px)
{
    .divIntroWrp .divLeft
    {
	    padding-bottom: 440px;
    }
    .divHemelSitePartTwo .divContentsWrp 
    {
	    top: -100px;
    }
    .divSiteWorthSeeingHeader .divLeft span
    {
	    font-size: 67px;
    }
    .divBenefitsWrp_2
    {
	    margin-top: -100px;
    }
    .divImageTextWrp p
    {
	    width: 90%;
    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    width:51%;
	    top:-440px;
    }
}
@media all and (max-width:1536px) 
{
    .divIntroWrp .divLeft 
    {
	    padding-bottom: 520px;
    }
    .divIntroWrp .divRight div 
    {
	    padding-top: 290px;
    }
    .divHemelSitePartTwo .divHeadingWrp
    {
	    top: -255px;
    }
    .prev
    {
	    left: -6%;

    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    top: -330px;
    }
    .divBenefitsWrp_1 li p br,
    .divBenefitsWrp_2 li p br,
    .divBenefitsWrp_3 li p br
    {
        display:none;
    }
}
@media all and (max-width:1440px)
{
    .divIntroWrp .divRight p
    {
	    width: 90%;
    }
    .divSiteWorthSeeingHeader .divLeft span
    {
	    font-size: 61px;
    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    width: 57%;
	    top: -400px;
    }
    .divHemelSitePartTwo .divContentsWrp
    {
	    top: -50px;
    }
    .divIntroWrp .divRight div
    {
	    padding-top: 260px;
    }
    .divHemelSitePartTwo .divHeadingWrp
    {
	    top: -304px;
    }
    .divHemelSitePartOne p
    {
	    position: relative;
	    z-index: 100;
    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    width: 55%;
	    top: -346px;
    }
    .divBenefitsWrp_3 span 
    {
        font-size: 28px;
    }
}
@media all and (max-width:1366px)
{
    .divIntroWrp .divLeft
    {
	    padding-bottom: 468px;
    }
    .divHemelSitePartOne
    {
	    padding-bottom: 91px;
    }
    .divHemelSitePartTwo .divContentsWrp p
    {
	    width:80%
    }
    .divIntroWrp .divRight div
    {
	    padding-top: 226px;
    }
    .divHemelSitePartTwo .divHeadingWrp
    {
	    top: -155px;
    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    top: -300px;
    }
}
@media all and (max-width:1360px) 
{
    .divPppRow_2 .divRight img, .divPppRow_3 .divLeft img
    {
        top: -18px;
    }
}
@media all and (max-width:1312px) 
{
    .divHemelSitePartOne 
    {
        padding-bottom: 76px;
    }
}
@media all and (max-width:1280px)
{
    
    .divIntroWrp .divLeft span
    {
        padding-left:26%;
    }
    .divIntroWrp .divRight div
    {
	    padding-top:280px;
    }
    .divIntroWrp .divLeft
    {
	    padding-bottom: 370px;
    }
    /*.divIntroWrp .divRight p,
    .divIntroWrp .divRight a
    {
        margin:0 auto;
    }*/
    .divIntroWrp .divRight span
    {
        padding-left:4%;
    }
    .divHemelSitePartOne .divContentsWrp
    {
	    width:auto;
    }
    .divHemelSitePartOne span,
    .divHemelSitePartTwo .divHeadingWrp span,
    .divMeetOurPeopleWrp span
    {
	    font-size: 90px;
    }
    .divSiteWorthSeeingHeader .divLeft span,
    .divDeliveringWrp span
    {
	    font-size:56px;
    }
    .divSiteWorthSeeingHeader .divLeft p,
    .divSiteWorthSeeingRow_2 p,
    .divImageTextWrp p
    {
	    font-size:20px;
    }
    .divImageTextWrp p
    {
	    width:100%;
    }
    .divImageTextWrp span,
    .divSiteWorthSeeingRow_1 .divRight span,
    .divSiteWorthSeeingRow_2 span
    {
	    font-size: 24px;
    }
    .prev, .next
    {
	    left:-6%;
    }
    .next
    {
        left:auto;
	    right:0;
    }
    .divBenefitsWrp_2
    {
	    margin-top: -90px;
    }
    .divPlaceToBelongSliderWrp .prev
    {
        left:-4%
    }

    .divPlaceToBelongSliderWrp .next
    {
        right:-4%;
    }
    .spnPlaceToBelongHeading
    {
	    font-size: 48px;
    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    width: 57%;
	    top: -270px;
    }
    .divMeetOurPeopleWrp p
    {
	    width: 100%;
    }
    .divBenefitsWrp_3 span 
    {
        font-size: 24px;
    }
    .divBenefitsWrp_3 p 
    {
        font-size: 22px;
    }
}
@media all and (max-width:1080px) 
{
    .divIntroWrp .divLeft 
    {
        padding-bottom: 477px;
    }
    .divHemelSitePartOne 
    {
        padding-bottom: 102px;
    }
    .divHemelSitePartOne .divContentsWrp 
    {
        padding-left: 45%;
    }
    .divHemelSitePartOne p 
    {
        font-size: 19px;
    }
}
@media all and (max-width:1024px)
{
    .mobileHide
    {
        display:none !important;
    }
    .desktopHide
    {
        display:block;
    }
    .divIntroWrp .divLeft
    {
	    width: 100%;
        background-size: cover;
	    padding-bottom: 560px;
    }
    .divIntroWrp .divRight
    {
	    width: 100%;
	    float:none;
    }
    .divIntroWrp .divRight p
    {
	    padding-top: 22px;
    }
    .divIntroWrp .divRight a
    {
	    padding-top:12px;
    }
    .divIntroWrp .divRight p,
    .divIntroWrp .divRight a
    {
        margin:0 auto;
    }
    .divIntroLinksWrp li
    {
	    width: 50%;
	    padding-bottom: 22px;
    }
    .divHemelSitePartOne span, 
    .divHemelSitePartTwo .divHeadingWrp span,
    .divMeetOurPeopleWrp span
    {
	    font-size: 80px;
    }
    .divHemelSitePartTwo .divHeadingWrp span
    {
	    top: 60px;
    }
    .divSiteWorthSeeingHeader .divLeft span, 
    .divDeliveringWrp span
    {
	    font-size: 46px;
    }
    .divImageTextWrp .divLeft
    {
	    width: 100%;
    }
    .divSiteWorthSeeingRow_1 .divRight 
    {
	    float:none
    }
    .divImageTextWrp .divRight
    {
	    width: 90%;
	    display: block;
	    margin: 0 auto;
	    padding: 12px 0 12px 12px;
    }
    .divSiteWorthSeeingRow_2 .divLef
    {
	    width: 100%;
	    float: none;
    }
    .divSiteWorthSeeingRow_2 .divRight
    {
	    width: 100%;
	    padding-bottom: 0;
    }
    .divSiteWorthSeeingRow_3 .divRight,
    .divSiteWorthSeeingRow_4 .divLeft,
    .divPppRow_1 .divRight, 
    .divPppRow_3 .divRight,
    .divPppRow_2 .divLeft
    {
	    float: none;
    }
    .divSiteWorthSeeingRow_4 .divRight img
    {
	    width: 100%;
	    top: 0;
	    float: none;
    }

    .divSiteWorthSeeingRow_2 .divLeft
    {
	    width: 100%;
	    float: none;
    }
    .divSiteWorthSeeingRow_2 p
    {
	    width: 100%;
    }
    .divSiteWorthSeeingRow_2 .divLeft,
    .divSiteWorthSeeingRow_4 .divLeft,
    .divPPPWrp .divLeft
    {
	    width: 90%;
	    float: none;
        padding:12px 0 12px 12px;
	    margin: 0 auto;
	    display: block;
    }
    .divSiteWorthSeeingRow_2 .divLeft div,
    .divSiteWorthSeeingRow_3 .divRight div,
    .divSiteWorthSeeingRow_4 .divLeft div,
    .divPppRow .divRight div, 
    .divPppRow .divLeft div
    {
        padding:0;
    }
    .divPppRow_1 .divLeft img
    {
	    width: 100%;
	    margin-bottom: 0;
    }
    .divPppRow_2 .divRight img,
     .divPppRow_3 .divLeft img
    {
	    width: 100%;
	    top: 0;
    }

}
@media all and (max-width:920px)
{
    .divIntroWrp .divLeft
    {
	    background-size: contain;
	    padding-bottom:72%;
    }
    .divIntroWrp .divLeft span
    {
        font-size:120px;
    }
    .divHemelSitePartOne span
    {
	    font-size: 74px;
    }
    .divHemelSiteWrp 
    {
	    background-color: #F9EFE1;
    }
    .divHemelSitePartOne
    {
        background-image: url(../images/hemelSite_1_noFooter.png);
        padding-bottom:0;
    }
    .divHemelSitePartOne p
    {
	    background-color: #FFFFFF;
	    padding: 12px;
    }
    .divHemelSitePartOne .divContentsWrp
    {
	    padding-left: 47%;
    }
    .divHemelSitePartTwo .divHeadingWrp
    {
	    top:0;
    }
    .divHemelSitePartTwo .divHeadingWrp span 
    {
	    /*top:-40px;
	    left:0px;*/
    }
    .divHemelSitePartTwo .divContentsWrp
    {
	    width:90%;
    }
    .divHemelSitePartTwo img 
    {
	       width:100%;
    }
    .divHemelSitePartTwo
    {
	    background-size: 50% 90%;
	    padding-bottom: 0px;
    }
    .divHemelSitePartTwo .divContentsWrp
    {
	    position: relative;
	    top:0;
    }
    .divSiteWorthSeeingRow_1 .divLeft img
    {
	     margin-top:0;
    }
    .divSiteWorthSeeingRow_2 .divLeft div,
     .divSiteWorthSeeingRow_3 .divRight div
    {
	    /*padding: 0% 0 0 14%;*/
        padding:0;
    }
    .divSiteWorthSeeingHeader .divLeft
    {
        width:100%;
	    float:none;
    }
    .divSiteWorthSeeingHeader .divLeft div
    {
	    padding: 2% 0 0 2%;
    }
    .divSiteWorthSeeingHeader .divLeft p 
    {
	    top:0px; 
	    margin-right:0;
    }
    .divSiteWorthSeeingHeader .divRight
    {
	    width:100%;
    }
    .divImageTextWrp .divLeft,
    .divSiteWorthSeeingRow_1 .divRight,
    .divSiteWorthSeeingRow_2 .divLeft,
    .divSiteWorthSeeingRow_2 .divRight,
    .divImageTextWrp .divRight
    {
	    width:100%;
        float:none;
    }
    .divSiteWorthSeeingRow_1 .divRight div
    {
        width:100%;
        padding-left:0;
    }
    .divSiteWorthSeeingRow_3 .divRight
    {
        width:100%;
    }
    .divSiteWorthSeeingRow_4 .divLeft div
    {
	    padding: 4% 0 0 0%;
    }
    .divSiteWorthSeeingRow_4 .divRight img
    {
	    width:100%; 
	    top:0;
	    float:none;
    }
    .prev
    {
	    left:-8%;
    }
    .divPlaceToBelongSliderWrp .prev
    {
	    left:-8%;
    }
    .divPlaceToBelongSliderWrp .next
    {
	    right: -8%;
    }
    .divBenefitsWrp_1 .divImageTextWrp .divRight,
    .divBenefitsWrp_2 .divImageTextWrp .divLeft,
    .divBenefitsWrp_2 .divImageTextWrp .divRight
    {
        width:48%;
    }
    .divHemelSitePartOne span,
    .divHemelSitePartTwo .divHeadingWrp span,
    .divMeetOurPeopleWrp span
    {
	    font-size:64px;
    }
    .divHemelSitePartOne span
    {
        background-color:#FFFFFF;
    }
    .divHemelSitePartOne .divHeadingWrp
    {
	    top: 16px;
    }
    .divBenefitsWrp_1 .divImageTextWrp .divRight img
    {
        display:none;
    }
    .divBenefitsWrp_2 .divImageTextWrp .divLeft img
    {
        width:100%;
    }
    .divFooterWrp
    {
	    padding: 22px 40px 22px 40px;
    }
    .divBenefitsWrp_3 li 
    {
	    width: 49%;
    }
    .divPppRow_1 .divLeft img
    {
	    width:98; 
	    margin-bottom:0; 
    }
    .divPppRow .divRight div,
    .divPppRow .divLeft div
    {
	    padding: 4% 0 0 0;
    }
    .divPppRow_2 .divRight img,
     .divPppRow_3 .divLeft img
    {
	    width: 100%;
	    top:0;
    }
    .divHemelSitePartTwo .divContentsWrp p
    {
	    width: 94%;
    }
    .divHemelSitePartTwo .divHeadingWrp span
    {
	    transform: none;
	    top: 0;
	    left: 0;
    }
    .divOurPeopleContentWrp img
    {
	    width: 60%;
	    margin: 0 auto;
	    display: block;
    }
    .divOurPeopleContentWrp .divRight
    {
	    width: 100%;
	    float: none;
    }
    .divSiteWorthSeeingHeader .divLeft i
    {
	    color: #000000;
        letter-spacing:-3.5px;
    }

}
@media all and (max-width:768px)
{
    .divHemelSitePartTwo .divHeadingWrp span 
    {
	    top: 0px;
    }
    .divImageTextWrp p 
    {
	    width: 98%;
    }
    .divIntroWrp .lnkJoinTeam
    {
        right: 12px;
    }
    .divToBelongSlides p 
    {
	    padding-left: 0;
    }
    .divPlaceToBelongWrp p 
    {
	    font-size: 20px;
    }
    .divToBelongSlideFooterWrp 
    {
	    padding: 50px 0 20px 34px;
    }
    .imgBelongSlide 
    {
	    width: 80%;
	    top: 40px;
	    left: 36px;
    }
    .divToBelongSlides span 
    {
	    font-size: 24px;
    }
    .divPlaceToBelongSliderWrp .prev, .divPlaceToBelongSliderWrp .next 
    {
	    top: 0;
    }
    .divBenefitsWrp_1 .divLeft
    {
        width: 100%;
    }
    .divBenefitsWrp_1 .divLeft span:nth-of-type(2) 
    {
	    font-size: 74px;
	    top: -22px;
    }
    .divBenefitsWrp_1
    {
	    padding-top:0;
    }
     .divBenefitsWrp_2 
    {
	    margin-top: 0px;
    }
    .divBenefitsWrp_1 .divImageWrp img
    {
	    /*display: none;*/
    }
    .divBenefitsWrp_1 .divImageWrp img 
    {
	    width: 33%;
	    top: -53px;
    }
    .divBenefitsWrp_3 li
    {
	    width:48%;
    }
    .divHemelSitePartOne .divHeadingWrp 
    {
	    width:436px;
	    font-size: 58px;
    }
    .divHemelSitePartOne .divContentsWrp
    {
	    padding-left: 45%;
    }
    .divBenefitsWrp_3 span 
    {
        font-size: 22px;
    }
    .divBenefitsWrp_3 p 
    {
        font-size: 20px;
    }
}
@media all and (max-width:450px)
{
    .divHemelSitePartTwo .divContentsWrp
    {
        width:100%;
    }
    .divHemelSitePartTwo img
    {
        width:100%;
    }
    
    .divIntroWrp .divLeft span
    {
	    padding-left: 8%;
    }
    .divIntroWrp .divRight div
    {
	    padding-top: 278px;
    }
    .divIntroWrp .divRight span
    {
	    font-size: 58px;
    }
    .divHemelSitePartOne
    {
	    background-image: none;
    }
    .divHemelSiteOneMobile
    {
        display:block;
    }
    .divHemelSitePartOne .divContentsWrp
    {
	    padding-left: 0;
    }
    .divHemelSitePartOne .divHeadingWrp
    {
	    width: auto;
    }
    .divHemelSitePartOne span
    {
	    padding-left: 12%;
    }
    .divMeetOurPeopleWrp p 
    {
	    width: 98%;
    }
    
    .divHemelSitePartTwo .divContentsWrp
    {
	    padding-left: 12px;
    }
    .divHemelSitePartTwo .divHeadingWrp 
    {
	    padding-left: 12px;
    }
   
    .divToBelongSlideFooterWrp span
    {
        
    }
}