/* Responsive Rules */
@media screen and ( max-width: 1300px){
	#mainHd h1{
		height: 120px;
		margin: -30px 0 0 0;
		width: 383px;
	}

	#mainHd h1 a{ 
		background: url(images/logosm.png) top left no-repeat;
		height: 120px;
		width: 383px;
	}
	#mainHd .menu li{ font-size: 16px; margin-right: 12px; }
	#mainHd .social-media{ margin-top: -30px; }
}
@media screen and ( max-width: 1200px ){
	/* Team Page */
	.block{
		float: left;
		height: auto;
		margin: 0 3% 4% 0;
		padding: 0;
		width: 30%;
		}
	.block:nth-child(3n+1){
		margin-right: 0;
	}
}
@media screen and ( max-width:960px ){
	body{ font-size: 15px; line-height: 20px; }
	#mainHd h1{ margin: 35px 30px 0 0; }
	.sb-toggle-right{ display: block; margin-top: 70px; }
	#mainHd #cartBanner, #mainHd .menu, #mainHd .social-media{ display: none; }
	#mainFoot .wrapper{ padding-top: 180px; }
	#mainFoot ul#ftMenuL, #mainFoot ul#ftMenuR{ display: none; }
}

@media screen and (max-width:768px) {
	.sb-toggle-right{ margin-top: 0px; }
	#mainHd h1{ 
		background: #fff;
		float: none; 
		height: 197px;
		margin: 15px auto 0;
		padding: 0 5px;
		width: 165px;
	}
	#mainHd h1 a{
		background: #fff url(images/circleLogo.png) top left no-repeat;
		height: 197px;
		width: 165px;
	}
	#mainHd #searchform{ float: none; margin: 0 auto; }
	
	#blogFeed, #featLayout{
		float: none;
		margin-right: 0;
		max-width: 100%;
		width: 100%;
	}
	#featLayout{
		clear: both;
		width: 100%;
	}
	
	.title-block{ margin-bottom: 15px; }
	
	.title-block p{ font-size: 12px; line-height: 14px; }
	.postShare{ clear: both;  width: 100%;}
	
	#sidebar ul li h2{ font-size: 14px; padding-top: 16px; }
	#sidebar{ font-size: 14px; }
	
	#mainFoot .wrapper { background: none; }
	
	#bottomBox h3{ line-height: 30px; text-align: center;}
	#bottomBox .leftContent, #bottomBox #newsletter, #bottomBox #deals, #bottomBox #mojo img, #bottomBox #mojo .content, #bottomBox #deals .content, #bottomBox img{ 
		clear: both;
		float: none; 
		width: 100%;
	}
	#bottomBox #newsletter input[type=text]{ width: 60%; }
	#bottomBox #newsletter button{ width: 38%; }
	#mainFoot ul#menu-left-footer-menu, #mainFoot ul#menu-right-footer-menu{ display: none;}
	
	/* Team Page */
	.block{
		float: left;
		height: auto;
		margin: 0 2% 4% 0;
		padding: 0;
		width: 49%;
		}
	.block:nth-child(3n+1){
		margin-right: 2%;
	}
	.block:nth-child(2n+1){
		margin-right: 0;
	}
	
	/* Posts */
	.title-block h2{
		font-size: 18px;
		font-weight: normal;
		padding-left: 20px;
	}
	.title-block p.date{ padding-left: 20px; }
	.entry{ padding: 0 20px; }
}

@media screen and (max-width:480px) {
	#shopFeed h2, #blogFeed h2, #featLayout h2{
		font-size: 30px;
	}
	#shopFeed h2 span, #blogFeed h2 span, #featLayout h2 span{ font-size: 48px; }
	#shopFeed ul li{
		float: none;
		margin: 0 auto 2%;
		width: 90%;
	}
	#shopFeed ul li:last-of-type{
		margin: 0 auto 2%;
	}
	#blogFeed .blogImg, #blogFeed .content{
		float: none;
		margin: 0 auto 5%;
		max-width: 100%;
		width: 90%;
	}
	#sidebar, #container{
		float: none;
		margin: 0 auto;
		width: 100%; 
	}
	#bottomBox section{
		float: none;
		width: 100%;
	}
	#bottomBox h3{ font-size: 24px; }
	#bottomBox h3 span{ font-size: 40px; }
	
	.block{
		display: block;
		float: none;
		height: auto;
		margin: 0 0 4% 0;
		padding: 0;
		width: 100%;
	}
	.title-block h2, .post:nth-child(even) .title-block h2{ 
		background-image: none;
		border-bottom: 1px solid #bebebe;
		font-weight: normal;
		line-height: 20px;
		margin-bottom: 8px;
		background-image: none !important;
		padding: 0 0 5px 0;
		height: auto;
		min-height: auto; 
	}
	.title-block p.date{ padding-left: 0; }
	
}

