@media only screen and (max-width: 1600px) {
	body { z-index: 1600; }
	.navbar-nav > li > a { font-size: calc(8px + .2vw); }
}
@media only screen and (max-width: 1300px) {
	body { z-index: 1300; }
	
	/* 	Banners  */
	.banner { min-height: 40vh; }
	.tmpl-index .banner { margin-left: 170px; }
	body.tmpl-news { background-position: center -250px !important; }
	.banner-title > i { font-size: calc(.75em + .75vw); }
	.banner-title > strong { font-size: calc(1em + 5vw); line-height: 1.1; }
	
	/* 	Solutions */
	.switch-controls { margin: 4em 0 2em 0; padding: .25em; }
	.solutions-content-vogo-logo {margin: 0 auto 0 auto;}
	.material-setup {
		display: block;
		margin: 0 auto;
	}

	/* 	NEWS */
	.news-single { padding: 2em 0 0;}

	.single-news-banner h3 { margin-top: 2em; }

	.news-single .case-study-electrosign-1,
	.news-single .case-study-electrosign-2,
	.news-single .case-study-electrosign-3,
	.news-single .case-study-electrosign-4,
	.news-single .case-study-electrosign-5,
	.news-single .case-study-electrosign-6,
	.news-single .case-study-electrosign-7,
	.news-single .case-study-electrosign-8,
	.news-single .case-study-electrosign-9,
	.news-single .case-study-electrosign-10 { margin: 0 auto 0 auto; width: auto; max-width: 100%; }

	.news-single .case-study-electrosign-9 {margin-top: 0;}

	.divider-bottom { display: none; }
	.web-text {margin-top: 0;}
	.case-study-electrosign-divider {
		margin-top: 0;
	}

	.banner-message p.case-study-new-look-sub-title {
		margin-top: 30px;
		max-width: 100%;
	}
	.news-single .case-study-new-look-desktop-1,
	.news-single .case-study-new-look-desktop-2,
	.news-single .case-study-new-look-desktop-3,
	.news-single .case-study-new-look-desktop-4,
	.news-single .case-study-new-look-desktop-5,
	.news-single .case-study-new-look-desktop-6,
	.news-single .case-study-new-look-desktop-7,
	.news-single .case-study-new-look-desktop-8,
	.news-single .case-study-new-look-desktop-9 { margin: 0 auto 25px auto; width: auto; max-width: 80%; float: none; }

	.news-single .case-study-new-look-desktop-3 {margin-top: 35px;}

	.news-single .case-study-red-river-1,
	.news-single .case-study-red-river-2,
	.news-single .case-study-red-river-3,
	.news-single .case-study-red-river-4,
	.news-single .case-study-red-river-5,
	.news-single .case-study-red-river-6,
	.news-single .case-study-red-river-7,
	.news-single .case-study-red-river-8,
	.news-single .case-study-red-river-9,
	.news-single .case-study-red-river-10,
	.news-single .case-study-red-river-11 { margin: 0 auto 25px auto; width: auto; max-width: 80%; float: none; }

}


@media only screen and (max-width: 1199px) {
	/* 	Contact */
	.extraContact { background-image: none; }

	.comic-img-1 {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		top: 0;
		height: auto;
		max-width: 900px;
	}
	.comic-img-2 {
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		top: 0;
		height: auto;
		max-width: 900px;
	}
	.solutions-content-comic .call-to-action {margin-top: 6em;}
}

