/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {


}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	#primary-nav .nav,	
	#sidebar,
	#recentposts .entry-meta {
		display: none;
	}
	#main {
		padding: 30px 0;
	}
	#header {
		position: relative;
	}
	#home-wrapper {
		padding-top: 0;
	}
	#responsive-menu {
		color: #999999;
		display: none;
		margin: 0;
		padding: 30px 0;		
		width: 100%;
		background: #ffffff;
		border: 1px solid #ffffff;
		border-radius: 3px;
		border-bottom-color: #eeeeee;
	}
	#responsive-menu li {
		color: #999999;
		line-height: 30px;
		margin-left: 30px;
	}
	#responsive-menu li li {
		list-style: disc;
	}
	#responsive-menu li a {
		color: #666666;
		border-bottom: 1px dotted #cccccc;
	}
	.btn-nav-right {
		background: url('../images/ico-menu.png') no-repeat right 0;
		color: #cccccc;
		display: block;
		position: absolute;
		top: 32px;
		right: 60px;
		font-size: 13px;
		line-height: 16px;
		padding-right: 16px;
		cursor: pointer;
		text-transform: uppercase;
	}
	.content-loop .hentry,
	.content-loop .hentry .entry-thumb,
	.portfolio-details {
		width: 100%;
	}
	.portfolio-images img {
		width: 100%;
		height: auto;
	}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	body,
	#header {
		width: 720px;
	}
	#features .feature {
		width: 200px;
	}
	#work .portfolio-item {
		width: 315px;
	}
	#work .portfolio-item-2,
	#work .portfolio-item-4 {
		margin-right: 0;
	}
	#work .portfolio-item .entry-thumb	{
		width: 100%;
	}
	#recentposts { background: none; }
	.post-even,
	.post-odd {
		background: none;
		width: 310px;
		margin-top: 0;
		padding: 0;
	}
	.bloglarge:hover {
		background: none;
	}
	.entry-meta {
		display: table;
	}
	.team-member {
		width: 315px;
		margin-bottom: 30px;
	}
	.team-member-2,
	.team-member-4 {
		margin-right: 0;
	}	
	.testimonial {
		width: 100%;
		margin-bottom: 30px;
	}
	.client-logos img {
		width: 120px;
	}	
	.contact-left,
	.contact-right {
		width: 100%;
	}
	.col-left,
	.col-right {
		width: 48%;
	}
	#contact img {
		display: none;
	}
	.footer-column-1 {
		height: 100%;
	}	
	.footer-column-2,
	.footer-column-3 {
		margin-bottom: 20px;
	}
	.footer-social-icons a {font-size: 64px; line-height: 64px; width: 180px; padding: 45px 0; }

	#main,
	.container,
	#portfolio,
	#content,	
	.one-col,
	.portfolio-images {
		width: 660px !important;
	}
	.content-loop .post .right,
	.single-portfolio .entry-content {
		width: 470px;
	}	
	#related-work .portfolio-item {
		width: 142px; height: 152px;		
	}
	#portfolio .portfolio-item-2-col,
	#portfolio .portfolio-item-3-col,
	#portfolio .portfolio-item-4-col { width: 315px; }

	#portfolio .portfolio-item-3-col:nth-child(3n) {
		margin-right: 30px;
	}
	#portfolio .portfolio-item-3-col:nth-child(2n),
	#portfolio .portfolio-item-4-col:nth-child(2n) {
		margin-right: 0;
	}
	.single-portfolio .portfolio-item-3-col:nth-child(3n) {
		display: none;
	}
	.portfolio-images embed,
	.portfolio-images object,
	.portfolio-images iframe {
		width: 660px;
		height: 420px;
	}
	
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.portfolio-header,
	.page .entry-meta,
	.archive .entry-meta,
	.search .entry-meta {
		display: none !important;
	}
	.hero-widget .button-primary,
	.hero-widget .button-secondary { 
		margin: 5px 0; 
	}	
	.content-loop .post .right,
	#portfolio .portfolio-item-2-col,
	#portfolio .portfolio-item-3-col,
	#portfolio .portfolio-item-4-col { width: 100%; }		

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	body,
	#header {
		width: 420px;
	}
	#start {
		padding: 70px 0;
	}
	#start .widget-title {
		font-size: 32px;
		line-height: 1.3em;
	}
	#start p {
		font-size: 18px;
		padding: 0 50px;
	}
	#start .button-primary,
	#start .button-secondary {
		width: 300px;
	}	
	.feature {
		float: none;
		width: 340px;
		margin: 0 auto 40px;
	}
	#work .portfolio-item {
		width: 380px;
	}
	#work .portfolio-item .entry-thumb	{
		width: 100%;
	}
	#recentposts { background: none; }
	.post-even,
	.post-odd {
		background: none;
		width: 380px;
		margin-top: 0;
		padding: 0;
		position: relative;
	}
	.bloglarge:hover {
		background: none;
	}
	.team-member {
		width: 380px;
		margin-bottom: 40px;
	}
	.testimonial {
		width: 100%;
		margin-bottom: 30px;
	}
	.client-logos {
		display: none;
	}	
	.contact-left,
	.contact-right {
		width: 100%;
	}
	.col-left {
		width: 100%;
	}
	.col-right {
		width: 100%;
	}
	#contact img {
		display: none;
	}
	#footer .widget {
	}
	.footer-column-1,
	.footer-column-2,
	.footer-column-3,
	.footer-column-4,
	.footer-column-5 {
		border-right: none;
		border-bottom: 1px solid #444444;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-right: 0;
		padding-bottom: 20px;
		width: 380px;
	}
	.footer-column-5 {
		border-bottom: none;
		padding-bottom: 0;
	}	
	.footer-logo {
		display: none;
	}
	.footer-social-icons a {font-size: 64px; line-height: 64px; width: 210px; padding: 45px 0; }

	#main,
	.container,
	#portfolio,
	#content,	
	.one-col,
	.portfolio-images {
		width: 380px !important;
	}

	.portfolio-images embed,
	.portfolio-images object,
	.portfolio-images iframe {
		width: 380px;
		height: 220px;
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.header-search,
	.testimonial .author-avatar,
	.client-logos,
	#contact img,
	.contact-area ul.contact-info,
	.footer-logo,
	.comment .avatar {
		display: none;
	}
	.btn-nav-right {
		right: 0;
	}
	body,
	#header {
		width: 280px;
	}
	#start {
		padding: 70px 0;
	}
	#start .widget-title {
		font-size: 32px;
		line-height: 1.3em;
	}
	#start p {
		font-size: 18px;
		padding: 0 50px;
	}
	#start .button-primary,
	#start .button-secondary {
		width: 200px;
	}	
	#features .feature {
		float: none;
		width: 200px;
		margin: 0 auto 40px;
	}
	#work .portfolio-item {
		width: 220px;
	}
	#work .portfolio-item .entry-thumb	{
		width: 100%;
	}
	#recentposts { background: none; }
	.post-even,
	.post-odd {
		background: none;
		width: 220px;
		margin-top: 0;
		padding: 0;
		position: relative;
	}
	.bloglarge:hover {
		background: none;
	}
	.entry-meta {
		display: table;
	}
	.team-member {
		width: 220px;
		margin-bottom: 40px;
	}
	.testimonial {
		width: 100%;
		margin-bottom: 30px;
	}
	.contact-left,
	.contact-right,
	.col-left,
	.col-right {
		width: 100%;
	}
	#footer .widget {
	}
	.footer-column-1,
	.footer-column-2,
	.footer-column-3,
	.footer-column-4,
	.footer-column-5 {
		border-right: none;
		border-bottom: 1px solid #444444;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-right: 0;
		padding-bottom: 20px;
		width: 220px;
	}
	.footer-column-5 {
		border-bottom: none;
		padding-bottom: 0;
	}	
	.footer-social-icons a {font-size: 42px; line-height: 42px; width: 140px; padding: 30px 0; }

	#main,
	.container,
	#portfolio,
	#content,	
	.one-col,
	.portfolio-images {
		width: 220px !important;
	}

	.portfolio-images embed,
	.portfolio-images object,
	.portfolio-images iframe {
		width: 220px;
		height: 130px;
	}	

}