/* (1.2) Tablet (Portrait): =TABLET-PORTRAIT
----------------------------------------------- */
	   
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { width: 768px; }
	.container .column,
	.container .columns { 
		margin-left: 10px; 
		margin-right: 10px;  
	}
	.column.alpha, 
	.columns.alpha { 
		margin-left: 0; 
		margin-right: 10px; 
	}
	.column.omega, 
	.columns.omega { 
		margin-left: 10px; 
		margin-right: 0;
	}
	.container .one.column { width: 28px; }
	.container .two.columns { width: 76px; }
	.container .three.columns { width: 124px; }
	.container .four.columns { width: 172px; }
	.container .five.columns { width: 220px; }
	.container .six.columns { width: 268px; }
	.container .seven.columns { width: 316px; }
	.container .eight.columns { width: 364px; }
	.container .nine.columns { width: 412px; }
	.container .ten.columns { width: 460px; }
	.container .eleven.columns { width: 508px; }
	.container .twelve.columns { width: 556px; }
	.container .thirteen.columns { width: 604px; }
	.container .fourteen.columns { width: 652px; }
	.container .fifteen.columns { width: 700px; }
	.container .sixteen.columns { width: 748px; }
	.container .one-third.column { width: 236px; }
	.container .two-thirds.column { width: 492px; }

	/* Offsets */
	.container .offset-by-one { padding-left: 48px; }
	.container .offset-by-two { padding-left: 96px; }
	.container .offset-by-three { padding-left: 144px; }
	.container .offset-by-four { padding-left: 192px; }
	.container .offset-by-five { padding-left: 240px; }
	.container .offset-by-six { padding-left: 288px; }
	.container .offset-by-seven { padding-left: 336px; }
	.container .offset-by-eight { padding-left: 348px; }
	.container .offset-by-nine { padding-left: 432px; }
	.container .offset-by-ten { padding-left: 480px; }
	.container .offset-by-eleven { padding-left: 528px; }
	.container .offset-by-twelve { padding-left: 576px; }
	.container .offset-by-thirteen { padding-left: 624px; }
	.container .offset-by-fourteen { padding-left: 672px; }
	.container .offset-by-fifteen { padding-left: 720px; }
}	


/* (1.3) Mobile (Portrait): =MOBILE-PORTRAIT
----------------------------------------------- */
   
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { width: 300px; }
	.columns, 
	.column { margin: 0; }
	
	.container .one.column,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column  { width: 300px; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen { padding-left: 0; }
}


/* (1.4) Mobile (Landscape): =MOBILE-LANDSCAPE
----------------------------------------------- */
	   
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }
	.columns, 
	.column { margin: 0; }

	.container .one.column,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 420px; }
}


