/* Responsive Rules */
@media screen and ( max-width:960px ){
	#sb-site{ background: #fff; }
	#wrapper{ padding: 0; width: 100%; }
	#innerWrap{ padding: 0 5%; width: 90%; }
	#mainHd .menu{ font-size: 30px; line-height: 30px; }
	
	#blog.main{ float: right; margin-right: 0; margin-left: -170px; }
	#blog.main .container{ margin: 0 0 0 170px; }
	#sidebar-rt{ clear: both; float: none; width: 100%; }
	#sidebar-lt{ margin: 0; }
	
	
}

@media screen and (max-width:865px) {
	#mainHd{ margin-bottom: 20px;}
	#mainHd h1{ float: none; margin: 0 auto; }
	#mainHd .menu{ float: left; font-size: 44px; line-height: 44px; margin: 10px auto; max-width: 100%; width: 100%; }
	#mainHd .menu li:last-child::after{ clear: both; }
	#mainHd .socialIcons{ padding: 0; }
}

@media screen and (max-width:768px) {
	#mainHd h1{ float: left; margin: 0; }
	#mainHd .menu, #mainHd .socialIcons, #mainHd #searchform{ display: none; }
	
	.sb-toggle-right{ display: block; }
	
	#leftFt .socialIcons{ display: none; }
	#leftFt, #rightFt{ float: none; margin: 0 auto 20px; width: 100%; max-width: 100%; }
	
	#newsletter, #recBlog{ width: 48%; }
	#pco h3, #shco h3{ font-size: 30px; line-height: 30px; }
	.releaseBlock{ float: none; margin: 0 auto; width: 100%;}
}

@media screen and (max-width:480px) {
	#newsletter, #recBlog{ float: none; width: 100%; }
	#pco, #shco{ float: none; padding: 0 0 30px; width: 100%; }
	
	#blog.main, #blog.main .container{ float: none; margin: 0; }
	#sidebar-rt, #sidebar-lt{ clear: none; box-sizing: border-box; float: left; margin: 0 auto 30px; width: 50%; max-width: 150px; }
	#sidebar-rt{ float: right; }
	
	#respondBox .entry .inputBoxes, #respondBox .entry .textBox{ float: none; padding: 0; width: 100%; }
}

@media screen and (max-width:300px) {
	#blog.main, #blog.main .container{ float: none; margin: 0; }
	#sidbar-rt, #sidebar-lt{ float: none; margin: 0 0 30px; width: 100%; max-width: 150px; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
	#mainHd h1{ 
		background: url(images/logo@2x.jpg) no-repeat;
		-webkit-background-size: 234px 163px; 
		-moz-background-size: 234px 163px; 
		-o-background-size: 234px 163px;
		background-size: 234px 163px;
	}
	.socialIcons li.linkTwitter a{ background-image: url(images/iconTwitter@2x.png);
		-webkit-background-size: 32px 96px; 
		-moz-background-size: 32px 96px; 
		-o-background-size: 32px 96px;
		background-size: 32px 96px;
	}
	.socialIcons li.linkFB a{ background-image: url(images/iconFB@2x.png);
		-webkit-background-size: 32px 96px; 
		-moz-background-size: 32px 96px; 
		-o-background-size: 32px 96px;
		background-size: 32px 96px;
	}
	.socialIcons li.linkPin a{ background-image: url(images/iconPin@2x.png);
		-webkit-background-size: 32px 96px; 
		-moz-background-size: 32px 96px; 
		-o-background-size: 32px 96px;
		background-size: 32px 96px;
	}
	.socialIcons li.linkFlickr a{ background-image: url(images/iconFlickr@2x.png);
		-webkit-background-size: 32px 96px; 
		-moz-background-size: 32px 96px; 
		-o-background-size: 32px 96px;
		background-size: 32px 96px;
	}
	.socialIcons li.linkYT a{ background-image: url(images/iconYT@2x.png);
		-webkit-background-size: 32px 96px; 
		-moz-background-size: 32px 96px; 
		-o-background-size: 32px 96px;
		background-size: 32px 96px;
	}
	.socialIcons li.linkRSS a{ background-image: url(images/iconRSS@2x.png);
		-webkit-background-size: 32px 96px; 
		-moz-background-size: 32px 96px; 
		-o-background-size: 32px 96px;
		background-size: 32px 96px;
	}
	.sidebar ul li:nth-child(5n-4) h2{ background: url(images/sbHd-blue@2x.jpg) top left no-repeat;
		-webkit-background-size: 149px 47px; 
		-moz-background-size: 149px 47px; 
		-o-background-size: 149px 47px;
		background-size: 149px 47px;
	}
	.sidebar ul li:nth-child(5n-3) h2{ background: url(images/sbHd-grn@2x.jpg) top left no-repeat;
		-webkit-background-size: 149px 47px; 
		-moz-background-size: 149px 47px; 
		-o-background-size: 149px 47px;
		background-size: 149px 47px;
	}
	.sidebar ul li:nth-child(5n-2) h2{ background: url(images/sbHd-yllw@2x.jpg) top left no-repeat;
		-webkit-background-size: 149px 47px; 
		-moz-background-size: 149px 47px; 
		-o-background-size: 149px 47px;
		background-size: 149px 47px;
	}
	.sidebar ul li:nth-child(5n-1) h2{ background: url(images/sbHd-orng@2x.jpg) top left no-repeat;
		-webkit-background-size: 149px 47px; 
		-moz-background-size: 149px 47px; 
		-o-background-size: 149px 47px;
		background-size: 149px 47px;
	}
	.sidebar ul li:nth-child(5n) h2{ background: url(images/sbHd-pink@2x.jpg) top left no-repeat;
		-webkit-background-size: 149px 47px; 
		-moz-background-size: 149px 47px; 
		-o-background-size: 149px 47px;
		background-size: 149px 47px;
	}
	#mainFoot{ background: #f49081 url(images/zigzag@2x.jpg) top repeat-x;
		-webkit-background-size: 15px 15px; 
		-moz-background-size: 15px 15px; 
		-o-background-size: 15px 15px;
		background-size: 15px 15px;
	}
}