﻿/*
Responsive Template Name: RS-MQF 960 V.2
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 screen and (min-width:240px) and (max-width:360px) {
	#header, #topnav, #container, #footer, #copyrightwrap{max-width:95%; margin:0 auto; }
	
	#topnav ul{display:none;}
    #mobileBanner{display:block;}
    #desktopBanner{display:none;}
    #iconWrapHorizontal{display:block;}
    #iconWrapVertical{display:none;}

        .one_half,
        .one_third, .two_third,
        .one_quarter, .two_quarter, .three_quarter,
        .one_fifth, .two_fifth, .three_fifth, .four_fifth,
        .one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth {
            float: none;
            width: auto;
            margin: 0 0 2% 0;
            padding: 0;
        }
	
	#header #hgroup{width:100%; float:none; margin:0 0 15px 0; padding:0;}
	
	#header, #footer{text-align:center;}
	#footer p{float:none; line-height:1.6em;}
	#footer p:first-child{margin-bottom:8px;}
}

/* 480px */

@media screen and (min-width:310px) and (max-width:600px) {
	#header, #topnav, #container, #footer, #copyrightwrap{max-width:95%; margin:0 auto;}
    #mobileBanner {
        display: block;
    }
    #desktopBanner {
        display: none;
    }
    #iconWrapHorizontal {
        display: block;
    }

    #iconWrapVertical {
        display: none;
    }
	#bannerImg {display:none;}
	#topnav ul{display:none;}
    
    #footer p {
        float: none;
    }
	#footer p:first-child{margin-bottom:8px;}
}

/* 768px */

@media screen and (min-width:601px) and (max-width:800px) {
	#header, #topnav, #container, #footer, #copyrightwrap{max-width:95%; margin:0 auto;}
        #topnav form{display:none;}
        #bannerImg {display:none;}
}

/* 960px */

@media screen and (min-width:960px) {
	#topnav, #container, #footer, #copyrightwrap{max-width:960px; margin:0 auto;}
    #topnav form{display:none;}
}

/* Hide The Jquery Generated Navigation Form from 601px upwards */

@media screen and (min-width:601px) and (max-width:1920px) {
	#topnav form{display:none;}
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}