@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{
		background: url(images/hdbg@2x.png) top left repeat-x;
		-webkit-background-size: 199px 201px; 
		-moz-background-size: 199px 201px; 
		-o-background-size: 199px 201px;
		background-size: 199px 201px;
	}
	#mainHd #cartBanner a{
		background: url(images/cartBanner@2x.png) top left no-repeat;
		-webkit-background-size: 87px 233px; 
		-moz-background-size: 87px 233px; 
		-o-background-size: 87px 233px;
		background-size: 87px 233px;
	}
	#mainHd #cartBanner a:hover{
		background: url(images/cartBanner@2x.png) bottom left no-repeat;
		-webkit-background-size: 87px 233px; 
		-moz-background-size: 87px 233px; 
		-o-background-size: 87px 233px;
		background-size: 87px 233px;
	}
	
	#mainHd #searchform button, #searchform button{
		background: url(images/searchButton@2x.png) top left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px; 
	}
	#mainHd #searchform button:hover, #searchform button:hover{
		background: url(images/searchButton@2x.png) bottom left no-repeat;
		-webkit-background-size: 30px 30px; 
		-moz-background-size: 30px 30px; 
		-o-background-size: 30px 30px;
		background-size: 30px 30px; 
	}
	#mainHd .menu li a:hover{
		background: url(images/dot-dkpk@2x.gif) top center no-repeat;
		-webkit-background-size: 46px 46px; 
		-moz-background-size: 46px 46px; 
		-o-background-size: 46px 46px;
		background-size: 46px 46px; 
	}
	#mainHd .social-media li.fbLink a, .sb-slidebar .social-media li.fbLink a{
		background: url(images/socialFB@2x.gif) top left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.fbLink a:hover, .sb-slidebar .social-media li.fbLink a:hover{
		background: url(images/socialFB@2x.gif) bottom left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.twitterLink a, .sb-slidebar .social-media li.twitterLink a{
		background: url(images/socialTwitter@2x.gif) top left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.twitterLink a:hover, .sb-slidebar .social-media li.twitterLink a:hover{
		background: url(images/socialTwitter@2x.gif) bottom left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.igLink a, .sb-slidebar .social-media li.igLink a{
		background: url(images/socialIG@2x.gif) top left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.igLink a:hover, .sb-slidebar .social-media li.igLink a:hover{
		background: url(images/socialIG@2x.gif) bottom left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.pinLink a, .sb-slidebar .social-media li.pinLink a{
		background: url(images/socialPin@2x.gif) top left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.pinLink a:hover, .sb-slidebar .social-media li.pinLink a:hover{
		background: url(images/socialPin@2x.gif) bottom left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.mailLink a, .sb-slidebar .social-media li.mailLink a{
		background: url(images/socialMail@2x.gif) top left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainHd .social-media li.mailLink a:hover, .sb-slidebar .social-media li.mailLink a:hover{
		background: url(images/socialMail@2x.gif) bottom left no-repeat;
		-webkit-background-size: 30px 60px; 
		-moz-background-size: 30px 60px; 
		-o-background-size: 30px 60px;
		background-size: 30px 60px;
	}
	#mainFoot{
		background: #c5c5c5 url(images/ftbg@2x.gif) top left repeat-x;
		-webkit-background-size: 2px 197px; 
		-moz-background-size: 2px 197px; 
		-o-background-size: 2px 197px;
		background-size: 2px 197px;
	}
	#blogFeed h2, #featLayout h2, .title-block h2{
		background: url(images/hd-dkpk@2x.gif) top left no-repeat;
		-webkit-background-size: 1400px 68px; 
		-moz-background-size: 1400px 68px; 
		-o-background-size: 1400px 68px;
		background-size: 1400px 68px;
	}
	#shopFeed h2, .post:nth-child(even) .title-block h2{
		background: url(images/hd-ltgr@2x.gif) top left no-repeat;
		-webkit-background-size: 1400px 68px; 
		-moz-background-size: 1400px 68px; 
		-o-background-size: 1400px 68px;
		background-size: 1400px 68px;
	}
}