/*
Theme Name: MCMFP
Theme URI: http://www.mcmfoodpanel.ca
Description: Custom Wordpress theme.
Author: Curt Thiessen
Version: 1.02
*/

/**********************************
Table of Contents
1. Fonts
2. Colors
3. Universal styles
4. Header and Nav
5. Main body content
6. Sidebar
7. Footer content
8. Media Queries
**********************************/

/**********************************
1. Fonts

**********************************/

/**********************************
2. Colours
#fff 		White
#000 		Black
**********************************/

/**********************************
3. Universal styles
**********************************/
body {
	font-family: 'Open Sans', sans-serif;
	background: #f0eadf;
}

p {
	color: #333333;
	font-size: 1.143em;
}

h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	color: #d4564d;
	font-size: 2.571em;
}
h3 {
	font-weight: 700;
	color: #d4564d;
	font-size: 1.286em;
}
	h3 a {color: #d4564d;}
h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.286em;
}

a {color: #d4564d;}
	a:hover {color: #903a34;}

.container{
  max-width: none !important;
  width: 1170px;
}



.align-right {text-align: right;}
.view-all {
	font-weight: bold;
	font-size: 1.143em;
}

.img-right {
    float: right;
    margin: 5px 0 45px 25px;
}

.Affiliation .wpcf7-list-item, .TellUs .wpcf7-list-item {
display: block;
margin: 0 0 5px 0
}

.clear {clear: both;}


/**********************************
4. Header and Nav
**********************************/

header {height: 124px;}
header, header .container {
	position: relative;
	background: #796660;
	height: 124px;
	z-index: 100;
}

header h1 {
	display: block;
	position: absolute;
	width: 241px;
	height: 124px;
	margin: 0 0 0 -23px;
}
.join-text {
	color: #fff;
	width: 230px;
	font-size: 0.875em;
	position: absolute;
	right: 294px;
	top: 11px;
}
.join-text a strong {
    	display: block;
    	font-family: 'Oswald', sans-serif;
    	font-weight: bold;
   	font-size: 1.5em;
	margin-bottom: 3px;
	color: #fff;
}
.join-text a.link {
font-weight: bold;
color: #fff;
font-style: italic;
text-decoration: underline;
}
header #login {
	position: absolute;
	right: 15px;
	top: 0;
	width: 262px;
	height: 110px;
	background: url('i/login-bg.jpg') no-repeat;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	padding: 5px 15px 15px 15px;
}
	header #login p {
		color: #fff;
   		font-family: 'Oswald', sans-serif;
		font-size: 2em;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
		margin-top: 17px;	    
		text-align: center;
		line-height: 1.125em;
		padding-bottom: 0;
	}
	header #login p a {color: #fff;}
	header #login p a:hover {text-decoration: none;}
	header #login p span {font-size: 1.571em;}
		header #login p span a {color: #fff;}
		header #login p span a:hover {
			color: #fff;
			text-decoration: none;
		}
	header #login p.bottom {
		font-size: 0.929em;
		color: #fff;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	}
	header #login p.bottom a {
		color: #fff;
		text-decoration: underline;
	}

.navbar {
	min-height: 40px;
	z-index: 99;
	margin-bottom: 0;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.navbar-default, .navbar-default .container {
	background-color: #d4564d;
	border: none;
}

.navbar-default .navbar-nav>li>a {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.429em;
	padding: 5px 10px;
	line-height: normal;
	color: #fff;
}
	.navbar-default .navbar-nav>li:first-child>a {padding-left: 0;}
	.navbar-default .navbar-nav>li>a:hover {color: #8d3933;}
	.navbar-default .navbar-nav>li.current-menu-item>a, .navbar-default .navbar-nav>li.current-page-ancestor>a {color: #8d3933;}

	.navbar-default .navbar-nav>li ul {
		display: none;
		position: absolute;
		background: #d4564d;
		width: 175px;
		margin: 0;
		padding: 0;
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.2);
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
	}
		.navbar-default .navbar-nav>li ul li {
			display: block;
			margin: 0;
			padding: 0 0 0 0;
			width: 100%;
		}
			.navbar-default .navbar-nav>li ul li:last-child {
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;
			}

			.navbar-default .navbar-nav>li ul li:hover {background: #8d3933;}
			.navbar-default .navbar-nav>li ul li a {
				display: block;
				width: 100%;
				padding: 10px;
				color: #fff;
				text-decoration: none;
			}
			.navbar-default .navbar-nav>li ul li.current-menu-item {background: #8d3933;}
				.navbar-default .navbar-nav>li ul li.current-menu-item a {color: #fff;}
			
			
		.navbar-default .navbar-nav>li:hover ul {display: block;}

.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {float: left;}

#social {
	display: block;
	position: relative;
	margin: 6px 0 0 0;
	padding: 0;
	float: right;
	right: 0;
}
	#social li {
		display: block;
		float: left;
		width: 29px;
		height: 29px;
		margin: 0 0 0 10px;
	}
		#social li a {
			display: block;
			width: 29px;
			height: 29px;
		}

#shadow {
	position: absolute;
	top: 132px;
	left: 0;
	right: 0;
	margin: 0 auto 0 auto;
	width: 1140px;
	height: 52px;
	background: url('i/nav-shadow.png') center top no-repeat;
	z-index: 10;
}

.single-recipe #menu-item-23 a, .single-news #menu-item-24 a {color: #8d3933;}

/**********************************
5. Main body content
**********************************/

#banner, #banner .container {
	height: 575px;
	background: url('i/banner-pattern.gif');
}

