/* ========================================================================== *\
   IMAGE RESIZE
\* ========================================================================== */

img{max-width: 100%; height: auto !important;}
img{ -ms-interpolation-mode: bicubic; }


/* ========================================================================== *\
   PHONE WIDTH
\* ========================================================================== */

@media screen and (max-width:600px) {

	#cssmenu {

	}
	
	ul.menu, ul#menu {
		display: none;
	}
	
	#trigger {
		margin-left: 10px;
		display: block;
	}
	
	.mobileLang {
		display: block;
	}
	
	#hero {
		width: auto;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	
	#hero h1 {
		font-size: 28px;
		margin: 130px 0px 0px 20px;
	}
	
	#hero h4,
	#hero h2 {
		font-size: 20px;
		line-height: 24px;
		margin: 5px 0px 0px 20px;
	}
	
	#homeHero {
		display: none;
	}
	
	#logo {
		top:40px;
		left: 50%;
		margin-left: -90px;
		width: 180px;
	}
	
	#footer .content {
		width: auto;
		padding: 0px 40px;
	}
	
	.footerContact {
		float: none;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
		min-height: 0px;
		border-left: none;
	}
	
	.footerCTA-en {
		padding:30px 0px 0px 0px;
		background: none;
	}
	
	.footerCTA-fr {
		padding:30px 0px 0px 0px;
		background: none;
	}
		
	#homeHeroContainer {
		padding: 160px 20px 0px 20px;
	}
	
	#homeHero {
		margin: 70px 0px 0px 0px;
		width: auto;
	}
	
	.flexslider {
		margin-top:40px;
	}
	
	#hero.aboutPage {
		height: 215px;
		background: none;
	}
	
	#hero.general {
		height: 215px;
		background:none;
	}
	
	#hero.jobs {
		height: 215px;
		background: none;
	}
	
	#page {
		width: auto;
		display: block;
		margin:0 auto;
		padding: 0px 20px;
	}
	
	#body {
		display: block;
		float: left;
		width: auto !important;
		margin: 0px 0px 0px 0px;
		padding-right: 0px;
	}
	
	#sidebar-en, #sidebar-fr, #sidebar.contactSide, #sidebar-fr.contactSide, #sidebar-en.contactSide {
		display: block;
		float: none;
		clear: both;
		width: auto !important;
		padding: 0px 0px 20px 0px;
		background:none; 
		border: none;
	}
	
	#sidebar.contactSide, #sidebar-fr.contactSide, #sidebar-en.contactSide  {
		background: none !important;
	}
	
	#sidebarHeading {
		font-size: 14px;
		line-height: 17px;
	}
	
	.avatar {
		display: block;
		float: none;
		margin: 0px 0px 10px 0px;
	}
	
	.content {
		width: auto;
		padding: 0px 40px;
	}
	
	.left {
		float: none;
		clear: both;
	}
	
	.btn {
		margin-bottom: 10px;
	}

	.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { 
		width:auto; 
		margin-right:0px; 
		float:none; 
		clear: both;
		margin-bottom:20px;
	}
	
	.last{ 
		margin-right:0 !important; 
		clear:both; 
	}
	
	li.gf_left_half, li.gf_right_half {
		clear: both !important;
		float: none !important;
	}

}

/* ========================================================================== *\
   TABLET WIDTH
\* ========================================================================== */

@media screen and (min-width:601px) and (max-width:1024px) {

	#cssmenu {

	}
	
	ul.menu, ul#menu {
		display: none;
	}
	
	#trigger {
		display: block;
	}
	
	.mobileLang {
		display: block;
	}
	
	#hero {
		width: auto;
		padding-top: 40px;
		padding-bottom: 10px;
	}
	
	#hero h1 {
		font-size: 28px;
		margin: 130px 0px 0px 40px;
	}
	
	#hero h4,
	#hero h2 {
		font-size: 20px;
		line-height: 24px;
		margin: 5px 0px 0px 40px;
	}
	
	#logo {
		top:40px;
		left: 40px;
		width: 180px;
	}
	
	#footer .content {
		width: auto;
		padding: 0px 40px;
	}
	
	.footerContact {
		float: left;
		padding:0px 0px 0px 25px;
		margin: 30px 0px 0px 40px;
		min-height: 155px;
	}
	
	.footerCTA-en {
		padding:30px 0px 40px 150px;
		background-size:400px 200px;
	}
	
	.footerCTA-fr {
		padding:30px 0px 40px 150px;
		background-size:400px 201px;
	}
	
	#homeHeroContainer {
		padding: 0px 40px;
	}
	
	#homeHero {
		margin: 70px 0px 0px 0px;
		width: auto;
	}
	
	.flexslider {
		margin-top:40px;
	}
	
	#hero.aboutPage {
		height: 215px;
		background-position: right top;
		background-repeat: no-repeat;
	}
	
	#hero.general {
		height: 215px;
		background-position: 310px top;
		background-repeat: no-repeat;
		background-size: 384px 200px;
	}
	
	#hero.jobs {
		height: 215px;
		background: none;
	}
	
	#page {
		width: auto;
		display: block;
		margin:0 auto;
		padding: 0px 0px 0px 40px;
	}
	
	#body {
		display: block;
		float: left;
		width: calc(60% - 20px);
		margin: 0px 0px 50px 0px;
		padding-right: 20px;
	}
	
	#sidebar-en, #sidebar-fr, #sidebar.contactSide, #sidebar-fr.contactSide, #sidebar-en.contactSide {
		display: block;
		float: left;
		width: calc(30% - 21px)!important;
		padding: 0px 0px 120px 20px;
		background-size: 82px 94px; 
	}
	
	#sidebar.contactSide, #sidebar-fr.contactSide, #sidebar-en.contactSide  {
		background: none !important;
	}
	
	#sidebarHeading {
		font-size: 14px;
		line-height: 17px;
	}
	
	.avatar {
		display: block;
		float: none;
		margin: 0px 0px 10px 0px;
	}
	
	.content {
		width: auto;
		padding: 0px 40px;
	}
	
	.left {
		float: none;
		clear: both;
	}

	li.gf_left_half, li.gf_right_half {
		clear: both !important;
		float: none !important;
	}
	
}

/* ========================================================================== *\
   DESKTOP WIDTH
\* ========================================================================== */

@media screen and (min-width:1025px) {



}