/*
Responsive Template Name: RS-1200 Prototype 38
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 */
.one_quarter {width:49.25%  ;margin:0 ;}
.service{ position:relative;}
.Rtitle{width:60%;font-size: 12px;bottom: 50%;}
.Rtext{font-size:4px;  width:100%;bottom:0%;padding:0;right:4%;}
.Rtitle1{ font-size: 12px;width: 58%;bottom: 50%;line-height: 11px;padding-right: 4%;}
.Rbtext1{ font-size: 12px;width: 58%;bottom: 20%;line-height: 12px;padding-right: 4%;}
.Rtext1{ font-size: 5px;width: 100%;bottom: 0%;padding: 0 4% 0 0;}
.row7 {position:relative;}
	.opaque button{margin-top:-160px;}
.placeholder{height:0px;}
@media screen and (min-width:180px) and (max-width:360px) {
	#header, #menu, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#menu 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 0% 0; padding:0;}

	#header hgroup, #header #header-contact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #header-contact{margin:30px 0 0 0;}
	#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;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
}

/* 480px */

@media screen and (min-width:361px) and (max-width:615px) {
	#header, #menu, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#menu 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 0% 0; padding:0;}
	#header hgroup, #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;}
}

/* 768px */


@media screen and (min-width:380px){
	.Rtext{ font-size: 14px;}
	.Rtitle{ font-size: 16px;}
	.Rtext1{ font-size: 9px;}
	.Rtitle1{ font-size: 20px;line-height:20px;}
	.Rbtext1 {font-size: 15px;line-height: 15px;}
}
@media screen and (min-width:500px){
	.Rtext{ font-size: 19px;}
	.Rtitle{ font-size: 24px;}
	.Rtext1{ font-size: 14px;bottom:0%;}
	.Rbtext1{ font-size: 22px; line-height:22px;}
	.Rtitle1{ font-size: 24px;line-height:24px;}
}
@media screen and (max-width:600px){
	#mobilemenu{display:inline-block;width:100%;padding:0;height:auto;}
	#mobilemenu select { width:100%;}
	#header_logo{display:inline-block;}
	#header_logo a{height: 46px;
width: 97px;}
	.serviceInfo img { margin:0 auto !important;float:none !important; display: block;}
}
@media screen and (min-width:616px) and (max-width:800px) {
	#header, #menu, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#menu 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;}
	.Rtext{ font-size: 19px;}
	.Rtitle{ font-size: 28px;}
	.Rtext1{ font-size: 18px;bottom:0%;}
	.Rbtext1{ font-size: 28px; line-height:26px;}
	.Rtitle1{ font-size: 30px;line-height:30px;}
	.serviceInfo img { margin:0 auto !important;float:none !important; display: block;}
}
@media screen and (min-width:800px){
	.Rtext{
		font-size: 14px;
	}
	.Rtitle{
		width:45%;
		font-size: 16px;
		bottom: 20%;
	}
	.Rtitle1{ font-size:18px ;  width:44%;bottom:40%;padding: 0 7% 0 0;}
	.Rbtext1{ font-size: 18px;width:38%;bottom:20%;padding: 0 7% 0 0;}
	.Rtext1{ font-size:18px;  width:100%;bottom:0%;padding: 0 7% 0 0;}
	.row7 {position:fixed;}
	.opaque button{margin-top:2px;}
	.placeholder{height:103px;}
	
}

/* 960px */

@media screen and (min-width:960px) {
	#header, #menu, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	.Rtext1{ font-size: 20px;}
	.Rbtext1{ font-size: 22px;line-height:24px;}
	.Rtitle1{ font-size: 24px;}
}

/* 1028px */

@media screen and (min-width:1028px) {
	#header, #menu, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	.one_quarter {width:21.25% ;margin:0 0 0 5%;}.service{ position:initial;}
	#intro .one_third {
		width: 21.25%;
		display: inline-block;
		float: none;
		vertical-align: top;
	}
}

/* 1200px */

@media screen and (min-width:1200px) {
	body.boxed .wrapper{max-width:1140px;}
	#header, #menu, #intro, #container, #footer, #copyright, .stretched{max-width:1200px; margin:0 auto;}
	.Rtext{ font-size: 20px;}
	.Rtitle{ font-size: 27px;}
	.Rtext1{ font-size: 24px;}
	.Rbtext1{ font-size: 26px;line-height:26px;}
	.Rtitle1{ font-size: 28px;}
}

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

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

/* Resize Extended Box */

@media screen and (min-width:1501px) {
	body.boxed .wrapper .stretched{margin-left:-2.6%; margin-right:-2.6%;}	
	.Rtext{ font-size: 25px;}
	.Rtitle{ font-size: 32px;}
	.Rtext1{ font-size: 28px;}
	.Rbtext1{ font-size: 33px;line-height:33px}
	.Rtitle1{ font-size: 38px;}
}
}