@charset "iso-8859-1";
/* CSS Document */
@media (min-width: 768px) {
.navWidth {
    width: 75%;
}
.logoWidth {
    width: 25%;
}
}

@media (min-width: 992px) {
.navWidth {
    width: 70%;
}
.logoWidth {
    width: 30%;
}
}
@media (min-width: 1200px) {
.navWidth {
    width: 75%;
}
.logoWidth {
    width: 25%;
}
}

/* navbar width */
@media (min-width: 768px) {
.navbar {
	width: 580px;
}
}

@media (min-width: 992px) {
.navbar {
    width: 660px;
}
}
@media (min-width: 1200px) {
.navbar {
    width: 710px;
}
}

/* nav bar font size*/
@media (min-width: 768px) {
.navbar-nav > li > a {
    font-size: 0.8em;
}
}

@media (min-width: 992px) {
.navbar-nav > li > a {
    font-size: 0.9em;
}
}
@media (min-width: 1200px) {
.navbar-nav > li > a {
    font-size: 1.0em;
}
}

/* Homepage - search box size*/


@media (max-width: 768px) {
.search01Div input {
	width: 150px;
}
.search02Div input {
	width: 36px;
}
.connectControlLogo {
	padding-left: 7px;
}
}

@media (min-width: 768px) {
.search01Div input {
	width: 354px;
}
.search02Div input {
	width: 46px;
}
.connectControlLogo {
	padding-left: 2px;
}
}
@media (min-width: 992px) {
.search01Div input {
	width: 432px;
}
.search02Div input {
	width: 46px;
}
.connectControlLogo {
	padding-left: 2px;
}
}
@media (min-width: 1200px) {
.search01Div input {
	width: 478px;
}
.search02Div input {
	width: 46px;
}
.connectControlLogo {
	padding-left: 2px;
}
}

/* nav bar training dropdown size*/
@media (min-width: 768px) {
.trainingWidth {
    width: 320px;
}
}

@media (min-width: 992px) {
.trainingWidth {
    width: 350px;
}
}
@media (min-width: 1200px) {
.trainingWidth {
    width: 400px;
}
}

/* Greater than the sum h1 size*/
@media (min-width: 768px) {
.homeGreaterCol1 h1 {
	font-size: 1.2em;
}
}

@media (min-width: 992px) {
.homeGreaterCol1 h1 {
	font-size: 1.8em;
}
}
@media (min-width: 1200px) {
.homeGreaterCol1 h1 {
	font-size: 1.8em;
}
}

/* Homepage - background image resize size*/

@media (max-width: 480px) {
.homeBakImg {
	background-position: left top;
}
}

@media (max-width: 768px) {
.homeBakImg {
	background-position: left top;
}
}

@media (min-width: 768px) {
.homeBakImg {
	background-position: left top;
}
}
@media (min-width: 992px) {
.homeBakImg {
	background-position: left top;
}
}
@media (min-width: 1200px) {
.homeBakImg {
	background-position: left -60px;
}
}
/* Homepage - click here to buy image size*/

@media (max-width: 480px) {
.image100Perc {
	background-image: url(../images/homepage/updates5-2016/francisePegler01.jpg);
}
}

@media (max-width: 768px) {
.image100Perc {
	background-image: url(../images/homepage/updates5-2016/francisePegler01.jpg);
}
}

@media (min-width: 768px) {
.image100Perc {
	background-image: url(../images/homepage/updates5-2016/francisePegler01a.jpg);
	min-height:249px;
}
}
@media (min-width: 992px) {
.image100Perc {
	background-image: url(../images/homepage/updates5-2016/francisePegler01.jpg);
	min-height:250px;
}
}
@media (min-width: 1200px) {
.image100Perc {
	background-image: url(../images/homepage/updates5-2016/francisePegler01d.jpg);
	min-height:250px;
}
}

/* click on line header size*/

@media (max-width: 480px) {
.clickOnline h3 {
	font-size: 2.0em;
}
}

@media (max-width: 768px) {
.clickOnline h3 {
	font-size: 1.8em;
}
}

@media (min-width: 768px) {
.clickOnline h3 {
	font-size: 1.8em;
}
}
@media (min-width: 992px) {
.clickOnline h3 {
	font-size: 2.2em;
}
}
@media (min-width: 1200px) {
.clickOnline h3 {
	font-size: 2.2em;
}
}

/* connect - choosing the right system h2 size*/

@media (max-width: 480px) {
.connectlEffCol1 h2 {
	padding-top: 10px;
	font-size: 2.2em;
}
}

@media (max-width: 768px) {
.connectlEffCol1 h2 {
	padding-top: 10px;
	font-size: 2.0em;
}
}

@media (min-width: 768px) {
.connectlEffCol1 h2 {
	padding-top: 5px;
	font-size: 1.9em;
}
}
@media (min-width: 992px) {
.connectlEffCol1 h2 {
	padding-top: 10px;
	font-size: 2.8em;
}
}
@media (min-width: 1200px) {
.connectlEffCol1 h2 {
	padding-top: 20px;
	font-size: 3em;
}
}

/* control - Efficient heat distri9bution h2 size*/

@media (max-width: 480px) {
.controlEffCol1 h2 {
	padding-top: 10px;
	font-size: 2.2em;
}
}

@media (max-width: 768px) {
.controlEffCol1 h2 {
	padding-top: 10px;
	font-size: 2.0em;
}
}

@media (min-width: 768px) {
.controlEffCol1 h2 {
	padding-top: 5px;
	font-size: 1.9em;
}
}
@media (min-width: 992px) {
.controlEffCol1 h2 {
	padding-top: 10px;
	font-size: 2.8em;
}
}
@media (min-width: 1200px) {
.controlEffCol1 h2 {
	padding-top: 20px;
	font-size: 3em;
}
}
/* connect - calculate cost savings h2 size*/


@media (max-width: 480px) {
.calcPara {
	width: 50%;
}
}
@media (max-width: 480px) {
.calcPara p{
	font-size: 0.8em;
}
}
@media (max-width: 480px) {
.connectCalc h2 {
	font-size: 1.2em;
}
}
@media (min-width: 768px) {
.connectCalc h2 {
	font-size: 2.2em;
}
}
@media (min-width: 992px) {
.connectCalc h2 {
	font-size: 2.4em;
}
}
@media (min-width: 1200px) {
.connectCalc  h2 {
	font-size: 2.8em;
}
}