.bxslider {padding: 0;}
.bx-wrapper {margin: 20px auto 0 auto;}

.bx-wrapper .bx-viewport {
	left: 0;
	border: none;
	background: none;
	box-shadow: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #f6e49e;
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 6px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #d4564d;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -15px;
	width: 100%;
}

#youtube {
	padding: 0;
	background-color: #f0eadf;
}
	#youtube .container {
		background-color: #f0eadf;
		padding-top: 30px;
		padding-bottom: 30px;
	}

#recipes, #recipes-content {padding: 0 0;}
	#recipes, #recipes>.container {background: url('i/sub-pattern.gif');}
	#recipes h2 {
		display: inline-block;
		position: relative;
		margin-top: 30px;
		margin-bottom: 20px;
	}
		#recipes h2::after {
			position: absolute;
			right: -34px;
			content: url('i/icon-recipes.png');
		}
	#recipes h3 {margin: 15px 0 15px 0;}
	#recipes .attachment-post-thumbnail {margin-bottom: 15px;}
	#recipes p {margin-bottom: 0;}
	#partnerships {
		height: 400px;
		background: url('i/partnerships-bg.png') top no-repeat;
	}
		#partnerships h2 {
			display: inline-block;
			position: relative;
			color: #fff;
			font-size: 2.143em;
			margin-left: 15px;
			margin-bottom: 15px;
		}
			#partnerships h2::after {
				position: absolute;
				right: -50px;
				top: -9px;
				content: url('i/icon-partnerships.png');
			}
	#recipes .col-xs-4 {padding-bottom: 30px;}
	#recipes .view-all {
		display: block;
		margin-top: 30px;
	}

#blog .container {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f0eadf;
}
#blog {background-color: #f0eadf;}
	#blog h2 {
		display: inline-block;
		position: relative;
		margin: 0 0 20px 0;
	}
	#blog h2::after {
		position: absolute;
		right: -55px;
		content: url('i/icon-blog.png');
	}
	#blog h3 {margin: 0 0 20px 0;}
	#blog p {margin-bottom: 0;}
a.read-more {font-weight: bold;}

#blog .attachment-post-thumbnail {margin-bottom: 15px;}

.divider {
	width: 100%;
	height: 15px;
	background-position: center;
	background-repeat: no-repeat;
}
	.divider.red {
		background-image: url('i/divider-red.gif');
		background-color: #d4564d;
	}
	.divider.green {
		background-image: url('i/divider-green.gif');
		background-color: #6c8533;
	}


