/* *
 * Responsive CSS
 * */

@media all and (min-width: 960px) {
	#header, #footer { min-width:1008px; }
}

@media all and (min-width: 768px) and (max-width: 959px) {
	/** #Tablet (Portrait): 768px **/

	.wrapper { width: 728px; padding: 0 20px; }
	
	.one-half			{ width: 354px; margin-right: 20px; }
	.one-third			{ width: 232px; margin-right: 16px; }
	.two-third			{ width: 480px; margin-right: 16px; }
	.one-fourth			{ width: 170px; margin-right: 16px; }
	.two-fourth			{ width: 356px; margin-right: 16px; }
	.three-fourth			{ width: 526px; margin-right: 16px; }
	.one-fifth			{ width: 132px; margin-right: 17px; }
	.two-fifth			{ width: 281px; margin-right: 17px; }
	.three-fifth			{ width: 430px; margin-right: 17px; }	
	.four-fifth			{ width: 579px; margin-right: 17px; }
	
	/** Mixed columns **/
	.one-third .one-fifth		{ width: 44px; margin-right: 5px; }
	.one-third .two-fifth		{ width: 93px; margin-right: 5px; }
	.one-third .three-fifth 		{ width: 142px; margin-right: 5px; }
	.one-third .four-fifth 		{ width: 182px; margin-right: 5px; }
	.one-fourth .one-fifth 		{ width: 32px; margin-right: 5px; }
	.one-fourth .four-fifth 		{ width: 132px; margin-right: 5px; }
	.one-fourth .four-fifth.last { width: 132px; margin-right:0;	}
	
	.three-fourth .one-half		{ width: 231px; margin-right: 20px; }
	
	#content 			{ width: 532px; margin-right:20px; }
	.contact #content 		{ width: 482px; }
	.contact #primary 		{ width: 220px; }
	#contact-form input[type=text] { width: 211px;  }
	#contact-form textarea 	{ width: 472px; }
	
	#map_canvas.full 		{ right: 508px; }
	
	.pricing-table-column-3 .pricing-table-header-box,
	.pricing-table-header-box,
	.meet-our-team-box,
	.entry-image-box,
	.gallery-item,
	.showcase-box,
	.portfolio-item-image-box,
	.one-column-box-shadow,
	.two-column-box-shadow,
	.three-column-box-shadow,
	.four-column-box-shadow { background: none; }

	.header-tagline 	{ width: 375px;}

	.four-column-portfolio-item-box img	{ width: 158px; }
	.one-column-portfolio-item-box img 	{ width: 418px; }
	.two-column-portfolio-item-box img 	{ width: 342px; }
	.three-column-portfolio-item-box img	{ width: 220px; }
	.meet-our-team-box img			{ width: 158px;}
	
	#gallery-imgs,
	#portfolio-items 			{ width: 748px; }
	
	.gallery-item img 			{ width: 158px; }
	.showcase-box img 			{ width: 122px; }
	.large-column-images .column-title-image { width: 48px;  margin-top: 8px; }
	.column-title 				{ font-size: 16px; }
	
	.twitter-user-thumb,
	.widget-popular-posts-thumb 		{ width: 40px; padding: 2px; }

	#primary .popular-posts-item img 	{ width: 28px; padding:1px; }
	
	.entry-image 				{ max-width: 520px; }
	
	img 					{ max-width:100%; height:auto; }
	
	.popular-posts-item 			{ font-size:10px; }
	.widget-popular-posts h4 		{ line-height: 12px; font-size:12px;}
	
	#masthead, #main, #footer-sidebar > .wrapper, #sub-footer > .wrapper { padding: 0; }
	
	#fancybox-overlay 			{ min-width: 768px; }
	
	
	.pricing-table-column-4 .pricing-column { width: 173px; margin-right: 12px; }
	.pricing-table-column-3 .pricing-column { width: 232px; margin-right: 16px; }
	.pricing-column.last 			{ margin-right: 0;	}
	
	#commentform textarea 			{ width:400px; }
	.form-submit 				{ margin-right: 35px; }
	
	.portfolio-item .form-submit 		{ margin-right: 230px; }
	
	/** fb box fix - iPad portrait **/
	#facebook-like-box 			{ max-width: 100%; overflow: hidden;}
}