/* homepage control, connect and start journey boxes*/
@media (max-width: 768px) {
.homeCol2 {
	float: left;
}
}

/* homepage left white line*/
@media (max-width: 768px) {
.leftWhiteLine {
	border-left-width: 0;
}
}

/* insight/mypy coloured background*/
@media (min-width: 768px) {
.insightMypyColBak {
	background-color: #FFF;
}
}

@media (min-width: 992px) {
.insightMypyColBak {
	background-color: #CCC;
}
}
@media (min-width: 1200px) {
.insightMypyColBak {
	background-color: #FFF;
}
}
/* homepage control, connect and start journey boxes*/
@media (max-width: 768px) {
.homeCol2 {
	float: right;
}
}

/* homepage myPy Padding removal on small size
@media (max-width: 768px) {
.homeMypyHdr {
	padding-left: 5px;
}
} */

/* Social right blue line removal*/
@media (max-width: 992px) {
.socialCol1 {
	border-right-width: 0;
}
}
/* Social left blue line removal*/
@media (max-width: 992px) {
.socialCol3 {
	border-left-width: 0;
}
}
/* Careers right blue line removal*/
@media (max-width: 992px) {
.careersCol1 {
	border-right-width: 0;
}
}
/* Careers left blue line removal*/
@media (max-width: 992px) {
.careersCol2 {
	border-left-width: 0;
}
}

/* Who are Pegler blue line removal*/
@media (max-width: 768px) {
.who2Phil {
	border-right-width: 0;
}
}
@media (max-width: 768px) {
.who2Serv {
	border-right-width: 0;
}
}
@media (max-width: 768px) {
.who2Qual {
	border-left-width: 0;
	border-top-width: 1px;
}
}
@media (max-width: 768px) {
.who2Qual h2{
	margin-top: 10px;
}
}
@media (max-width: 768px) {
.who2Innov {
	border-left-width: 0;
	border-top-width: 1px;
}
}
@media (max-width: 768px) {
.who2Innov h2{
	margin-top: 10px;
}
}
@media (max-width: 768px) {
.who2Purp {
	border-top-width: 1px;
}
}
@media (max-width: 768px) {
.who2Purp h2{
	margin-top: 10px;
}
}
@media (max-width: 768px) {
.who2Purp {
	border-top-width: 1px;
}
}
@media (max-width: 768px) {
.who2Invest {
	border-top-width: 1px;
}
}
@media (max-width: 768px) {
.who2Invest h2{
	margin-top: 10px;
}
}
/* Connect and control right grey line removal*/

@media (max-width: 992px) {
.connectTempCol01 {
	border-right-width: 0px;
	border-right-style: none;
}
}

@media (max-width: 992px) {
.contTempCol01 {
	border-right-width: 0px;
	border-right-style: none;
}
}
/* blueLine for small sizes on connect and control pages*/

@media (min-width: 480px) {
.blueLineWhenSmall {
	border-top-width: 1px;
}
}
@media (min-width: 768px) {
.blueLineWhenSmall {
	border-top-width: 0px;
}
}
@media (min-width: 992px) {
.blueLineWhenSmall {
	border-top-width: 0px;
}
}
@media (min-width: 1200px) {
.blueLineWhenSmall {
	border-top-width: 0px;
}
}
/* greenLine for small sizes on connect and control pages*/

@media (min-width: 480px) {
.greenLineWhenSmall {
	border-top-width: 1px;
}
}
@media (min-width: 768px) {
.greenLineWhenSmall {
	border-top-width: 0px;
}
}
@media (min-width: 992px) {
.greenLineWhenSmall {
	border-top-width: 0px;
}
}
@media (min-width: 1200px) {
.greenLineWhenSmall {
	border-top-width: 0px;
}
}
/* technical questions & surpassing industry header resizing*/

@media (min-width: 480px) {
.controlTrustCol2 h2, .controlTrustCol3 h2 {
	font-size: 2.8em;
}
.controlTrustCol3 h3 {
	font-size: 1.4em;
}
}
@media (min-width: 768px) {
.controlTrustCol2 h2, .controlTrustCol3 h2 {
	font-size: 2.5em;
}
.controlTrustCol3 h3 {
	font-size: 1.2em;
}
}
@media (min-width: 992px) {
.controlTrustCol2 h2, .controlTrustCol3 h2 {
	font-size: 2.8em;
}
.controlTrustCol3 h3 {
	font-size: 1.4em;
}
}
@media (min-width: 1200px) {
.controlTrustCol2 h2, .controlTrustCol3 h2 {
	font-size: 2.8em;
}
.controlTrustCol3 h3 {
	font-size: 1.4em;
}
}
/* group holding company blue line removal*/
@media (max-width: 768px) {
.groupRow1Col1 {
	border-right-width: 0;
}
}
/* connect index right white line*/

@media (max-width: 768px) {
.connectSuppCol1 {
	border-right-width: 0px;
}
}
/* products box and link sizes*/
@media (min-width: 460px) {
.product2015Box {
    height: 100%;
}
}
@media (max-width: 768px) {
.product2015Box {
    height: 100%;
}
}
@media (min-width: 768px) {
.product2015Box {
    height: 355px;
}
}
@media (min-width: 992px) {
.product2015Box {
    height: 341px;
}
}
@media (min-width: 1200px) {
.product2015Box {
    height: 328px;
}
}
@media (min-width: 360px) {
.parHeight {
    height: 100%;
}

}
@media (min-width: 768px) {
.parHeight {
    height: 101px;
}
}
@media (min-width: 992px) {
.parHeight {
    height: 201px;
}
}
@media (min-width: 1200px) {
.parHeight {
    height: 161px;
}
}
/* quickLinks padding for connect and conrol index pages*/