.sub {
	position: relative;
	padding-bottom: 30px;
	z-index: 0;
}
	.sub.with-sidebar {background: url('i/sidebar-bg.gif') right repeat-y;}

	.sub-col-1 {
		padding-top: 60px;
		padding-right: 60px;
	}
		.sub-col-1>h2:first-child {
			margin-top: 0;
			margin-bottom: 30px;
		}
		.sub-col-1>h3 {margin-bottom: 20px;}
	
		.sub-col-1 p {margin-bottom: 20px;}
	
		.sub-col-1 hr {
			width: 100%;
			border-bottom: 1px dotted #7d6b67;
		}
	
		ul#panelist-links {padding: 0;}
			ul#panelist-links li {list-style: none;}
	
		#register {
			display: block;
			text-align: center;
			border-radius: 4px;
			background: #79a30b;
			padding: 8px 12px 8px 12px;
			color: #fff;
			font-family: 'Oswald', sans-serif;
			font-size: 1.714em;
			margin: 30px auto 0 auto;
		}
			#register:hover {
				background: #86b50c;
				text-decoration: none;
			}
	
	.recipe-box {min-height: 360px;}
	
	.meta {margin-bottom: 15px;}
	#searchform input[type="text"] {
		padding: 5px;
		border-radius: 6px;
		border: 1px solid #ccc;
		margin: 0 8px 0 8px;
	}
	#searchform label {
		font-family: 'Oswald', sans-serif;
		color: #7d6b67;
		font-size: 1.286em;
		margin-top: 3px;
	}
	#searchsubmit {
		font-family: 'Oswald', sans-serif;
		font-size: 1em;
		background: #79a30b;
		color: #fff;
		display: inline-block;
		text-align: center;
		border-radius: 4px;
		border: none;
		padding: 5px 12px 5px 12px;
		margin-top: 1px;
	}

	.attachment-post-thumbnail {margin-bottom: 15px;}
	.attachment-blog-thumb {margin-bottom: 15px;}

	.blog-box {min-height: 360px;}

	ul#sidebar-social {
		width: 175px;
		margin: 0 auto 0 auto;
		padding: 0;
	}
		ul#sidebar-social li {
			display: block;
			width: 49px;
			height: 49px;
			float: left;
			margin-top: 15px;
			margin-right: 14px;
		}
			ul#sidebar-social li:last-child {margin-right: 0;}
			ul#sidebar-social li a {
				display: block;
				width: 49px;
				height: 49px;
			}

	.contact-col {
		display: inline-block;
		width: 320px;
		padding: 0 10px 5px 0;
		text-align: right;
	}

	.sub-col-2 {
		padding-top: 130px;
		padding-right: 30px;
	}
		.sub-col-2>div>h2:first-child {margin-top: 0;}
		.sub-col-2>div>h3:first-child {margin-top: 0;}	
	
		.sub-col-2 h3 {
			color: #7d6b67;
			margin-bottom: 15px;
		}
		.sub-col-2 h4 {margin-top: 30px;}
		
		.sub-col-2 .section {margin-bottom: 60px;}
		
		.sub-col-2 .section ul {padding: 0;}
		.sub-col-2 .section li {list-style: none;}
		
		#questions li {
			list-style: inherit;
			margin-bottom: 5px;
			color: #7d6b67;
		}
		.faq-number {
			display: block;
			font-weight: bold;
			font-size: 2.714em;
			margin-top: 10px;
			color: #d4564d;
		}
		
		#surveys h3 {
			display: inline-block;
			position: relative;
			margin: 0 0 20px 0;
		}
			#surveys h3::after {
				position: absolute;
				right: -44px;
				content: url('i/icon-surveys.png');
			}
		#information h3 {
			display: inline-block;
			position: relative;
			margin: 0 0 20px 0;
		}
			#information h3::after {
				position: absolute;
				right: -34px;
				content: url('i/icon-documents.png');
			}
		#testimonials h3 {
			display: inline-block;
			position: relative;
			margin: 0 0 20px 0;
		}
			#testimonials h3::after {
				position: absolute;
				top: -3px;
				right: -54px;
				content: url('i/icon-testimonials.png');
			}
		#recipe h3 {
			display: inline-block;
			position: relative;
			margin: 0 0 20px 0;
		}
			#recipe h3::after {
				position: absolute;
				right: -27px;
				content: url('i/icon-recipes-sm.png');
			}
	
		.sub-col-2 blockquote {
			position: relative;
			border: none;
			margin: 10px 0;
			padding: 0 50px;
			quotes: "\201C""\201D""\2018""\2019";
		}
			.sub-col-2 blockquote p {
				display: inline;
				font-size: 1em;
			}
			.sub-col-2 blockquote::before {
				display: block;
				color: #c8c0b7;
				content: open-quote;
				font-size: 6em;
				position: absolute;
				line-height: 0.1em;
				top: 27px;
				left: 0;
			}
				.sub-col-2 blockquote footer {
					margin-top: 10px;
					background: none;
				}
			
			.carousel-control {width: 5%;}
			.carousel-control.left, .carousel-control.right {background-image: none;}
			
		
		#faq {
			width: 405px;
			height: 150px;
			margin-left: -30px;
			background: #fff;
			background: url('i/faq-bg.jpg') no-repeat;
		}
			#faq a {
				display: block;
				padding: 30px;
				width: 405px;
				height: 150px;
			}
			#faq a:hover {text-decoration: none;}
			#faq h3 {
				display: inline-block;
				position: relative;
				margin: 0 0 20px 0;
				color: #fff;
				font-size: 2.571em;
			}
				#faq h3::after {
					position: absolute;
					right: -54px;
					content: url('i/icon-faq.png');
				}
				#faq p {
					font-size: 1.286em;
					color: #fff;
					text-align: right;
				}
	
	.sub h2 {margin-bottom: 20px;}

	.sub h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 1.714em;
	}
	.sub h4 {
		font-family: 'Oswald', sans-serif;
		color: #7d6b67;
		font-size: 1.143em;
		font-weight: bold;
	}
	.sub p {}
	.sub ul, .sub ol {
		margin: 0;
		padding: 0 0 20px 20px;
	}
		.sub .event ul {
			margin: 0;
			padding: 0 0 0 20px;
		}
		.sub ul li, .sub ol li {
			color: #333333;
			font-size: 1.143em;
			margin-bottom: 10px;
			margin-left: 0;
		}