/* (6) Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
		
	#services h6, 
	#services p, 
	#services ul li { text-align: left; }
	
	/* Main Home Page Slider */
	#main-slider  .slides-carousel .slide h3{ font-size: 30px; }
	
	#main-slider  .slides-carousel .slide p { font-size: 20px; }
	
	#main-slider  .slides-carousel .slide a { 
		font-size: 15px; 
		margin-left: -6em;
	}
			
	/* Recent Works */
	/*#carousel-portfolio img { height: 230px; }
	
	/* Normal Portfolio with 4 columns */
	.portfolio.normal li.portfolio-data:nth-child(4n) { margin-right: 0; }
	
	.portfolio.normal img { 
		width: 100%; 
		height: auto;
	}
	
	/* Portfolio layouts */
	#portfolio-2-columns .portfolio.two-columns img, 
	#portfolio-3-columns .portfolio.three-columns img, 
	#portfolio-w-sidebar .portfolio.with-sidebar img { 
		width: 100%; 
		height: auto;
	}
	
	.overlay img { height: auto; }
	
	.blog-post ul.meta1 li time { 
		width: 94px;
		height: 94px;
	}
	
	.blog-post ul.meta1 li time .date-month {
		font-size: 14px;
	}
	
	.blog-post ul.meta1 li time .date-day {
		font-size: 35px;	
		margin-bottom: -10px;
		margin-top: -10px;
	}
	
	.blog-post ul.meta1 li time .date-year {
		font-size: 14px;		
	}
	
	
}
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { }

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	}

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

	.logo { float: none; margin: 0 auto; text-align: center; }
	
	#logo img { display: inline; float: none; text-align: center; }

	/* #branding .container-frame { margin-bottom: 40px; } */
	
	#branding nav ul { display: none; }
	
	#branding nav select { display: block; }

	/* Social Icons */		
	#top-section .social-container { text-align: center; }
	#top-section .social-icons { margin: 15px 0; display: block; list-style-type: none; list-style: none; line-height: 33px; width: 100%; }
	#top-section .social-icons li { 
		margin-top: 3px; 
		margin-bottom: 3px; 
		display: inline-block;
		float: none;
	}
	
	#nav-container .container-frame { margin-bottom: 50px; }
	
	/* Drop-down Navigation */
	nav#access select { margin-top: 0; }

	/* Header Main */
	header#branding { margin-top: 40px; }

	/* Services Section */
	#services .columns, #services .column { margin-bottom: 20px; }
	
	#services h6, #services p, #services ul li { text-align: left; }
	
	.headquarter-widget p, .textwidget { margin-bottom: 40px; }
	
	/* Navigation */
	nav ul { display: none; }
	
	nav select { 
		display: block; 
		margin: 80px 0 0;
		width: 100%; 
	}
	
	nav { margin-top: 60px; }
	
	/* Main Home Page Slider */
	#main-slider  .slides-carousel .slide h3{ font-size: 20px; }
	
	#main-slider  .slides-carousel .slide p { font-size: 14px; }
	
	#main-slider  .slides-carousel .slide a { 
		font-size: 12px; 
		margin-left: -4.5em; 
		min-width: 100px; 
	}
	
	/* blog */
	.entry-meta.meta1 { margin-bottom: 20px; }
	
	.entry-title { text-align: center; }
	
	.single-post-meta { 
		margin-bottom: 20px; 
		text-align: center; 		
	}
	
	.single-post-meta span.postformat-icon { display: none; }
	
	.blog-post .post { padding-bottom: 0; }
	
	#nav-single { margin: 0 0 40px; }
	
	/* flickr secondary sidebar */
	#secondary .widget .flickr-widget li:nth-child(3n) { margin-right: 10px; }
	
	#secondary .widget .flickr-widget li:nth-child(7n) { margin-right: 0; }		
	
	/* back to top link */
	a.to-top { display: none; }
	
	/* Sidebar */
	.sidebar-borders { padding-left: 0; }
	
	.sidebar-borders-left { padding-right: 0; }
	
	/* Recent Works */
	/*#carousel-portfolio img { height: 140px; }*/
	#carousel-portfolio section { padding: 0 10px; } 
	
	#carousel-portfolio .icon-view { display: none; }
	
	#carousel-portfolio .icon-link { display: none; }
	
	#carousel-portfolio h5 { letter-spacing:0; }
	
	#headline h1, #headline-page h1 { font-size: 26px; }
	
	#headline h2, #headline-page h2 { font-size: 17px; }
	
	#headline p, 
	#headline-page p { 
		font-size: 14px; 
		margin-left: 0; 
		margin-right: 0; 
		
	}
	
	/* Latest Blogs */
	
	#latest-blogs figure { margin-bottom: 20px; padding: 0 70px; }
	
	#latest-blogs { text-align: center; }
	
	.blog-post ul.meta1 li time { 
		width: 120px;
		height: 120px;
	}
	
	.blog-post ul.meta1 li time .date-month {
		font-size: 14px;
	}
	
	.blog-post ul.meta1 li time .date-day {
		font-size: 54px;	
		margin-bottom: 8px;
		margin-top: none;
	}
	
	.blog-post ul.meta1 li time .date-year {
		font-size: 14px;		
	}
	
	
	
	/* Normal Portfolio with 4 columns */
	.portfolio.normal li.portfolio-data:nth-child(2n) { margin-right: 0; }	
	
	.portfolio.normal img { 
		width: 100%; 
		height: auto;
	}
	
	/* Portfolio layouts */
	#portfolio-2-columns .portfolio.two-columns img, 
	#portfolio-3-columns .portfolio.three-columns img, 
	#portfolio-w-sidebar .portfolio.with-sidebar img { 
		width: 100%; 
		height: auto;
	}
	
	.portfolio-client { text-align: center; }
		
	 .sidebar-borders {
		margin-left: 0;
	}
	.sidebar-borders-left {
		margin-right: 0;
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.logo { float: none; margin: 0 auto; text-align: center; }
	
	#logo img { display: inline; float: none; text-align: center; }

	/* #branding .container-frame { margin-bottom: 20px; } */

	#branding nav ul { display: none; }
	
	#branding nav select { display: block; }
	
	/* Social Icons */
	#top-section .social-icons { margin: 15px 0; }
	#top-section .social-icons li { 
		margin-top: 3px; 
		margin-bottom: 3px; 
	}
	
	#nav-container .container-frame { margin-bottom: 30px; }
	
	/* Drop-down Navigation */
	nav#access select { margin-top: 0; }
	
	/* Header Main */
	header#branding { margin-top: 40px; }
	
	/* Services Section */
	#services .columns, 
	#services .column { margin-bottom: 20px; } 
	
	#services h5, 
	#services p, 
	#services ul li { text-align: left; }
	
	/* blog */
	.entry-meta.meta1 { margin-bottom: 20px; }
	
	.entry-title { text-align: center; }	
	
	.single-post-meta { 
		text-align: center; 
		margin-bottom: 20px; 
	}
	
	.single-post-meta span.postformat-icon { display: none; }
	
	.blog-post .post { padding-bottom: 0; }
	
	#nav-single { margin: 0 0 40px; }
	
	/* flickr secondary sidebar */
	#secondary .widget .flickr-widget li:nth-child(3n) { margin-right: 10px; }
	
	#secondary .widget .flickr-widget li:nth-child(5n) { margin-right: 0; }
	
	.dark-skin #secondary .container-frame { margin-bottom: 20px; }
	
	#secondary .widget_search input { margin-bottom: 0; }
	
	.headquarter-widget p, .textwidget { margin-bottom: 40px; }
	
	#carousel-portfolio section { padding: 0 10px; } 
	
	/* Navigation */
	.menu { display: none; }
	
	nav select { 
		display: block; 
		width: 100%;
	}
	
	nav select { 
		display: block; 
		margin: 80px 0 0;
		width: 100%; 	
	}
	
	nav { margin-top: 60px; }
	
	/* Header */
	header { 
		border-bottom: none; 
		margin-bottom: 30px; 		
	}
	
	/* Main Home Page Slider */
	#main-slider  .slides-carousel .slide h3{ display: none; }
	
	#main-slider  .slides-carousel .slide p { display: none; }
	
	#main-slider  .slides-carousel .slide a { display: none; }
		
	#services h6, 
	#services p, 
	#services ul li { text-align: left; }
	
	/* back to top link */
	a.to-top { display: none; }
	
	/* Headline */
	#headline { padding-bottom: 0px; }
	
	#headline h1, #headline-page h1 { font-size: 26px; }
	
	#headline h2, #headline-page h2 { font-size: 17px; }
	
	#headline p, #headline-page p { 		
		margin-left: 0; 
		margin-right: 0; 
		margin-bottom: 40px;
		
	}
	
	/* Recent Works */
	/* #carousel-portfolio img { height: 100px; } */
	
	#carousel-portfolio .icon-view { display: none; }
	
	#carousel-portfolio .icon-link { display: none; }
	
	#carousel-portfolio h5 { letter-spacing:0; }
	
	/* Latest Blogs */
	
	#latest-blogs { text-align: center; }
	
	#latest-blogs figure { margin-bottom: 20px;  padding: 0 10px; }
	
	.blog-post ul.meta1 li time { 
		width: 120px;
		height: 120px;
	}
	
	.blog-post ul.meta1 li time .date-month {
		font-size: 14px;
	}
	
	.blog-post ul.meta1 li time .date-day {
		font-size: 54px;	
		margin-bottom: 8px;
		margin-top: none;
	}
	
	.blog-post ul.meta1 li time .date-year {
		font-size: 14px;		
	}
	
	/* Sidebar */
	.sidebar-borders { padding-left: 0; }
	
	.sidebar-borders-left { padding-right: 0; }
			
	/* Normal Portfolio with 4 columns */
	.portfolio.normal li.portfolio-data { margin-right: 0; }
	
	.portfolio.normal img { 
		width: 100%; 
		height: auto;
	}
	
	/* Portfolio layouts */
	#portfolio-2-columns .portfolio.two-columns img, 
	#portfolio-3-columns .portfolio.three-columns img, 
	#portfolio-w-sidebar .portfolio.with-sidebar img { 
		width: 100%; 
		height: auto;
	}
	
	#portfolio-w-sidebar .portfolio.with-sidebar li.portfolio-data:nth-child(3n) { margin-right: 0; }
	
	.portfolio-client { text-align: center; }
	
	 .sidebar-borders {
		margin-left: 0;
	}
	.sidebar-borders-left {
		margin-right: 0;
	}
	
}