@media only screen and (max-width: 1100px) {
	body {
		z-index: 1100;
		background-attachment: scroll !important;
		background-position: center 0 !important;
	}

	.banner {
		min-height: 40vh;
		margin-bottom: 0em;
	}

	.tmpl-enterprise-solutions .banner {margin-bottom: 8em;}
	body.tmpl-news { background-position: center -300px !important; }

	.container { max-width: 750px; }

	/* 	Services */
	.services-toggles { }
	.services-toggles > li { margin: .5em; }

	.service-icon { margin-left: -20%; width: 40%; height: 40%; }


	/* ! ABOUT US *** */
	/* 	Projects */
	.project-item-fig { margin-bottom: 2em; }

	.makeChangeMatterSection .container .row:first-child { background-image: none; }
	.makeChangeMatterSection h3 { margin: .75em 0 0; padding-top: .75em; border-top: 1px solid #fcb414; }

	/* 	Facts */
	.facts-item > strong { font-size: calc( 40px + 1vw); }
	
	.comic-img-1,
	.comic-img-2 { position: relative; left: auto; top: auto; width: 100%; }
	
	/* 	Solutions */
	.material-setup {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
}

@media (max-width: 800px) {
	body { padding-top: 70px; }

	.tmpl-index { background-position: center -620px !important; }
	.tmpl-accueil { background-position: center -990px !important; }
	.tmpl-news { background-position: center -505px !important; }
	.tmpl-nouvelles { background-position: center -505px !important; }

	body.tmpl-news { background-position: center -380px !important; }

	.menu-mode .site-header { min-height: 20px; }
	.navbar-fixed-top { position: relative; top: auto; }
	.navbar { min-height: 0; margin-bottom: 0; }
	.navbar > .container-fluid .navbar-brand { display: none; }
	.navbar-nav { display: none; }

	.menu { width: 100%; }
	.menu-list { min-width: 0; font-size: 1.2em; }

	.leftNav { position: relative; width: 100%; float: none; top: auto; left: auto; }
	.leftNav-services { overflow: hidden; padding-top: 10px;}
	.leftNav-services li,
	.leftNav-services li.active,
	.leftNav-services:hover > li.active,
	.leftNav-services:hover > li:hover { width: 20%; height: 20%; min-height: 100px; min-height: 20vw; float: left; font-size: 12px; overflow: hidden; border-top: 10px solid transparent; overflow:visible; }
	.leftNav-services > li:before { left: 3px; }
	.leftNav-services b { 
		padding: .5em; 
		font-size: 0.875em;
	}
	.leftNav-services > li:after { background-image: none; background-color: inherit; bottom: auto; top: 0px; height: 20px; opacity: 1; z-index: -1; }
	.leftNav-services > li.active:after,
	.leftNav-services > li:hover:after { opacity: 1; top: -20px; }

	.favourites, .services, .staff, .projects { background-position: center bottom -250px; }

	/* 	Banners */
	.banner { min-height: 0; margin-bottom: 1em; }
	.tmpl-index .banner { margin-left: auto; min-height: 0; }
	.banner-title > strong { font-size: calc(1em + 3vw); }
	.banner-message p { max-width: 95%;}
	.banner-message .more a { font-size: 40%; }
	
	.section-header,
	.section-footer { padding-top: 1em; }
	
	
	.call-to-action,
	.call-to-action.floating { max-width: 96%; }
	.call-to-action h2 { font-size: 2em; }
	
	.call-to-action {margin-bottom: 10px;}
	
	.js .preFooter { position: relative; left: auto; bottom: auto; width: 100%; opacity: 1; }
	.js .preFooter .col-lg-4 { padding-top: .5em; padding-bottom: .5em; }
	.js .preFooter .address { padding-left: 4em; }
	.js .preFooter .address .fa { left: 0; }
	.preFooter-toggle { display: none; }
	
	.makeChangeMatter { position: absolute; bottom: -125px; z-index: 10; pointer-events: none; }
	.makeChangeMatter-fr { position: absolute; bottom: -125px; z-index: 10; pointer-events: none; }
	
	.services-toggles { display: none; }
	
	.service-items { margin: 0 0 2em;}
	.service-item { width: 100%; margin: 0; border-bottom: 1px solid #eee; float: none; }
	.service-item[style] { height: auto !important; }
	.subService { padding-top: 0; width: auto; height: auto; box-shadow: none; overflow: hidden; margin: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; }
	.service-item.active .subService,
	.service-item:hover .subService { background-color: #f9ec1f; transform: scale(1); }
	.service-icon { position: relative; left: auto; top: auto; margin: 10px; width: 50px; height: 50px; float: left; }
	.subService figcaption { position: relative; left: auto; right: auto; bottom: auto; padding: .5em 2em .5em 0; flex-grow: 1; }
	.subService figcaption span { margin: 0 auto; /* max-width: none; */ font-family: 'Majesti Banner', serif; }
	.subService .fa { position: absolute; right: 10px; top: 50%; margin-top: -.5em; }
	
	.subServiceDetails { flex-direction: column; position: relative; max-height: 0; margin: 0; padding: 0 1em; }
	.service-item.active .subServiceDetails { max-height: 999px; padding: 1em 1em; }
	.subServiceDetails-copy { order: 1; width: 100%; padding: 0; }
	.subServiceDetails-work { width: 100%; margin-bottom: 1em; }
	.subServiceDetails-title span { font-size: 12px; }
	.service-item-reset figcaption { margin-top: 0; }
	

	
	
	/* 	Projects */
	.projects .call-to-action { margin-top: 4em; }
	
	/* 	Facts */
	.facts-list { background: linear-gradient(90deg, #fff 1px, transparent 1px); background-position: 100% 0; background-repeat: repeat-y; background-size: 50%; padding: 1em; }
	.facts-item { width: 50%; border-top: 1px solid #fff; border-left: 0; padding: 1em; }
	.facts-item:nth-child(2n+1) { border-left: 0; clear: left; }
	.facts-item:nth-child(1),
	.facts-item:nth-child(2) { border-top: none; }
	
	
	
	
	/* 	Solutions */
	.switch-controls { margin: 1em 0; padding: .25em; }
	.switch-controls > li button { padding: .75em 1.5em; font-size: 16px; }
	
	.comic-img-1,
	.comic-img-2 { position: relative; left: auto; top: auto; width: 100%; }
	
	
	/* 	News */
	.tmpl-news .call-to-action { padding: 1em; }
	.subscribe-form { margin-left: -1em; margin-right: -1em; }
	.subscribe-form .form-group { max-width: none; }
	.subscribe-form label { position: absolute; }
	.subscribe-form input[type="email"] { width: 60%; }
	.subscribe-form button[type="submit"] { width: 38%; }
	.news-tools { display: block; }
	.news-sorting { display: block; margin: 2em 0;  text-align: center; }
	.news-search { max-width: none; }
	.news-category { max-width: none; margin: 1em 0; }
	.news-category .form-control { width: 100%; }
	.news-category .button { display: block; }
	
	.news-title { font-size: 1.75em; }
	
	.tmpl-news-article .share { display: block; float: none; margin: 1em 0; }
	.tmpl-news-article .banner-title > strong { font-size: 46px; }
	
	blockquote { font-size: 2em; }
	
	
	/* 	Contact */
	.extraContactSend:before {
		left: 0;
		top: 0;
		content: '\f003';
		font: bold 40px/1 'FontAwesome';
	}
	.extraContactQuestions:before {
		left: 10px;
		width: 33px;
		height: 59px;
		background-size: 33px 59px;
	}

}


@media (max-width: 600px) {
	body.tmpl-news { background-position: center -470px !important; }
	.tmpl-enterprise-solutions .banner.solutions-banner-comic { margin-bottom: 1em; }

	.statement {
		font: normal 20px/1.25 'Ubuntu', sans-serif;
		margin: 0 auto 1em auto;
	}
	
	.wufoo-form-container {height: 1408px !important;}
	.w-form-control .title {font-size: 1em !important;}
}

/* fix iOS bug not displaying 80vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.iosfix {min-height: 400px;}
	.banner {min-height: 875px;}
	.banner-message.frTitle h2 strong {font-size: 2.25em;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.iosfix {min-height: 400px;}
	.banner-message.frTitle h2 strong {font-size: 2.25em;}
}