.sub ol ol {
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
}

.smaller {
color: #999;
font-size: 0.75em;
}

.surveys .panel-default {border: none;}
.surveys .panel {
	margin: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
}
.survey-item h3 {margin-bottom: 20px;}

.sub ol li li {font-size: 1em;}
.sub ol li li:last-child {margin-bottom: 0;}

.contact-us-form {}
.contact-us-form .form-group input[type="text"],.contact-us-form .form-group input[type="email"],.contact-us-form .form-group input[type="tel"] {
	width: 100%;
	padding: 5px;
	border-radius: 6px;
	border: 1px solid #ccc;
	margin-top: 5px;
}
.contact-us-form .form-group textarea {
	width: 100%;
	padding: 5px;
	border-radius: 6px;
	border: 1px solid #ccc;
	margin-top: 5px;
}

.contact-us-form .wpcf7-submit  {
	display: block;
	text-align: center;
	border-radius: 4px;
	background: #79a30b;
	padding: 8px 12px 8px 12px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 1.286em;
	margin: 15px 0 0 123px;
	border: none;
}
	.contact-us-form .wpcf7-submit:hover {
		background: #86b50c;
		text-decoration: none;
	}


.image-right {
float: right;
margin-left: 40px;
}

.registration-form .form-group {
	border-bottom: 1px dotted #7d6b67;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.registration-form .form-group>div {padding-left: 0;}
.registration-form .form-group>div:last-child {padding-right: 0;}

.registration-form .form-group input[type="text"],.registration-form .form-group input[type="email"],.registration-form .form-group input[type="tel"],.registration-form .form-group input[type="number"], .registration-form .form-group textarea {
	width: 100%;
	padding: 5px;
	border-radius: 6px;
	border: 1px solid #ccc;
}
.registration-form .form-group input[type="tel"] {width: 48%;}
.registration-form .form-group input[type="number"] {width: 10%;}

.registration-form .form-group.row {
	margin-left: 0;
	margin-right: 0;
}

.registration-form .form-group.address .row {margin-bottom: 15px;}
	.registration-form .form-group.address .row:last-child {margin-bottom: 0;}
	.country-group select {width: 75%;}
	.country-label {
		display: inline-block;
		padding-right: 5px;
		color: #777;
	}

.registration-form .wpcf7-list-item-label {padding-right: 10px;}
.registration-form .wpcf7-submit {
	display: block;
	text-align: center;
	border-radius: 4px;
	background: #79a30b;
	padding: 8px 12px 8px 12px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 1.714em;
	margin: 30px auto 0 auto;
	border: none;
	width: 100%;
}
	.registration-form .wpcf7-submit:hover {background: #86b50c;}

.name-wrapper1 {padding-left: 0;}
.name-wrapper2 {padding-right: 0;}

.registration-form .form-group .code input[type="text"] {width: 48%;}

.team-member {
	margin-top: 30px;
	margin-bottom: 30px;
}
.team-member h3 {margin-top: 0;}

.sub-col-2 .section #team-list li {
	list-style: disc;
	margin-left: 20px;
}

.event {
	width: 100%;
	float: left;
	background: #fffaed;
	margin-bottom: 30px;
}
.event p {font-size: 1em;}
.sub .event ul li {
font-size: 1em;
margin-bottom: 0;
} 
.event .col-xs-4 {padding-left: 0;}
.event .col-xs-8 {padding-right: 0;}
	.event .col-xs-8 h3, .event .col-xs-8 h4, .event .col-xs-8 p {padding-right: 15px;}
.tags {
	display: none;
	padding: 15px 15px 15px 30px;
	background: #e1ddd1;
	margin-left: -30px;
}
.single-date {margin-bottom: 30px;}

.login {
	background-color: rgba(255, 251, 237, 0.5);
	border-radius: 6px;
	padding: 15px;
}

.login.form-horizontal .control-label {
	padding-top: 15px;
	margin-bottom: 0;
	text-align: right;
	color: #7d6b67;
}
.login .form-group {
	margin-bottom: 5px;
}
.login .form-group button {
	margin-top: 10px;
	display: block;
	text-align: center;
	border-radius: 4px;
	background: #79a30b;
	padding: 8px 12px 8px 12px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	border: none;
}

.login.partner-login .control-label {padding-top: 6px;}
.login.partner-login .form-group {margin-bottom: 10px;}
.login.partner-login .form-group.button {margin-bottom: 0;}

#logout {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
}

