/*
Responsive Template Name: RS-1200 Prototype 50
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

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

/* 240 + 320px */

@media print {
	.row0 {position: relative;}
	.topspace { height:0;}
	body {background-color:#ffffff;}
	#sidebar_1{display:none;}
	.three_quarter{width:95%;}
	.row4 {page-break-before:always;}
	.pagebreak {page-break-before: always;}
}

@media screen and (max-width:1200px){
	.row0 {position:relative;}
}

@media screen and (min-width:180px) and (max-width:360px) { /*width between 180-360px*/

	#logo {display:none;}
	#topnavarea {left:0; width:100%;}

	#header, #topnav, #intro, #container, #footer, #copyright #homepage{max-width:100%; margin:0 auto;}
	#homepage {padding:10px;}
	.row0{position: relative;}
	.row3{top:0;}
	
	#topnav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter {display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	#header #header-contact{display:block; width:100%; float:none; margin:0; padding:0; text-align:center; left:0px;}
	#header #header-contact{display:none;}
	/*#header #header-contact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #header-contact li:first-child{margin:0;}*/
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	.calltoaction.opt4{font-size:1.5em;}

	#blog-post #comment-count div{float:none; margin-top:10px; text-align:center;}
	#blog-post #comment-count div:first-child{margin-top:0;}
	#blog-post .list.block li > ul, #blog-post .list.block li > ol{margin:0; padding:0; list-style:none; border:none;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center; width: 80%;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
	
	.leftbar, .centrebar, .rightbar {width:100%; margin:0px;}	
	.pricingtable-wrapper {display:block; position:relative;}
	.togwrap .togcontent {margin:0; padding:0 15px;}
	#maincontent{padding:10px;}
	
	#nav-trigger {display: block;}
    nav#nav-mobile {display: block;}
	#header hgroup{width:100%;margin-left:0px;}
	.ghost {display:none;}
}

/* 480px */

@media screen and (min-width:361px) and (max-width:615px) { /*width between 361-615px*/
	#logo {display:none;}
	#header, #topnav, #intro, #container, #footer, #copyright #homepage{max-width:100%; margin:0 auto;}
	
	#topnav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.one_half, .one_half.nogutter, 
	.one_third, .two_third, .one_third.nogutter, .two_third.nogutter, 
	.one_quarter, .two_quarter, .three_quarter, .one_quarter.nogutter, .two_quarter.nogutter, .three_quarter.nogutter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_fifth.nogutter, .two_fifth.nogutter, .three_fifth.nogutter, .four_fifth.nogutter, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth, .one_sixth.nogutter, .two_sixth.nogutter, .three_sixth.nogutter, .four_sixth.nogutter, .five_sixth.nogutter{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #header-contact{margin:30px 0 0 0;}	
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contact_details > div{display:block; float:none; margin-left:0;}
	
	.calltoaction div{margin-top:30px;}
	.calltoaction div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
	
	#logo{width:95%; margin:0 auto;}
		
	.leftbar, .centrebar, .rightbar {width:100%;}
	.pricingtable-wrapper {display:block; position:relative;}
    #header hgroup{width:290px; margin:0px auto; display:block; float:none;}
	#header #header-contact {display:none;}
	#topnavarea{left:0; width:100%;}
	#nav-trigger {display: block;}
    nav#nav-mobile {display: block;}
}

/* 768px */

@media screen and (min-width:616px) and (max-width:800px) { /*width between 616-800px*/
	/*#header, #topnav, #intro, #container, #footer, #copyright #homepage{max-width:100%; margin:0 auto;}*/
	
	#topnav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.calltoaction.opt4 div{display:block; float:none; width:100%; margin:30px 0 0 0;}
	.calltoaction.opt4 div:first-child{margin-top:0; text-align:center;}
	.calltoaction.opt4{font-size:1.5em;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin-top:0; font-size:12em;}
	#fof h2{margin-top:0;}
	
	#header #header-contact {float:left; left:200px; right:0;}
	#topnavarea{left:0;}
	#logo {width: 180px;}
	#logo img {height:115px;}
	.row3 {top:200px;}
	
	#menu-icon {display:inline-block; }
	.topspace {height:170px;}
	
	.leftbar, .centrebar, .rightbar {width:100%;}
	.pricingtable-wrapper {display:block; position:relative;}
	
	#nav-trigger {display: block;}
    nav#nav-mobile {display: block;}
	#topnavarea {width:100%;}
	
}

@media screen and (min-width:801px) and (max-width:990px){ /*width between 616-800px*/
  #logo {width: 180px; top:10px;}
  #header #header-contact{display: block; float: left; width: auto; clear: left; left: 200px;}
  #topnavarea{left:0px;}
  #topnavarea #topnav {width:100%; margin-left:10px;}
  #topnav ul {margin:0 25px 0 0;}
}

/*@media all and (max-width: 990px) {
  
  #header {padding:35px 0px;}
  #topnavarea{left:0px;}
  #topnavarea #topnav {width:100%; margin-left:70px;}
}*/

/* 960px */

@media screen and (min-width:991px) { /*width from 960px and wider*/
	#header, #topnav, #intro, #container, #footer, #copyright #homepage{max-width:1024px; margin:0 auto;}
}

/* 1028px */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body, #header, #topnav, #intro, #container, #footer, #copyright{max-width:1024px; margin:0 auto;}
}

/* 1200px */

@media screen and (min-width:1200px) { /*width from 1200px and wider*/
	body.boxed .wrapper{max-width:1140px;}
	#header, #topnav, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
	.topspace{display:block;}
}

/* Hide The Jquery Generated Navigation Form from 801px upwards */

/*@media screen and (min-width:801px) and (max-width:10000px) {*/ /*width between 801 - 10000px*/
	/*#topnav form{display:none;}
}*/

/* Resize Extended Box */

@media screen and (min-width:1501px) { /*width from 1501px and wider*/
	body.boxed .wrapper .stretched{margin-left:-2.6%; margin-right:-2.6%;}
}

/*@media screen (max-width:1200px) { 
	#logo {width:100%;}
}*/