﻿@media (min-width: 641px) {
/*    .c-w1 .overview-boxes li {
        padding: 0;
        margin: 0 0 15px 40px;
    }

    .c-w1 .overview-boxes li:nth-child(3n+1) {
        margin-left: 0;
        clear: left;
    }*/



    /*Blue*/

   /* body.blue {
        background: url(/img/background/industrial-bg.jpg) no-repeat center top fixed;
    }

    body.template-home.blue {
        background: url(/img/background/bglarge-industrial.jpg) center top fixed;
    }*/

    /*nav*/
    body.blue #mainnav ul.L2 > li.active > a,
    body.blue #mainnav ul.L2 > li:hover > a {
        background: #8facbf;
    }

    body.blue .nav.L2 .togglemenu span,
    body.blue .togglemenu span,
    body.blue .closemenu span {
        background-color: #8facbf;
        display:none;
    }

    body.blue .front-message .heading {
        background: #8facbf;
    }

    /*Submit button*/
    body.blue .form-newsletter .submit {
        background: #8facbf;
    }

    body.blue .c-w1 .checklist li.check:after {
        background: #8facbf;
    }

    body.blue h2 {
        color: #8facbf;
    }

    /*end blue*/



    /**
COLOUR STYLES - GREEEN

**/
   /* body.green {
        background: url(/img/background/yourhome-bg.jpg) no-repeat center top fixed;
    }

    body.template-home.green {
        background: url(/img/background/bglarge-foryourhome.jpg) center top fixed;
    }*/

    /*nav*/
    body.green #mainnav ul.L2 > li.active > a,
    body.green #mainnav ul.L2 > li:hover > a {
        background: #9ea374;
    }

    body.green .nav.L2 .togglemenu span,
    body.green .togglemenu span,
    body.green .closemenu span {
        background-color: #9ea374;
        display:none;
    }

    body.green .front-message .heading {
        background: #9ea374;
    }

    /*Submit button*/
    body.green .form-newsletter .submit {
        background: #9ea374;
    }

    body.green .c-w1 .checklist li.check:after {
        background: #9ea374;
    }


    body.green h2 {
        color: #9ea374;
    }    

    /*end green*/


    /**
COLOUR STYLES - YELLOW

**/
  /*  body.yellow {
        background: url(/img/background/professionals-bg.jpg) no-repeat center top fixed;
    }

    body.template-home.yellow {
        background: url(/img/background/bglarge-professionals.jpg) center top fixed;
    }*/

    /*nav*/
    body.yellow #mainnav ul.L2 > li.active > a,
    body.yellow #mainnav ul.L2 > li:hover > a {
        background: #ffd200;
    }

    body.yellow .nav.L2 .togglemenu span,
    body.yellow .togglemenu span,
    body.yellow .closemenu span {
        background-color: #ffd200;
        display:none;
    }

    body.yellow .front-message .heading {
        background: #ffd200;
    }

    /*Submit button*/
    body.yellow .form-newsletter .submit {
        background: #ffd200;
    }

    body.yellow .c-w1 .checklist li.check:after {
        background: #ffd200;
    }


    body.yellow h2 {
        color: #ffd200;
    }

    /*end yellow*/

    /*#content {
        left: 0;
        width: 100%;
    }*/
    .c-w1 .overview-boxes ul {
        margin: 0 0 0 -2%;
    }
    .c-w1 .overview-boxes li {
        padding: 0;
        margin: 0 0 20px 2%;
    }
    .template-overview .c-w1 .overview-boxes ul {
        margin: 0 0 0 -3% !important;
    }
    .template-overview .c-w1 .overview-boxes li {
        margin: 0 0 20px 3% !important;
    }


}
@media (max-width: 640px){

.c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 0; clear:left;}

.c-w1 .overview-boxes ul{margin: 0;}
.c-w1 .overview-boxes li{padding: 0; margin: 0 0 15px 20px;}
.c-w1 .overview-boxes li:before{display: none;}

.overview-boxes li{
	text-align: center;
	float: none;

width: 100%;
margin: 0 0 20px!important;
}
	.overview-boxes a{
		display: inline-block;
		text-decoration: none;
	}

	.overview-boxes .i-o-image{background: #ccc; display: inline-block; }

	

	#content .overview-boxes li img{
		display: block;
		max-width: 100%;
		width: 100%;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	.overview-boxes .heading{
		font-size: 10px;
		padding-top: 5px;
		display: none;
		color: #8c8c8c;
		text-transform: capitalize;

	}



/*blue*/

	/*body.blue{ background: url(/img/skin/mobile/blue.jpg) #8facbf no-repeat right top / 325px 325px  fixed; }*/

	body.template-home.blue{background: #c2c0ba;}

	/*submit*/
	body.blue .submit{
		background: #8facbf;
	}
	body.blue #mainnav ul.L2 > li.active > a, #mainnav ul.L2 > li:hover > a{
		background:none;
	}
	
/*end blue*/	

/*Green*/	
	/*body.green{ background: url(/img/skin/mobile/green.jpg) #9ea374 no-repeat right top / 325px 325px  fixed; }*/

	body.template-home.green{background: #c2c0ba;}

	/*submit*/
body.green	.submit{
		background: #9ea374;
	}
body.green		#mainnav ul.L2 > li.active > a, #mainnav ul.L2 > li:hover > a{
		background:none;
	}

/*end green*/	
/*
body.yellow{ background: url(/img/skin/mobile/yellow.jpg) #ffd200 no-repeat right top / 325px 325px  fixed; }
*/
	body.template-home.yellow{background: #c2c0ba;}

	/*submit*/
	body.yellow .submit{
		background: #ffd200;
	}
	body.yellow #mainnav ul.L2 > li.active > a, #mainnav ul.L2 > li:hover > a{
		background:none;
	}

    .yellow .page-section #topbar {
        background: #ffda00;
    }
}


@media screen and (min-width: 480px){
/*.c-w1 .overview-boxes li:nth-child(2n+1){margin-left: 15px; clear:none;}
.c-w1 .overview-boxes li:nth-child(3n+1){margin-left: 0; clear:left;}*/



}


@media screen and (min-width: 1220px){
/*.c-w1 .overview-boxes li:nth-child(3n+1){margin-left: 40px; clear:none;}*/
/*.c-w1 .overview-boxes li:nth-child(4n+1){margin-left: 0; clear:left;}*/
}



/*.dealer-login { display: none;}*/