#swpm_reset_email {
	padding: 5px;
	border-radius: 6px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 15px;
}

.swpm-pw-reset-submit {
	display: block;
	text-align: center;
	border-radius: 4px;
	background: #79a30b;
	padding: 8px 12px 8px 12px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	border: none;
}
	.swpm-pw-reset-submit:hover {background: #86b50c;}
	.swpm-reset-pw-error {color: #f00;}
	.swpm-reset-pw-success-email {margin-bottom: 15px;}

.IN-widget {margin-left: -8px;}
#subscription-toggle {margin-left: 15px;}

.sub ul.services-list {margin-bottom: 20px;}
.new::after {
	position: absolute;
	content: url('i/new.png');
}

.partners-news-title {
	margin-top: 0;
	margin-bottom: 30px;
}


table {
width: 100%;
margin-bottom: 15px;
}
table tr:first-child {border-top: 1px solid #fff;}
table tr {border-bottom: 1px solid #fff;}
table tr th, table tr td {
padding: 7px;
vertical-align: top;
}
table tr td span.left {
display: block;
float: left;
margin-right: 4px;
}
table tr td span.right {
display: block;
float: left
}
table tr th {
text-align: center;
background: #58abc6;
color: #fff;
}
table tr.green {color: #809948;}
table tr td.last {text-align: center;}

/**********************************
6. Sidebar
**********************************/

/**********************************
7. Footer content
**********************************/

footer, footer .container {background: url('i/footer-pattern.gif');}

footer .contact {padding-bottom: 30px;}
footer .contact h3 {
	font-size: 2.143em;
	font-family: 'Oswald', sans-serif;
	color: #b0cc36;
	margin-bottom: 25px;
}
footer .contact p {color: #fff;}
footer .contact #map {
	width: 100%;
	height: 300px;
	border: 1px solid #000;
}
footer .contact p a {color: #fff;}
footer .contact p span {margin-right: 10px;}

#twitter-widget-0 {margin: 30px 0 30px 0 !important;}
.fb_iframe_widget {margin: 30px 0 30px 0 !important;}
footer .copyright {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px dotted #fff;
}
footer h4 {
	margin: 0 0 15px 0;
	color: #b0cc36;
}
footer p.disclaimer-text {
	color: #fff;
	font-size: 1em;
	margin: 0;
}
footer p.copyright-text {
	color: #fff;
	font-size: 1em;
	margin: 0;
	text-align: right;
}

footer .footer-logos {text-align: center;}
	footer .footer-logos img {margin-bottom: 25px;}

.twitter-timeline, .facebook-timeline  {
	display: block;
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
}

.glyphicon-facebook::before {content: url('i/social-facebook-xs.png');}
.glyphicon-twitter::before {content: url('i/social-twitter-xs.png');}
.glyphicon-linkedin::before {content: url('i/social-linkedin-xs.png');}

.glyphicon-facebook-grey::before {content: url('i/social-facebook-xs-grey.png');}
.glyphicon-twitter-grey::before {content: url('i/social-twitter-xs-grey.png');}
.glyphicon-linkedin-grey::before {content: url('i/social-linkedin-xs-grey.png');}

/**********************************
8. Media Queries
**********************************/

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/* iPad 3 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}

/* Desktops and laptops */
@media only screen  and (min-width : 1224px) {

}

/* Large screens */
@media only screen  and (min-width : 1824px) {

}

/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}