@media screen and (max-width: 1100px) {



	/************************************************************************************

	STRUCTURE

	*************************************************************************************/

	.pagewidth,

	.sidebar-none .loops-wrapper.list-post .section-inner,

	.single .section-inner,

	.sidebar-none.query-section .page-content {

		max-width: 94%;

	}	

	

	/* Navigation */

	.fixed-header #main-nav {

		padding: 12px;

	}

	#main-nav{

		width: 60%;

		margin: auto;

	}

	.fixed-header #header #searchform {

		margin-top: 10px !important;

		display: block !important;

	}

		

	/* content */

	#content {

		padding: 7% 0 0;

		width: 67.8%;

	}

	

	/* sidebar */

	#sidebar {

		padding: 7% 0 5%;

		width: 26.2%;

	}

	#sidebar .secondary {

		width: 47.4%;

	}

	

	/*

	PORTFOLIO SINGLE

	================================================ */

	.sidebar-none.single-portfolio div.post-image,

	.sidebar-none.single-portfolio figure.post-image	{

		width: auto;

		float: none;

	}

		

}



@media screen and (max-width: 780px) {



	/************************************************************************************

	STRUCTURE

	*************************************************************************************/

	#content {

		width: 100%;

		max-width: 100%;

		float: none;

		clear: both;

	}

	

	/* sidebar */

	#sidebar {

		width: 100%;

		max-width: 100%;

		float: none;

		clear: both;

	}

	.widget {

		margin-bottom: 10%;

	}

	

	/************************************************************************************

	HEADER

	*************************************************************************************/

	/* reset absolute elements to static */

	#header .social-widget, 

	

	#site-description  {

		position: static !important;

		float: none;

		clear: both;

	}

			

	/************************************************************************************

	MOBILE NAV BUTTON

	*************************************************************************************/

	.mobile-button {

		position: relative;

		margin: auto;

		display: block;

		cursor: pointer;

		padding: 20px 0;

		white-space: nowrap;

		color: #FFF;

	}


	.mobile-button:after {

		padding: 1px;

		content: "";

		width: 98%;

		height: 100%;

		position: absolute;

		top: -1px;

		left: -1px;

		z-index: -1;

	}

	.mobile-button span {

		color: #FFF;

		text-transform: uppercase;

		font-family: 'Josefin Sans', sans-serif;

		font-size: 1.125em;

	}



	/************************************************************************************

	MAIN NAV (MOBILE)

	*************************************************************************************/

	#main-nav-wrap {

		position: absolute;

		top: 5px;

		right: 95px;

		z-index: 1000;

	}

	

	/* main nav */

	#main-nav {

		clear: both;

		position: absolute !important;

		width: 220px;

		z-index: 1000;

		padding: 10px 12px;

		display: none;

		left: 50%;

		margin-left: -125px;

		background: #000;

		border-radius: 10px;

	}

	#main-nav li {

		clear: both;

		float: none;

		padding: 10px 0 !important;

		position: static;

		display: block;

	}

	#main-nav li:first-child {

		border: none;

	}

	#main-nav a, 

	#main-nav ul a {

		font-size: inherit !important;

		text-transform: uppercase !important;

		background: none !important;

		width: auto !important;

		display: block !important;

		padding: 0 !important;

		border: none !important;

		color: #fff !important;

	}

	#main-nav a:hover, 

	#main-nav ul a:hover {

		background: none !important;

		color: #fc0 !important;

	}

	#main-nav .current_page_item a, #main-nav .current-menu-item a {

		color: #fc0;

	}

	

	/* dropdown */

	#main-nav ul {

		position: static;

		display: block;

		margin: 0;

		padding: 0;

		background: none;

		border: none;

	}

	#main-nav ul ul {

		margin: 0;

		text-align: center;

		background: #333;

		margin: 10px 10px 0;

		padding: 5px 0;

	}

	#main-nav ul ul ul {

		background: #666;

		margin: 10px 10px 0;

	}

	#main-nav ul ul:before {

		display: none;

	}

	

	/* home navigation */

	.home #main-nav {

		top: auto;

	}

	

	

	/*

	FIXED HEADER

	================================================ */

	.fixed-header #header #searchform {

		float: right;

		margin-right: 20px;

	}

	.fixed-header .mobile-button {

		float: left;

		margin-left: 30px;

	}

	.fixed-header #main-nav {

		position: absolute !important;

		left: 0;

		top: 60px;

		margin-left: 15px;

		text-align: center;

	}

	.fixed-header #main-nav ul:before {

		left: 30px;

		margin-left: 0;

	}

	.fixed-header #main-nav ul ul a {

		padding-left: 10px !important;

	}

	#headerwrap {

		position: relative;

		z-index: 998;

	}



	/************************************************************************************

	CONTENT

	*************************************************************************************/

	/* section title */

	.section-title {

		font-size: 4em;

	}



	/*

	TIMELINE

	================================================ */

	.timeline .timeline-dot {

		left: 20.1%;

		margin-top: 2%;

	}

	.timeline .timeline-year {

		margin-top: .3em;

	}

	

	/*

	PORTFOLIO SINGLE

	================================================ */

	.sidbar-none .portfolio .post-image {

		margin-bottom: 30px;

	}	



	/*

	SECTION 

	================================================ */

	.section-inner {

		padding-top: 80px; /* padding space for fixed header */

	}



}



@media screen and (max-width: 700px) {

	/* easyPieChart Plugin */

	.easyPieChart img {

		width: 33%;

		margin-top: -25%;

	}

}





