@charset "UTF-8";
/*
Template Name: Ellusive
Template URI: http://www.os-templates.com/
Description: Designed and Built by <a href="http://www.os-templates.com/">OS Templates</a>. This modern template is adaptable, lightweight and fully customisable. The template is easy to use, enabling you to create your site within minutes.
Version: 1.0
Author: OS-Templates.com
Author URI: http://www.os-templates.com/
Licence: Single Site
Licence URI: http://www.os-templates.com/template-terms
File: Media Queries CSS
*/

@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */


/* 
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:180px) and (max-width:650px) {
	#topbar, #header, #pageintro, #intro, .container, #shout, #p-footer, #copyright{max-width:90%; margin:0 auto;}
	.imgl, .imgr{display:inline-block; float:none;}
	.fl_left, .fl_right{display:block; float:none;}
	[class^="col-"], [class*=" col-"], [class^="col-"].nogutter, [class*=" col-"].nogutter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	
	.nospace.inline li{display:block; margin:0 0 10px 0;}
	.nospace.inline li:last-child{margin-bottom:0;}
	
	#topbar, #header{text-align:center;}
	#topbar #slidepanel{padding:10px 0;}
	#topbar .fl_left{margin:0 0 15px 0;}
	#topbar .fl_left .nospace.inline li{margin-bottom:5px;}
	#topbar .social li{float:none; margin-bottom:5px;}
	#openpanel{right:50%; margin:0 -29px 0 0;}

	#header #logo{float:none; margin:0; padding:50px 0 0 0; clear:none;}
	
	/* Sliders - Hide Captions */
	.flex-caption{visibility:hidden; opacity:0; filter:alpha(opacity=0);}
	
	#shout form input{float:none; width:100%; margin-bottom:10px;}
	#shout form input[type="submit"]{width:auto; margin:0;}
	
	#copyright .fl_right{margin-top:25px;}
	#copyright .nospace.inline li{display:inline-block; margin:0;}
	
	#blog-post .socialise p{margin:0 0 20px 0;}
	#blog-post #comment-list li > ul{margin:0;}
	
	.clients{border:none; border:0;}
	.clients div{padding:10px; border-width:1px;}
	.clients :last-child{margin-bottom:0;}
}

@media screen and (min-width:651px) and (max-width:850px) {
	#topbar, #header, #pageintro, #intro, .container, #shout, #p-footer, #copyright{max-width:95%; margin:0 auto;}
	
	#header #logo{float:none; margin:0; padding:50px 0 0 0; clear:none;}
}

@media screen and (min-width:180px) and (max-width:850px) {
	#topnav{float:none;}
	#topnav ul{display:none;}
	
	h1{font-size:32px;}
}


/* Framework Sizing
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:361px) {
	#topbar, #header, #pageintro, #intro, .container, #shout, #p-footer, #copyright{max-width:95%; margin:0 auto;}
}

@media screen and (min-width:1140px) {
	html.boxed .wrapper, #topbar, #header, #pageintro, #intro, .container, #shout, #p-footer, #copyright{max-width:80%; margin:0 auto;}
	html.boxed .wrapper{max-width:1200px;}
	html.boxed .wrapperk{max-width:1200px;}
	html.boxed #topbar, html.boxed #header, html.boxed #pageintro, html.boxed #intro, html.boxed .container, html.boxed #shout, html.boxed #p-footer, html.boxed #copyright{max-width:95%; margin:0 auto;}
}

/* Other
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:851px) and (max-width:10000px) {
	/* Hide The Jquery Generated Navigation Form from 801px upwards */
	#topnav form{display:none;}
}

@media screen and (max-width:1040px) {
	/* Sliders - Modify Captions */
	.flex-homepage .flex-caption .fc-hpage{max-width:95%;}
	.flex-homepage .flex-caption{bottom:10%; left:0;}
	.flex-homepage .flex-caption .fc-hpage *{margin:0 0 4px 0; font-size:12px;}
	.flex-homepage .flex-caption .fc-hpage .georgia{font-size:16px;}
}

@media screen and (max-width:850px) {
	/* Sliders - Hide Dots */
	.flex-control-paging{display:none;}
	/* Sliders - Modify Captions */
	.flex-homepage .flex-caption .fc-hpage{max-width:95%;}
	.flex-homepage .flex-caption .fc-hpage span{padding:2px 5px;}
	
	.flex-homepage .flex-caption{bottom:8%; left:0;}
	.flex-homepage .flex-caption .fc-hpage *{margin:0 0 4px 0; font-size:12px;}
	.flex-homepage .flex-caption .fc-hpage .georgia{font-size:16px;}
}

@media screen and (max-width:650px) {
	/* Creates A Container For Tables To Be Scrolled In  */
	.res-table{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.res-table table, .res-table .table{margin:0; padding:0; white-space:nowrap;}
}