@media all and (max-width: 767px) {
	/*  #Mobile (Portrait): Design for a width of 320px */

	.wrapper 		{ width: 300px; }
	
	.mobile-clear 		{ clear:both;}
	
	#sub-header h1 		{ padding: 0 0 12px; }
	
	#branding 		{ float: none; }
	#mini 			{ padding: 10px 0; display: block; }
	#mini-nav 		{ display: block; }
	#nav 			{ display: none;}
	
	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,

	.three-fourth .one-half,

	.four-fifth 		{ width: 300px; margin-right:0; margin-bottom: 20px; clear:both;}
	
	/** These will work just fine on smaller screens **/
	.one-fourth .one-fifth,
	.one-fourth .four-fifth,
	.one-third .one-fifth,
	.one-third .four-fifth	{ float: left;clear: none; }

	.pricing-table-column-3 .pricing-table-header-box,
	.pricing-table-header-box,
	.meet-our-team-box,
	.entry-image-box,
	.gallery-item,
	.showcase-box,
	.portfolio-item-image-box,
	.one-column-box-shadow,
	.two-column-box-shadow,
	.three-column-box-shadow,
	.four-column-box-shadow { background: none; }

	.one-column-box-shadow,
	.two-column-box-shadow,
	.three-column-box-shadow,
	.four-column-box-shadow { padding: 0; }
	
	.portfolio .two-fifth	{ margin: 0 0 60px;}

	.portfolio .hr-bottom-portfolio {margin-bottom:0;}
	
	.header-shadow		{ background: none; }
	
	#sub-header h1		{ float: none; padding: 0;}
	.header-tagline		{ float: none; height: auto; width: 100%;}
	.header-button		{ float: none; padding:0;}

	.twitter-user-thumb,
	.widget-popular-posts-thumb 		{ margin-bottom: 5px;}
	#primary .popular-posts-item img 	{ margin-bottom: 5px;}
	
	img 					{ max-width:100%; height:auto;}
	
	.popular-posts-item 			{ font-size:10px; }
	.widget-popular-posts h4 		{ line-height: 12px;font-size:12px; }
	
	#masthead, #main, #footer-sidebar > .wrapper, #sub-footer > .wrapper {	padding: 0; }
	
	/** Comments **/
	#respond 			{width:100%;}
	#commentform textarea,
	#commentform input[type="text"]	{ width: 92%; }
	#commentform label 		{ padding: 0; text-align:left;}
	.portfolio-item .form-submit,
	.form-submit 			{ margin:0; width:auto;}
	
	/** Gallery **/
	#gallery-imgs 			{ width: 310px; }
	#gallery-sort-label 		{ display: none;}
	#gallery-sort-menu 		{ display:block; float:left; padding:3px 0 0;}
	#gallery-sort-menu a 		{ display:block; float:left; margin: 0 5px 5px 0;}
	.gallery-item 			{ width: 145px; margin-right:10px;float:left; clear:none; }
	.gallery-item img 		{ width: 133px;}
	.gallery-item:nth-child(2n) 	{ margin-right:0;}
	
	/** Social **/
	.fb-like-button, .tweet-share, .google-plus, .pinterest { float: none;margin: 15px 0;	}
	#footer .social { float:left; }
	
	
	/** Showcase **/
	.showcase-box 			{ width: 145px;float:left;clear: none;margin-right:10px; }
	.showcase-box:nth-child(2n+1)	{ margin-right:0; }
	.showcase-image 		{ width: 135px; }
	
	#footer .widget-title 		{ margin: 20px 0; }


	/** Portfolio **/
	.one-column-portfolio-item-box	{ padding: 0; }
	.portfolio-item-author		{ padding-bottom: 15px; }
	.portfolio-item-image 		{ width: 288px; }
	#portfolio-items 		{ width: 310px; }

	#portfolio-items .one-half,
	#portfolio-items .one-third,
	#portfolio-items .one-fourth 	{width: 145px; margin-right:10px;float:left; clear:none; }

	#portfolio-items .one-half img,
	#portfolio-items .one-third img,
	#portfolio-items .one-fourth img { width: 133px;}

	#portfolio-items .one-half:nth-child(2n),
	#portfolio-items .one-third:nth-child(2n),
	#portfolio-items .one-fourth:nth-child(2n) { margin-right:0; }
	
	#portfolio-items.three-cols	{ width: 320px;}
	
	/** about us **/
	.about-us .meet-our-team-box 	{width: 210px;}
	
	/** Blog **/
	.entry-image 			{ width:288px; }
	.entry-title 			{ font-size: 16px; }
	
	/** contact **/
	#map-expander 			{ display: none;}
	#map_canvas 			{ width: 100%; }
	
	#contact-form input[type="text"],
	#contact-form textarea 		{ width: 440px; padding: 5px 10px;}
	
		
	/** Elements **/
	table td, table th {padding:5px;}
	
	.ios-sldier { height: 150px; }
	.ios-slider .ios-slider-cnt .ios-item,
	.ios-item img { width:142px; }

	#sub-footer { line-height: 1; padding: 30px 0;}
	#sub-footer p { line-height: 16px; padding: 0;}
	#sub-footer .social p { line-height: 24px; margin: 23px 0 0; padding:0;}

}

@media all and (min-width: 480px) and (max-width: 767px) {
	/* Mobile Landscape: Design for a width of 480px */
	.wrapper { width: 460px;}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth { width:460px; }


	/** Showcase **/
	.showcase-box 			{ width: 200px; float:left;clear: none;margin-right:10px; }
	.showcase-box:nth-child(2n+1)	{ margin-right:0; float:right;}
	.showcase-image 		{ width: 170px; }

	/** Gallery **/
	#gallery-imgs 			{ width: 480px; }
	.gallery-item 			{ width: 220px; margin-right:20px;float:left; clear:none; }
	.gallery-item img 		{ width: 208px;}
	

	/** Portfolio **/
	.portfolio-item-image 		{ width: 448px; }

	.three-cols-portfolio,
	.four-cols-portfolio,
	#portfolio-items 		{ width: 480px; }

	#portfolio-items .one-half,
	#portfolio-items .one-third,
	.four-cols-portfolio .one-fourth,
	#portfolio-items .one-fourth 	{width: 220px; margin-right:20px;float:left; clear:none; }

	#portfolio-items .one-half img,
	#portfolio-items .one-third img,
	.four-cols-portfolio .one-fourth img,
	#portfolio-items .one-fourth img { width: 208px;}

	.three-cols-portfolio .one-third { margin:0 80px 20px; width:300px;}
	.three-cols-portfolio .one-third img { width:288px; }
	
	#portfolio-items.three-cols	{ width: 480px;}
	

	/** Blog **/
	.entry-image { width:448px; }
}

@media all and (max-width: 479px) {
	#contact-form input[type="text"],
	#contact-form textarea 		{ width: 280px; padding: 5px 10px;}
}