@media screen and (max-width: 760px) and (max-height: 600px) {



	/* make fixed menu scroll on mobile */

	#main-nav {

		max-height: 320px;

		overflow: auto;

	}



}



@media screen and (max-width: 600px) {

	

	/************************************************************************************

	LOOPS WRAPPER

	*************************************************************************************/

	.loops-wrapper {

		margin-left: 0 !important;

	}



	/************************************************************************************

	POST

	*************************************************************************************/

	.loops-wrapper.list-post .post-content {

		overflow: visible;

	}

	.easyPieChart img {

		width: auto;

		margin-top: 0;

	}



	/* grid4 */

	.loops-wrapper.grid4 .post,

	.loops-wrapper.grid3 .post,

	.testimonial.loops-wrapper.grid4 li, 

	.testimonial.loops-wrapper.grid3 li {

		width: 100%;

		margin-left: 0;

		float: none;

	}



}



@media screen and (max-width: 480px) {



	/************************************************************************************

	GRID

	*************************************************************************************/

	.col4-1,

	.col4-2, .col2-1,

	.col4-3,

	.col3-1,

	.col3-2	 {

		margin-left: 0 !important;

		width: 100% !important;

		max-width: 100% !important;

	}



	/************************************************************************************

	HEADER

	*************************************************************************************/

	#headerwrap {

		z-index: 998;

		position: relative;

	}



	/* social widget */

	.social-widget {

		position: static;

		float: none;

	}



	/************************************************************************************

	POST

	*************************************************************************************/

	/* post */

	.post {

		width: auto !important;

		max-width: 100% !important;

		margin-left: 0 !important;

		float: none !important;

	}



	/* post content */

	.post-content {

		overflow: visible !important; /* prevent from hidden */

	}



	#content .portfolio-expanded .post-image,

	.single-portfolio .post-image,

	.loops-wrapper.list-post .post-image,

	.loops-wrapper.list-post .post.odd .post-image {

		 max-width: 100%;

		 width: 100%;

		 float: none;

		 margin-right: 0;

		 margin-left: 0;

		 text-align: center;

	}

	

	.sidebar-none .post .post-content {

		text-align: center;

	}

	

	/* list post */

	.loops-wrapper.list-post .post {

		text-align: center;

	}

	.loops-wrapper.list-post .post-image {

		float: none !important;

		margin-left: 0 !important;

		margin-right: 0 !important;

	}



	/* grid2-thumb */ 

	.loops-wrapper.grid2-thumb .post-image {

		width: auto;

		max-width: auto;

		min-width: 0;

	}

	.loops-wrapper.grid2-thumb .post-content {

		overflow: visible;

	}

	

	.shortcode.author-box .author-avatar {

		margin: 0 0 20px 0 !important;

	}

	.shortcode.author-box .author-avatar,

	.shortcode.author-box .author-bio {

		float: none;

		text-align: center;

	}



	/************************************************************************************

	SECTION

	*************************************************************************************/

	/* section title */

	.section-title {

		font-size: 2.2em;

	}

	.section-subhead {

		font-size: 1.2em;

	}

	

	/*

	HIGHLIHGT POST TYPE STYLES

	================================================ */

	.highlight.loops-wrapper.list-post .highlight-post .post-title {

		font-size: 2em !important;

	}

	

	/*

	TEAM POST TYPE STYLES

	================================================ */

	.team.loops-wrapper.list-post .team-post {

		text-align: center;

	}

	.team.loops-wrapper.list-post .team-content-wrap {

		width: 100%;

		float: none;

	}

	.team.loops-wrapper.list-post .skillset-wrap {

		width: 100%;

		clear: both;

		float: none;

	}

	

	/*

	TIMELINE POST TYPE STYLES

	================================================ */

	.timeline .timeline-date {

		margin-top: .3em;

	}

	.timeline .timeline-dot {

		left: 19%;

	}

			

	/************************************************************************************

	POST NAV

	*************************************************************************************/

	.post-nav .prev, 

	.post-nav .next {

		display: block;

		width: 100%;

		clear: both;

		margin-bottom: 10px;

	}

	

	/*

	CAROUSEL STYLES

	================================================ */

	.post .carousel-prev, 

	.post .carousel-next,

	.slider .carousel-prev, 

	.slider .carousel-next {

		display: none !important;

	}

	

	/************************************************************************************

	COMMENTS

	*************************************************************************************/

	.commentlist {

		padding-left: 0;

	}

	.commentlist .commententry {

		clear: left;

	}

	.commentlist ul,

	.commentlist ol {

		margin: 0 0 0 5%;

	}

	.commentlist .avatar {

		float: left;

		width: 40px;

		height: 40px;

		margin: 0 10px 10px 0;

	}

	#respond #cancel-comment-reply-link {

		top: 35px;

	}

	

	/************************************************************************************

	WOOCOMMERCE SUPPORT

	*************************************************************************************/

	.woocommerce #content div.product div.images,

	.woocommerce #content div.product div.summary {

		float: none !important;

		width: 100% !important;

	}



}



@media screen and (max-width: 340px) {

	

	/* Timeline */

	.timeline .timeline-date {

		font-size: 1.5em;

	}

	.timeline .timeline-dot {

		font-size: 4em;

		margin-top: .5%;

	}

	

	/* Comment reply link */

	#respond #cancel-comment-reply-link {

		top: 30px;

	}



}



@media screen and (min-width: 781px) {



	/* ensure #nav is visible on desktop version */

	#main-nav {

		display: block !important;

	}

	#menu-icon span {

		display: none;

	}



}