@media (min-width: 480px) {
.quickLinks {
    padding-top: 10px;
}
}
@media (min-width: 768px) {
.quickLinks {
    padding-top: 10px;
}
}
@media (min-width: 992px) {
.quickLinks {
	 padding-bottom: 20px;
    padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.quickLinks {
	padding-top: 50px;
   padding-bottom: 200px;
}
}
/* connect- technical questions h2 size*/

@media (max-width: 480px) {
.connectGuarCol3 h2 {
	font-size: 3.0em;
}
}

@media (max-width: 768px) {
.connectGuarCol3 h2 {
	font-size: 3.0em;
}
}

@media (min-width: 768px) {
.connectGuarCol3 h2 {
	padding-bottom: 10px;
	font-size: 2.6em;
}
}
@media (min-width: 992px) {
.connectGuarCol3 h2 {
	font-size: 2.8em;
}
}
@media (min-width: 1200px) {
.connectGuarCol3 h2 {
	font-size: 3em;
}
}
/* connect- myPY p size*/

@media (max-width: 480px) {
.mypyBoxCol2 p {
	font-size: 1.0em;
	line-height: 1.2em;

}
}

@media (max-width: 768px) {
.mypyBoxCol2 p {
	font-size: 1.0em;
	line-height: 1.2em;

}
}

@media (min-width: 768px) {
.mypyBoxCol2 p {
	font-size: 1.0em;
	line-height: 1.2em;

}
}
@media (min-width: 992px) {
.mypyBoxCol2 p {
	font-size: 1.1em;
	line-height: 1.1em;

}
}
@media (min-width: 1200px) {
.mypyBoxCol2 p {
	font-size: 1.1em;
	line-height: 1.2em;

}
}
/* connect- INSIGHT p size*/

@media (max-width: 480px) {
.insightBoxCol2 p {
	font-size: 0.9em;
	line-height: 1.2em;

}
}

@media (max-width: 768px) {
.insightBoxCol2 p {
	font-size: 0.9em;
	line-height: 1.2em;

}
}

@media (min-width: 768px) {
.insightBoxCol2 p {
	font-size: 0.9em;
	line-height: 1.2em;

}
}
@media (min-width: 992px) {
.insightBoxCol2 p {
	font-size: 0.8em;
	line-height: 1.1em;

}
}
@media (min-width: 1200px) {
.insightBoxCol2 p {
	font-size: 0.9em;
	line-height: 1.2em;

}
}

/* corporate yellow cross size*/

@media (max-width: 480px) {
.greaterConnectCol2 img {
	width: 10%;
	padding-top: 0px;


}
}

@media (max-width: 768px) {
.greaterConnectCol2 img {
	width: 10%;
	padding-top: 0px;


}
}

@media (min-width: 768px) {
.greaterConnectCol2 img {
	width: 60%;
	padding-top: 70px;


}
}
@media (min-width: 992px) {
.greaterConnectCol2 img {
	width: 50%;
	padding-top: 30px;


}
}
@media (min-width: 1200px) {
.greaterConnectCol2 img {
	width: 40%;
	padding-top: 30px;

}
}
/* control index  reducing buildings right white line*/

@media (max-width: 768px) {
.controlSpecCol1 {
	border-right-width: 0px;
}
}
/* control index  water efficiency right white line*/

@media (max-width: 768px) {
.controlWaterCol1 {
	border-right-width: 0px;
}
}
/* control index  model engineering right white line*/

@media (max-width: 992px) {
.controlWaterCol2 {
	border-right-width: 0px;
}
}
/* control index  model engineering right white line*/


@media (min-width: 992px) {
.controlReduceTopLine {
	border-top-width: 0px;
		padding-top: 0px;

}
}
@media (min-width: 1200px) {
.controlReduceTopLine {
	border-top-width: 0px;
		padding-top: 0px;

}
}
/* control index  surpassing industry right white line*/

@media (max-width: 768px) {
.controlTrustCol2 {
	border-right-width: 0px;
}
}

/* brands header top padding*/
@media (max-width: 480px) {
.brandMainHdr h2 {
	padding-top: 5px;
	padding-bottom: 5px;
}
}
@media (max-width: 768px) {
.brandMainHdr h2 {
	padding-top: 5px;
	padding-bottom: 5px;
}
}
@media (min-width: 768px) {
.brandMainHdr h2 {
	padding-top: 50px;
}
}
@media (min-width: 992px) {
.brandMainHdr h2{
	padding-top: 50px;
}
}
@media (min-width: 1200px) {
.brandMainHdr h2 {
	padding-top: 50px;
}
}
/* brands boxes right grey line*/

@media (max-width: 992px) {
.rightGreyLine {
	border-right-width: 0px;
}
}
/* brands product box widths*/
@media (max-width: 480px) {
.prodBoxCntr3 {
	width: 126px;
}
}
@media (max-width: 768px) {
.prodBoxCntr3 {
	width: 126px;
}
}
@media (min-width: 768px) {
.prodBoxCntr3 {
	width: 125px;
}
}
@media (min-width: 992px) {
.prodBoxCntr3 {
	width: 146px;
}
}
@media (min-width: 1200px) {
.prodBoxCntr3 {
	width: 150px;
}
}
/* videos and training right grey line*/

@media (max-width: 768px) {
.videosCol1 {
	border-right-width: 0px;
}
}
/* training modules right grey line*/

@media (max-width: 992px) {
.trainingCol1 {
	border-right-width: 0px;
}
}
/* links index page right grey line*/

@media (max-width: 768px) {
.linksRow1Col1 {
	border-right-width: 0px;
}
}
/* links index page top grey lines*/

@media (min-width: 768px) {
.linksGreyLine {
	border-top-width: 0px;
	padding-top: 0px;
}
}
/* links tectite par row 3 widths*/
@media (max-width: 480px) {
.linksRow3Col1 p {
	width: 226px;
}
}
@media (max-width: 768px) {
.linksRow3Col1 p {
	width: 226px;
}
}
@media (min-width: 768px) {
.linksRow3Col1 p {
	width: 226px;
}
}
@media (min-width: 992px) {
.linksRow3Col1 p {
	width: 300px;
}
}
@media (min-width: 1200px) {
.linksRow3Col1 p {
	width: 300px;
}
}
/* links tectite header row 3 colour*/
@media (max-width: 480px) {
.linksRow3Col2 h3 {
	color: #6D6F71;
}
}
@media (max-width: 768px) {
.linksRow3Col2 h3 {
	color: #6D6F71;
}
}
@media (min-width: 768px) {
.linksRow3Col2 h3 {
	color: #FFF;
}
}
@media (min-width: 992px) {
.linksRow3Col2 h3 {
	color: #FFF;
}
}
@media (min-width: 1200px) {
.linksRow3Col2 h3 {
	color: #FFF;
}
}
/*small font sizes for info tables*/

@media (max-width: 768px) {
div.mainBoxMid table.mainBoxTableLeft td {
	color: #000000;
	font-size: 8px;
}
}
@media (max-width: 768px) {
div.mainBoxMid table.mainBoxTableRight td {
	color: #000000;
	font-size: 8px;
}
}
@media (max-width: 768px) {
div.mainBoxMid table.mainBoxTableLeft th, div.mainBoxMid table.mainBoxTableRight th {
	color: #000000;
	font-size: 10px;
}
}
@media (max-width: 768px) {
.mainBoxTable td {
	color: #000000;
	font-size: 8px;
}
}

/* product box heights and padding */

@media (max-width: 480px) {
.prodBoxCntr2016 {
	margin-left: 0px;
	margin-right: 0px;
	min-height: 220px;
}
}
@media (max-width: 768px) {
.prodBoxCntr2016 {
	margin-left: 0px;
	margin-right: 0px;
	min-height: 220px;
}
}
@media (min-width: 768px) {
.prodBoxCntr2016 {
	min-height: 210px;
}
}
@media (min-width: 992px) {
.prodBoxCntr2016 {
	min-height: 200px;
}
}
@media (min-width: 1200px) {
.prodBoxCntr2016 {
	min-height: 223px;
}
}
/* literature header order brochure size*/


@media (max-width: 768px) {
.literatureHdr h3 {
	font-size: 0.8em;
	padding-right:5px
	padding-top:0px
}
}

@media (min-width: 768px) {
.literatureHdr h3 {
	font-size: 1.0em;
	padding-right:5px
	padding-top:0px
}
}
@media (min-width: 992px) {
.literatureHdr h3 {
	font-size: 1.4em;
	padding-right:5px
	padding-top:0px
}
}
@media (min-width: 1200px) {
.literatureHdr h3 {
	font-size: 1.4em;
	padding-right:5px
	padding-top:0px
}
}
/* literature brand links pad */
@media (max-width: 768px) {
.literatureLinks{
	margin-left:0px;
	margin-right:0px;
}
}
@media (min-width: 768px) {
.literatureLinks {
	margin-left:0px;
	margin-right:0px;
}
}
@media (min-width: 992px) {
.literatureLinks {
	margin-left:10px;
	margin-right:10px;
}
}
@media (min-width: 1200px) {
.literatureLinks {
	margin-left:10px;
	margin-right:10px;
}
}
/* contact address header sizes */
@media (max-width: 768px) {
.addressBox h3 { 
	font-size:1.0em;
}
}
@media (min-width: 768px) {
.addressBox h3 { 
	font-size:1.1em;
}
}
@media (min-width: 992px) {
.addressBox h3 { 
	font-size:1.1em;
}
}
@media (min-width: 1200px) {
.addressBox h3 { 
	font-size:1.1em;
}
}
/* contact address right grey line */
@media (max-width: 768px) {
.rightAddressGreyLine { 
	border-right-width: 0px;
}
}
@media (min-width: 768px) {
.rightAddressGreyLine { 
	border-right-width: 1px;
}
}
@media (min-width: 992px) {
.rightAddressGreyLine { 
	border-right-width: 1px;
}
}
@media (min-width: 1200px) {
.rightAddressGreyLine { 
	border-right-width: 1px;
}
}
/* social media right grey line */
@media (max-width: 768px) {
.mediaLGreyLine {
	border-left-width: 0px;
}
}
@media (min-width: 768px) {
.mediaLGreyLine {
	border-left-width: 1px;
}
}
@media (min-width: 992px) {
.mediaLGreyLine {
	border-left-width: 1px;
}
}
@media (min-width: 1200px) {
.mediaLGreyLine {
	border-left-width: 1px;
}
}
/* social media top grey line when small */
@media (max-width: 768px) {
.mediaTopGreyLine02 {
	border-top-width: 1px;
	margin-top: 10px;
	padding-top: 10px;
}
}
@media (min-width: 768px) {
.mediaTopGreyLine02 {
	border-top-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
}
@media (min-width: 992px) {
.mediaTopGreyLine02 {
	border-top-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
}
@media (min-width: 1200px) {
.mediaTopGreyLine02 {
	border-top-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
}
/* table width sizes when small */
@media (max-width: 768px) {
.table {
		max-width: 100%;
}
}
@media (min-width: 768px) {
.table {
		max-width: 100%;
}
}
@media (min-width: 992px) {
.table {
		max-width: 100%;
}
}
@media (min-width: 1200px) {
.table {
		max-width: 100%;
}
}
/* warranty plus no left padding when not small */
@media (max-width: 768px) {
.warrantyPlusLPad0px {
	padding-left: 15px;
}
}
@media (min-width: 768px) {
.warrantyPlusLPad0px {
	padding-left: 0px;
}
}
@media (min-width: 992px) {
.warrantyPlusLPad0px {
	padding-left: 0px;
}
}
@media (min-width: 1200px) {
.warrantyPlusLPad0px {
	padding-left: 0px;
}
}
/* warranty plus left padding when medium */
@media (max-width: 768px) {
.warrantyPlusLPad15px {
	padding-left: 0px;
}
}
@media (min-width: 768px) {
.warrantyPlusLPad15px {
	padding-left: 15px;
}
}
@media (min-width: 992px) {
.warrantyPlusLPad15px {
	padding-left: 15px;
}
}
@media (min-width: 1200px) {
.warrantyPlusLPad15px {
	padding-left: 0px;
}
}
/* INSTALLER font sizes */
@media (max-width: 768px) {
.installerRewards01 p {
	font-size: 1.2em;
}
}
@media (min-width: 768px) {
.installerRewards01 p {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.installerRewards01 p {
	font-size: 1.1em;
}
}
@media (min-width: 1200px) {
.installerRewards01 p {
	font-size: 1.3em;
}
}
/* INSTALLER h1 font sizes */
@media (max-width: 768px) {
.installerRewards01 h1 {
	font-size: 2.0em;
}
}
@media (min-width: 768px) {
.installerRewards01 h1 {
	font-size: 1.7em;
}
}
@media (min-width: 992px) {
.installerRewards01 h1 {
	font-size: 1.9em;
}
}
@media (min-width: 1200px) {
.installerRewards01 h1 {
	font-size: 2.4em;
}
}
/* INSTALLER h2 font sizes */
@media (max-width: 768px) {
.installerRewards03 h2 {
	font-size: 1.6em;
}
}
@media (min-width: 768px) {
.installerRewards03 h2 {
	font-size: 1.6em;
}
}
@media (min-width: 992px) {
.installerRewards03 h2 {
	font-size: 1.6em;
}
}
@media (min-width: 1200px) {
.installerRewards03 h2 {
	font-size: 1.8em;
}
}
/* INSTALLER ul font sizes */
@media (max-width: 768px) {
.installerRewards03 ul li {
	font-size: 1.2em;
}
}
@media (min-width: 768px) {
.installerRewards03 ul li {
	font-size: 1.2em;
}
}
@media (min-width: 992px) {
.installerRewards03 ul li {
	font-size: 0.9em;
}
}
@media (min-width: 1200px) {
.installerRewards03 ul li {
	font-size: 1.2em;
}
}
/* INSTALLER ul font sizes */
@media (max-width: 768px) {
.installerRewards03 ul li ul li {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.installerRewards03 ul li ul li {
	font-size: 1.1em;
}
}
@media (min-width: 992px) {
.installerRewards03 ul li ul li {
	font-size: 1.2em;
}
}
@media (min-width: 1200px) {
.installerRewards03 ul li ul li {
	font-size: 1.0em;
}
}
/* INSTALLER p font sizes */
@media (max-width: 768px) {
.installerRewards03 p {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.installerRewards03 p {
	font-size: 1.0em;
}
}
@media (min-width: 992px) {
.installerRewards03 p {
	font-size: 0.8em;
}
}
@media (min-width: 1200px) {
.installerRewards03 p {
	font-size: 1.0em;
}
}
/* INSTALLER image height to prevent wrap round */
@media (max-width: 768px) {
.manBakImg {
	padding-bottom: 110px;
}
}
@media (min-width: 768px) {
.manBakImg {
	padding-bottom: 154px;
}
}
@media (min-width: 992px) {
.manBakImg {
	padding-bottom: 128px;
}
}
@media (min-width: 1200px) {
.manBakImg {
	padding-bottom: 132px;
}
}
/* search result font sizes */
@media (max-width: 768px) {
.refineBox01 {
	font-size: 0.8em;
}
}
@media (min-width: 768px) {
.refineBox01 {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.refineBox01 {
	font-size: 0.9em;
}
}
@media (min-width: 1200px) {
.refineBox01 {
	font-size: 1.0em;
}
}
/* image size at sm */
@media (max-width: 768px) {
.refineImage img {
	width: 100%;
}
}
@media (min-width: 768px) {
.refineImage img {
	width: 130px;
}
}
@media (min-width: 992px) {
.refineImage img {
	width: 100%;
}
}
@media (min-width: 1200px) {
.refineImage img {
	width: 100%;
}
}
/* refine search box padding at different sizes */
@media (max-width: 768px) {
.refineSearchPadding {
	padding-left: 0px;
	padding-right: 0px;
}
}
@media (min-width: 768px) {
.refineSearchPadding {
	padding-left: 15px;
	padding-right: 15px;
}
}
@media (min-width: 992px) {
.refineSearchPadding {
	padding-left: 15px;
	padding-right: 15px;
}
}
@media (min-width: 1200px) {
.refineSearchPadding {
	padding-left: 0px;
	padding-right: 0px;
}
}
/* greater than background image */
@media (max-width: 768px) {
.greaterFuncBak {
	background-image: none;
}
}
@media (min-width: 768px) {
.greaterFuncBak {
	background-image: url(../images/greater/greaterBak2.jpg);
	background-position: left 65px;
}
}
@media (min-width: 992px) {
.greaterFuncBak {
	background-image: url(../images/greater/greaterBak2.jpg);
	background-position: left top;
}
}
@media (min-width: 1200px) {
.greaterFuncBak {
	background-image: url(../images/greater/greaterBak2.jpg);
	background-position: left top;
}
}
/* greater than Left col */
@media (max-width: 768px) {
.greaterFuncCol1 {
	padding-right: 15px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #577880;
}
}
@media (min-width: 768px) {
.greaterFuncCol1 {
	padding-right: 30px;
	margin-bottom: 200px;
	border-bottom-width: 0px;
}
}
@media (min-width: 992px) {
.greaterFuncCol1 {
	padding-right: 50px;
	margin-bottom: 300px;
	border-bottom-width: 0px;
}
}
@media (min-width: 1200px) {
.greaterFuncCol1 {
	padding-right: 100px;
	margin-bottom: 410px;
	border-bottom-width: 0px;
}
}
/* greater than Right col */
@media (max-width: 768px) {
.greaterFuncCol2 {
	padding-left: 25px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #577880;
}
}
@media (min-width: 768px) {
.greaterFuncCol2 {
	padding-left: 15px;
	margin-bottom: 200px;
	border-bottom-width: 0px;
}
}
@media (min-width: 992px) {
.greaterFuncCol2 {
	padding-left: 50px;
	margin-bottom: 300px;
	border-bottom-width: 0px;
}
}
@media (min-width: 1200px) {
.greaterFuncCol2 {
	padding-left: 100px;
	margin-bottom: 410px;
	border-bottom-width: 0px;
}
}
/* Py locator right grey line*/

@media (max-width: 768px) {
.PYlocatorCol1 {
	border-right-width: 0px;
}
}
/* department box container width */
@media (max-width: 768px) {
.departmentBoxCntr {
	width: 304px;
}
}
@media (min-width: 768px) {
.departmentBoxCntr {
	width: 608px;;
}
}
@media (min-width: 992px) {
.departmentBoxCntr {
	width: 608px;
}
}
@media (min-width: 1200px) {
.departmentBoxCntr {
	width: 608px;
}
}
/* careers department col1 left padding */
@media (max-width: 768px) {
.careersDeptCol1 {
	padding-left: 0px;
}}
@media (min-width: 768px) {
.careersDeptCol1 {
	padding-left: 20px;
}
}
@media (min-width: 992px) {
.careersDeptCol1 {
	padding-left: 50px;
}
}
@media (min-width: 1200px) {
.careersDeptCol1 {
	padding-left: 50px;
}
}
/* careers department col3 height and background */
@media (max-width: 768px) {
.careersDeptCol3 {
	margin-top: 10px;
	background-color:#4d4b66;
}
}
@media (min-width: 768px) {
.careersDeptCol3 {
	margin-top: 60px;
	background-color:transparent;
}
}
@media (min-width: 992px) {
.careersDeptCol3 {
	margin-top: 150px;
	background-color:transparent;
}
}
@media (min-width: 1200px) {
.careersDeptCol3 {
	margin-top: 150px;
	background-color:transparent;
}
}
/* careers hover boxes p size */
@media (max-width: 768px) {
.careers2016Box1 p, .careers2016Box2 p {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.careers2016Box1 p, .careers2016Box2 p {
	font-size: 0.8em;
}
}
@media (min-width: 992px) {
.careers2016Box1 p, .careers2016Box2 p {
	font-size: 0.9em;
}
}
@media (min-width: 1200px) {
.careers2016Box1 p, .careers2016Box2 p {
	font-size: 1.0em;;
}
}
/* careers our role bottom margin  */
@media (max-width: 768px) {
.careersDeptCol1a {
	margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.careersDeptCol1a {
	margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.careersDeptCol1a {
	margin-bottom: 100px;
}
}
@media (min-width: 1200px) {
.careersDeptCol1a {
	margin-bottom: 150px;
}
}
/* careers boxes font sizes  */
@media (max-width: 768px) {
.careersDeptHeader p, .careersDeptCol1a p, .careersDeptCol1b .table td, .careersDeptCol2 ul {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.careersDeptHeader p, .careersDeptCol1a p, .careersDeptCol1b .table td, .careersDeptCol2 ul {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.careersDeptHeader p, .careersDeptCol1a p, .careersDeptCol1b .table td, .careersDeptCol2 ul {
	font-size: 1.0em;
}
}
@media (min-width: 1200px) {
.careersDeptHeader p, .careersDeptCol1a p, .careersDeptCol1b .table td, .careersDeptCol2 ul {
	font-size: 1.0em;
}
}
/* careers quote font sizes  */
@media (max-width: 768px) {
.careersDeptCol3a h5 {
	font-size: 1.6em;
}
}
@media (min-width: 768px) {
.careersDeptCol3a h5 {
	font-size: 1.2em;
}
}
@media (min-width: 992px) {
.careersDeptCol3a h5 {
	font-size: 1.4em;
}
}
@media (min-width: 1200px) {
.careersDeptCol3a h5 {
	font-size: 1.6em;
}
}
/* MVS button text sizes  */
@media (max-width: 768px) {
.btn2 {
	font-size: 0.8em;
}
}
@media (min-width: 768px) {
.btn2 {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.btn2 {
	font-size: 1em;
}
}
@media (min-width: 1200px) {
.btn2 {
	font-size: 1.2em;
}
}
/* who are pegler top grey line  */
@media (max-width: 768px) {
.who3GreyLineSml {
	border-top-width: 1px;
}
}
@media (min-width: 768px) {
.who3GreyLineSml {
	border-top-width: 0px;
}
}
@media (min-width: 992px) {
.who3GreyLineSml {
	border-top-width: 0px;
}
}
@media (min-width: 1200px) {
.who3GreyLineSml {
	border-top-width: 0px;
}
}
/* who are pegler right grey line  */
@media (max-width: 768px) {
.who3Line {
	border-right-width: 0px;
}
}
@media (min-width: 768px) {
.who3Line {
	border-right-width: 1px;
}
}
@media (min-width: 992px) {
.who3Line {
	border-right-width: 1px;
}
}
@media (min-width: 1200px) {
.who3Line {
	border-right-width: 1px;
}
}
/* MVS Guide panel font sizes  */
@media (max-width: 768px) {
.MVSGuideCntr p, .MVSGuideCntr li {
	font-size: 1.1em;
}
}
@media (min-width: 768px) {
.MVSGuideCntr p, .MVSGuideCntr li {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.MVSGuideCntr p, .MVSGuideCntr li {
	font-size: 1.1em;
}
}
@media (min-width: 1200px) {
.MVSGuideCntr p, .MVSGuideCntr li {
	font-size: 1.1em;
}
}
/* MVS Guide panel Header font sizes  */
@media (max-width: 768px) {
.MVSGuideTitle h2 {
	font-size: 1.4em;
}
}
@media (min-width: 768px) {
.MVSGuideTitle h2 {
	font-size: 1.2em;
}
}
@media (min-width: 992px) {
.MVSGuideTitle h2 {
	font-size: 1.2em;
}
}
@media (min-width: 1200px) {
.MVSGuideTitle h2 {
	font-size: 1.4em;
}
}

/* MVS landing page font sizes  */
@media (max-width: 768px) {
.MVSSolBox01 ul, .MVSChallBox01 ul {
	font-size: 16px;
}
}
@media (min-width: 768px) {
.MVSSolBox01 ul, .MVSChallBox01 ul {
	font-size: 16px;
}
}
@media (min-width: 992px) {
.MVSSolBox01 ul, .MVSChallBox01 ul {
	font-size: 12px;
}
}
@media (min-width: 1200px) {
.MVSSolBox01 ul, .MVSChallBox01 ul {
	font-size: 16px;
}
}
/* MVS button font sizes  */
@media (max-width: 768px) {
.MVSSolBox02 a {
	font-size: 14px;
}
}
@media (min-width: 768px) {
.MVSSolBox02 a {
	font-size: 14px;
}
}
@media (min-width: 992px) {
.MVSSolBox02 a {
	font-size: 13px;
}
}
@media (min-width: 1200px) {
.MVSSolBox02 a {
	font-size: 14px;
}
}
/* MVS Enquiry green box heights  */
@media (max-width: 768px) {
.MVSEnquiryBox01 {
	min-height: 240px;
}
}
@media (min-width: 768px) {
.MVSEnquiryBox01 {
	min-height: 190px;
}
}
@media (min-width: 992px) {
.MVSEnquiryBox01 {
	min-height: 232px;
}
}
@media (min-width: 1200px) {
.MVSEnquiryBox01 {
	min-height: 286px;
}
}
/* MVS Enquiry drawing image width  */
@media (max-width: 768px) {
.enquiryImage02 {
	width: 70%;
}
}
@media (min-width: 768px) {
.enquiryImage02 {
	width: 60%;
}
}
@media (min-width: 992px) {
.enquiryImage02 {
	width: 70%;
}
}
@media (min-width: 1200px) {
.enquiryImage02 {
	width: 70%;
}
}

/* MVS Enquiry drawing info width  */
@media (max-width: 768px) {
.enquiryInfoBox01 {
	width: 30%;
}
}
@media (min-width: 768px) {
.enquiryInfoBox01 {
	width: 40%;
}
}
@media (min-width: 992px) {
.enquiryInfoBox01 {
	width: 30%;
}
}
@media (min-width: 1200px) {
.enquiryInfoBox01 {
	width: 30%;
}
}
/* MVS Enquiry button image height and width  */
@media (max-width: 768px) {
.enquiryInfo02 img {
	height: 54px;
	width: 54px;
}
}
@media (min-width: 768px) {
.enquiryInfo02 img {
	height: 40px;
	width: 40px;
}
}
@media (min-width: 992px) {
.enquiryInfo02 img {
	height: 54px;
	width: 54px;
}
}
@media (min-width: 1200px) {
.enquiryInfo02 img {
	height: 54px;
	width: 54px;
}
}
/* MVS button font sizes  */
@media (max-width: 768px) {
.MVSEnquiryBox01 h4 {
	font-size: 20px;
}
}
@media (min-width: 768px) {
.MVSEnquiryBox01 h4 {
	font-size: 14px;
}
}
@media (min-width: 992px) {
.MVSEnquiryBox01 h4 {
	font-size: 17px;
}
}
@media (min-width: 1200px) {
.controlModular {
	min-height: 140px;
}
}
/* MVS control page box height  */
@media (max-width: 768px) {
.controlModular {
	min-height: 80px;
}
}
@media (min-width: 768px) {
.controlModular {
	min-height: 74px;
}
}
@media (min-width: 992px) {
.controlModular {
	min-height: 135px;
}
}
@media (min-width: 1200px) {
.controlModular {
	min-height: 163px;
}
}
/* MVS control page box font sizes  */
@media (max-width: 768px) {
.controlModular h2 {
	font-size: 1.4em;
}
}
@media (min-width: 768px) {
.controlModular h2 {
	font-size: 1.0em;
}
}
@media (min-width: 992px) {
.controlModular h2 {
	font-size: 1.8em;
}
}
@media (min-width: 1200px) {
.controlModular h2 {
	font-size: 2.2em;
}
}
/* MVS control page box font sizes  */
@media (max-width: 768px) {
.controlModular p {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.controlModular p {
	font-size: 1.0em;
}
}
@media (min-width: 992px) {
.controlModular p {
	font-size: 1.0em;
}
}
@media (min-width: 1200px) {
.controlModular p {
	font-size: 1.4em;
}
}

/* case studies box container width */
@media (max-width: 768px) {
.caseStudiesBoxCntr {
	width: 304px;
}
}
@media (min-width: 768px) {
.caseStudiesBoxCntr {
	width: 608px;;
}
}
@media (min-width: 992px) {
.caseStudiesBoxCntr {
	width: 608px;
}
}
@media (min-width: 1200px) {
.caseStudiesBoxCntr {
	width: 608px;
}
}
/* case Studies department col1 left padding */
@media (max-width: 768px) {
.caseStudiesCol1 {
	padding-left: 0px;
}}
@media (min-width: 768px) {
.caseStudiesCol1 {
	padding-left: 20px;
}
}
@media (min-width: 992px) {
.caseStudiesCol1 {
	padding-left: 50px;
}
}
@media (min-width: 1200px) {
.caseStudiesCol1 {
	padding-left: 50px;
}
}
/* case Studies department col3 height and background */
@media (max-width: 768px) {
.caseStudiesCol3 {
	margin-top: 10px;
	background-color:#4d4b66;
}
}
@media (min-width: 768px) {
.caseStudiesCol3 {
	margin-top: 60px;
	background-color:transparent;
}
}
@media (min-width: 992px) {
.caseStudiesCol3 {
	margin-top: 150px;
	background-color:transparent;
}
}
@media (min-width: 1200px) {
.caseStudiesCol3 {
	margin-top: 150px;
	background-color:transparent;
}
}
/* case Studies hover boxes p size */
@media (max-width: 768px) {
.caseStudies2016Box1 p, .caseStudies2016Box2 p {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.caseStudies2016Box1 p, .caseStudies2016Box2 p {
	font-size: 0.8em;
}
}
@media (min-width: 992px) {
.caseStudies2016Box1 p, .caseStudies2016Box2 p {
	font-size: 0.9em;
}
}
@media (min-width: 1200px) {
.caseStudies2016Box1 p, .caseStudies2016Box2 p {
	font-size: 1.0em;;
}
}
/* case Studies our role bottom margin  */
@media (max-width: 768px) {
.caseStudiesCol1a {
	margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.caseStudiesCol1a {
	margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.caseStudiesCol1a {
	margin-bottom: 100px;
}
}
@media (min-width: 1200px) {
.caseStudiesCol1a {
	margin-bottom: 150px;
}
}
/* case Studies boxes font sizes  */
@media (max-width: 768px) {
.caseStudiesDeptHeader p, .caseStudiesCol1a p, .caseStudiesCol1b .table td, .caseStudiesCol2 ul {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.caseStudiesDeptHeader p, .caseStudiesCol1a p, .caseStudiesCol1b .table td, .caseStudiesCol2 ul {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.caseStudiesDeptHeader p, .caseStudiesCol1a p, .caseStudiesCol1b .table td, .caseStudiesCol2 ul {
	font-size: 1.0em;
}
}
@media (min-width: 1200px) {
.caseStudiesDeptHeader p, .caseStudiesCol1a p, .caseStudiesCol1b .table td, .caseStudiesCol2 ul {
	font-size: 1.0em;
}
}
/* case Studies quote font sizes  */
@media (max-width: 768px) {
.caseStudiesCol3a h5 {
	font-size: 1.6em;
}
}
@media (min-width: 768px) {
.caseStudiesCol3a h5 {
	font-size: 1.2em;
}
}
@media (min-width: 992px) {
.caseStudiesCol3a h5 {
	font-size: 1.4em;
}
}
@media (min-width: 1200px) {
.caseStudiesCol3a h5 {
	font-size: 1.6em;
}
}
/* installer form please check height  */
@media (max-width: 768px) {
.pleaseCheckPos {
	margin-top: 0px;
}
}
@media (min-width: 768px) {
.pleaseCheckPos {
	margin-top: 0px;
}
}
@media (min-width: 992px) {
.pleaseCheckPos {
	margin-top: 14px;
}
}
@media (min-width: 1200px) {
.pleaseCheckPos {
	margin-top: 14px;
}
}
/* case studies box container width */
@media (max-width: 768px) {
.CSBoxCntr {
	width: 304px;
}
}
@media (min-width: 768px) {
.CSRBoxCntr {
	width: 608px;;
}
}
@media (min-width: 992px) {
.CSRBoxCntr {
	width: 608px;
}
}
@media (min-width: 1200px) {
.CSRBoxCntr {
	width: 608px;
}
}
/* case Studies department col1 left padding */
@media (max-width: 768px) {
.CSRDeptCol1 {
	padding-left: 0px;
}}
@media (min-width: 768px) {
.CSRDeptCol1 {
	padding-left: 20px;
}
}
@media (min-width: 992px) {
.CSRDeptCol1 {
	padding-left: 50px;
}
}
@media (min-width: 1200px) {
.CSRDeptCol1 {
	padding-left: 50px;
}
}
/* case Studies department col3 height and background */
@media (max-width: 768px) {
.CSRDeptCol3 {
	margin-top: 10px;
	background-color:transparent;
}
}
@media (min-width: 768px) {
.CSRDeptCol3 {
	margin-top: 20px;
	margin-bottom: 10px;
	background-color:transparent;
}
}
@media (min-width: 992px) {
.CSRDeptCol3 {
	margin-top: 30px;
	margin-bottom: 20px;
	background-color:transparent;
}
}
@media (min-width: 1200px) {
.CSRDeptCol3 {
	margin-top: 30px;
	margin-bottom: 20px;
	background-color:transparent;
}
}
/* case Studies hover boxes p size */
@media (max-width: 768px) {
.CSRDept2016Box1 p, .CSRDept2016Box2 p {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.CSRDept2016Box1 p, .CSRDept2016Box2 p {
	font-size: 0.8em;
}
}
@media (min-width: 992px) {
.CSRDept2016Box1 p, .CSRDept2016Box2 p {
	font-size: 0.9em;
}
}
@media (min-width: 1200px) {
.CSRDept2016Box1 p, .CSRDept2016Box2 p {
	font-size: 1.0em;;
}
}
/* case Studies our role bottom margin  */
@media (max-width: 768px) {
.CSRDeptCol1a {
	margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.CSRDeptCol1a {
	margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.CSRDeptCol1a {
	margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
.CSRDeptCol1a {
	margin-bottom: 50px;
}
}
/* case Studies boxes font sizes  */
@media (max-width: 768px) {
.CSRDeptHeader p, .CSRDeptCol1a p, .CSRDeptCol1b .table td, .CSRDeptCol2 ul {
	font-size: 1.0em;
}
}
@media (min-width: 768px) {
.CSRDeptHeader p, .CSRDeptCol1a p, .CSRDeptCol1b .table td, .CSRDeptCol2 ul {
	font-size: 0.9em;
}
}
@media (min-width: 992px) {
.CSRDeptHeader p, .CSRDeptCol1a p, .CSRDeptCol1b .table td, .CSRDeptCol2 ul {
	font-size: 1.0em;
}
}
@media (min-width: 1200px) {
.CSRDeptHeader p, .CSRDeptCol1a p, .CSRDeptCol1b .table td, .CSRDeptCol2 ul {
	font-size: 1.0em;
}
}
/* case Studies quote font sizes  */
@media (max-width: 768px) {
.CSRDeptCol3a h5 {
	font-size: 1.6em;
}
}
@media (min-width: 768px) {
.CSRDeptCol3a h5 {
	font-size: 1.2em;
}
}
@media (min-width: 992px) {
.CSRDeptCol3a h5 {
	font-size: 1.4em;
}
}
@media (min-width: 1200px) {
.CSRDeptCol3a h5 {
	font-size: 1.6em;
}
}
/* GPE Text box height  */
@media (max-width: 768px) {
.GPETextBox {
	height: auto;
}
}
@media (min-width: 768px) {
.GPETextBox {
	height: auto;
}
}
@media (min-width: 992px) {
.GPETextBox {
	height: 215px;
}
}
@media (min-width: 1200px) {
.GPETextBox {
	height: 266px;
}
}
/* click here box position  */
@media (max-width: 768px) {
.metalPanel02 {
	margin-top: 15px;
	margin-left: 15px;
}
}
@media (min-width: 768px) {
.metalPanel02 {
	margin-top: 15px;
	margin-left: 15px;
}
}
@media (min-width: 992px) {
.metalPanel02 {
	margin-top: 214px;
	margin-right: 40px;
}
}
@media (min-width: 1200px) {
.metalPanel02 {
	margin-top: 128px;
	margin-right: 40px;
}
}
/* padding variable widths  */
@media (max-width: 768px) {
.paddingVariable01 {
	padding-left: 5px;
	padding-right: 5px;
}
}
@media (min-width: 768px) {
.paddingVariable01 {
	padding-left: 5px;
	padding-right: 10px;
}
}
@media (min-width: 992px) {
.paddingVariable01 {
	padding-left: 5px;
	padding-right: 10px;
}
}
@media (min-width: 1200px) {
.paddingVariable01 {
	padding-left: 5px;
	padding-right: 5px;
}
}
/* padding variable widths  */
@media (max-width: 768px) {
.paddingVariable02 {
	padding-left: 5px;
	padding-right: 5px;
}
}
@media (min-width: 768px) {
.paddingVariable02 {
	padding-left: 10px;
	padding-right: 5px;
}
}
@media (min-width: 992px) {
.paddingVariable02 {
	padding-left: 10px;
	padding-right: 5px;
}
}
@media (min-width: 1200px) {
.paddingVariable02 {
	padding-left: 5px;
	padding-right: 5px;
}
}
/* margin variable widths  */
@media (max-width: 768px) {
.marginVariableBottom {
	margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.marginVariableBottom {
	margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.marginVariableBottom {
	margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.marginVariableBottom {
	margin-bottom: 10px;
}
}
/* corporate info box widths  */
@media (max-width: 768px) {
.corporateInfoBox {
	width: 80%;
	margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.corporateInfoBox {
	width: 50%;
	margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.corporateInfoBox {
	width: 30%;
	margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.corporateInfoBox {
	width: 30%;
	margin-bottom: 10px;
}
}
/* our mission info box widths  */
@media (max-width: 768px) {
.ourMissionBox {
	width: 60%;
	margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.ourMissionBox {
	width: 30%;
	margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.ourMissionBox {
	width: 20%;
	margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.ourMissionBox {
	width: 20%;
	margin-bottom: 20px;
}
}
/* social info box widths  */
@media (max-width: 768px) {
.socialInfoBox {
	width: 80%;
	margin-bottom: 40px;
}
}
@media (min-width: 768px) {
.socialInfoBox {
	width: 60%;
	margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.socialInfoBox {
	width: 50%;
	margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.socialInfoBox {
	width: 50%;
	margin-bottom: 10px;
}
}