/* ------------------------------------------------------------------------------- */
/*  Media Queries
/* ------------------------------------------------------------------------------- */


@media only screen and (min-width: 1100px) {
		/* Push controls outside of the slider area for those with bigger desktop screens */
		
			.flex-direction-nav .flex-prev {
				left:-50px;	
			}
			
			.flex-direction-nav .flex-next {
				right:-50px;	
			}	
		}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
	
	
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {

    .container {
        max-width: 708px;
    }


    .flex-caption {
        margin: 0 ;
        padding: 25px;
        width: 450px;
    }
    .flex-caption h3 {
        font-size: 45px;
		line-height: 45px;
    }
    .flex-caption p {
        font-size: 16px;
    }



}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	
	#header {
		text-align:center;
	}
	
	#util-nav {
		float:none;
		margin-top:0;
		padding-top:10px;
		display:inline-block;
	}
		#util-nav a {
			margin: 0 10px;
			color:#5686DA;	
		}
		
	#logo {
		float:none;	
	}
	
	#logo img {
		margin:0 auto;	
	}
	
	#navigation {
		float:none;
		margin-top: 5px;
		margin-left:-30px;	
	}
		#navigation li ul li{
			text-align:left;	
		}
	
	.flex-direction-nav a {
		width:30px;
		
	}
	
	.flex-direction-nav .flex-prev {
		left:-30px;	
	}
	
	.flex-direction-nav .flex-next {
		right:-30px;	
	}
	
	.service-description .more {
		opacity:100;	
	}
	

	.page-title .container {
			background:url(../images/bg-page_title-no-pad.png) no-repeat bottom right;	
		}
	
	
	#footer .one-fourth { margin-left:15%; width:33%; }
	#footer .three-fourth   { width: 45%; margin-left:4%; }
	
	#footer-navigation {
		display:none !important;	
	}
	
	#footer-navigation-mobile {
		display:inline-block;
		font-size:1.6em;
		margin-top:8px;		
	}
		#footer-navigation-mobile li {
			margin-bottom:12px;
			line-height:normal;	
		}
		

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 

    .inline-border:before, .inline-border:after {
        width: 10%;
    }


    .container {
        width: 440px;
    }
    #main {
        margin-bottom: 40px;
    }
    #main, #sidebar {
        width: 100%;
    }

    /*.one-half       { width: 48%; }*/
	.one-half 		{ width: 100%; }
    .one-third      { width: 100%; }
    .two-third      { width: 64%; }
    .one-fourth     { width: 49%; }
    .three-fourth   { width: 100%; }
    .one-fifth      { width: 31.8%; }
    .two-fifth      { width: 36.8%; }
    .three-fifth    { width: 55.2%; }
    .four-fifth     { width: 73.6%; }
    .one-sixth      { width: 15%; }
    .five-sixth     { width: 75%; }

    .one-fourth:nth-child(2n+2) {
        margin-right: 0;
    }
    .one-fifth:nth-child(3n+3) { margin-right: 0; }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
       margin-bottom: 0px;
    }


    #navigation {
        display: none;
    }
	
    .selectnav {
		background:#60BB46;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
		color:#FFF;
		border-radius:5px;
		margin-bottom:4px;
    }


    #header {
        min-height: 168px;
    }
	#util-nav {
		float:none;
		margin-top:0;
		padding-top:5px;
		text-align:center;	
	}
	#util-nav li {
		float:none;
		display:inline-block;	
	}
	#util-nav a {
		margin:0 10px;	
	}
    #logo {
		float:none;
        margin-bottom: 0px;
    }
	#logo img {
		margin:0 auto;	
	}
	
	.logo-list .one-fifth {
		margin-bottom:30px;	
	}
	
    .page-title {
        /*padding-top: 40px;
        padding-bottom: 45px;*/
        font-size: 43px;
		line-height: 43px;
    }
		.page-title .container {
			background:url(../images/bg-page_title-small.png) no-repeat bottom right;
			padding-bottom: 32px;
		}
	
	#subnav {
		display:none;	
	}



    .sep10   { height: 10px; }
    .sep20   { height: 20px; }
    .sep30   { height: 30px; }
    .sep40   { height: 25px; }
    .sep50   { height: 30px; }
    .sep60   { height: 40px; }
    .sep70   { height: 45px; }
    .sep80   { height: 50px; }
    .sep90   { height: 60px; }
    .sep100  { height: 50px; }

	
	.flex-caption {
        /*display: none;*/
		width:60%;
    }
	
	.flex-caption h3 {
		font-size:32px;
		line-height:32px;	
	}
	
	.flex-caption p {
		display:none;	
	}
	
	
	
	.flex-direction-nav a {
		height:50px;
		width:30px;
		line-height:50px;
		margin-top:-23px;	
	}
	
	.flex-direction-nav .flex-prev {
		left:-30px;	
	}
	
	.flex-direction-nav .flex-next {
		right:-30px;	
	}

	
   

    .button.big {
        padding: 7px 20px 8px;
        font-size: 12px;
    }

	
	
    .service {
        margin-bottom: 40px;
    }
    .service.nobutton {
        margin-bottom: 50px;
    }

	.service-description .more {
		opacity:100;	
	}

	#footer .one-fourth { margin-bottom:30px; }

	#footer .three-fourth {width:45%; margin-bottom:10px; margin-left:4%;}

    #footer .info {
        margin-top: 20px;
    }
	
	#footer-navigation {
		display:none !important;	
	}
	
	#footer-navigation-mobile {
		display:inline-block;
		font-size:1.5em;
		margin-top:8px;		
	}
	
		#footer-navigation-mobile li {
			margin-bottom:12px;
			line-height: normal;	
		}
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .container {
        width: 280px;
    }
    #main, #sidebar {
        width: 100%;
    }
	
	#header {
        min-height: 168px;
    }
	
	#util-nav a {
		font-size: 11px;
		margin:0 5px;	
	}
	
    .one-half       { width: 100%; }
    .one-third      { width: 100%; }
    .two-third      { width: 100%; }
    .one-fourth     { width: 100%; }
    .three-fourth   { width: 100%; }
    .one-fifth      { width: 100%; }
    .two-fifth      { width: 100%; }
    .three-fifth    { width: 100%; }
    .four-fifth     { width: 100%; }
    .one-sixth      { width: 100%; }
    .five-sixth     { width: 100%; }
	
	
	
	.flex-caption h3 {
		font-size:18px;
		line-height:18px;	
	}
	
	.flex-caption p {
		display:none;	
	}
	
	.flex-caption .button {
		padding:3px 10px 4px 10px;
		font-size:11px;	
	}
	
   
	
    .selectnav {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
	
	.page-title {
		font-size:32px;	
		line-height: 32px;
	}
	
	.page-title .container {
		padding-top: 38px;
		padding-bottom: 30px;
		background:url(../images/bg-page_title-small.png) no-repeat bottom right;	
	}

	
	#footer .three-fourth {width:100%; margin-left:0}
	
	#footer-navigation-mobile li {
			margin-bottom:12px;
			line-height: normal;	
		}

}