/* Up to desktop */
@media (max-width: 999px) {

	.container,
	.boxed .header-wrap,
	.boxed .page-header-wrap,
	.boxed .page-header,
	.boxed .home-slider,
	.boxed .home-slider .featured-area-wrap,
	.boxed .home-boxes,
	.boxed .home-posts,
	.boxed .home-postlist,
	.boxed .portfolio-related,
	.boxed .footer-callout,
	.boxed .footer { width: 100%; }

	.header { padding-top: 26px; }

	.logo { margin: 0; }

	.logo h1 { margin-bottom: 20px; }

	.mobile-menu .btn-navbar {
		cursor: pointer;
		margin: 6px 30px 0 0;
		padding: 0;
		font-weight: 600;
		text-transform: uppercase;
	}

	.mobile-menu .navbar { margin: 0; }

	.mobile-menu .nav-inner {
		background: #eee;
		padding: 30px;
		border-top: 2px solid #ddd;
	}

	.mobile-menu .social {
		top: 30px;
		margin: 0;
	}

	.mobile-menu ul > li {
	    padding-bottom: 10px;
	    display: block;
	    float: none;
	    font-size: 14px;
	    position: relative;
	    text-transform: uppercase;
	}

	.mobile-menu .nav > li > a {
		color: #333;
		letter-spacing: 1px;
		padding: 0;
		font-weight: 600;
		text-shadow: none;
	}

	.mobile-menu .nav > li.button > a { color: #fff; }

	.mobile-menu .dropdown-menu {
		display: block;
		border-left: 2px solid #ddd;
		margin: 5px 0;
		padding-left: 15px;
	}

	.mobile-menu .dropdown-menu li {
		text-transform: none;
		margin: 10px 0;
		padding: 0;
	}

	.nav-collapse .dropdown-menu a {
		padding: 0;
		color: #888;
		border-radius: 0;
		font-weight: 400;
	}

	.nav-collapse .nav > li > a:hover,
	.nav-collapse .dropdown-menu a:hover { background: none; }

	.content,
	.sidebar { float: none !important; }

	.home-slider { height: auto; }

	.home-flexslider:hover .flex-direction-nav li {
		height: 100%;
		margin: 0;
	}

	.home-flexslider .flex-control-nav { bottom: 12px; }

	.home-slider .entry-title,
	.home-slider .entry-title a,
	.home-slider .entry-title a:hover { font-size: 28px; }

	.home-slider .post-details-inner .entry-content { font-size: 18px; }

	.home-slider .post-details-wrap {
		width: 70%;
		height: 382px;
		left: 0;
		margin-left: 30px;
	}

	.home-slider .post-details-wrap.slider_text_center { margin-left: 15%; }

	.home-slider .post-details-wrap.slider_text_right { margin-left: 0; left: auto; right: 30px; }

	.home-slider .entry-header { width: 100%; }

	.home-posts .entry-wrap,
	.related .entry-wrap,
	.masonry .entry-wrap { display: none }

	.home-posts .home-posts-description { padding: 0 60px; }

	.home-postlist .home-postlist-header .btn { display: none; }

	.page-header .page-title { font-size: 36px; }

	.page-header .subheading,
	.page-header .entry-byline,
	.page-header .terms { font-size: 18px; padding-right: 140px; }

	.page-header .format-icon { font-size: 80px; margin-top: -40px; }

	.post-type-archive-engine_portfolio .main .content,
	.tax-portfolio_categories .main .content,
	.single-engine_portfolio .main .content {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.filter { margin-bottom: 20px; }

	.filter li { margin-bottom: 10px; }

	.portfolio-related { padding: 40px 30px; }

	.main .content,
	.featured-image img,
	.main .sidebar { width: 100% }

	.main .sidebar { padding: 0 30px; }

	.main .sidebar-inner {
		margin: 0;
		padding: 10px 0 30px;
		border-top: 1px solid #ddd;
	}

	.sidebar .widget,
	.sidebar .widget:first-child { padding: 20px 0 10px; }

	.singular .sidebar { display: none; }

	.page-template-template-sidemenu-php .main .content { padding: 0; }

	.page-template-template-sidemenu-php .main .content .hentry { margin: 0 30px; }

	.page-template-template-sidemenu-php .sidemenu,
	.page-template-template-sidemenu-php .entry-content { width: 100%; border: 0; margin: 0; padding: 0; }

	.page-template-template-sidemenu-php .sidemenu .menu { text-align: left; margin-top: -10px; }

	.page-template-template-sidemenu-php .sidemenu .menu li { margin: 0 -30px; }

	.footer .social {
		position: static;
		margin: 15px 0 5px;
		text-align: center;
	}

	.footer .social li { margin: 0 5px; }

	.footer-menu ul { text-align: center; }

	.footer-menu li { margin: 0 15px; }

	.main .content { padding: 0 30px; }

	.single-engine_portfolio .main-content .hentry .image-wrap { width: 100% }

	.single-engine_portfolio .main-content .hentry .details {
	    margin: 30px 0 0;
	    padding-left: 0;
	    width: 100%;
	}

	.sc.nav-tabs {
		width: 30%;
		float: left;
		border: 0;
	}

	.sc.nav-tabs > li {
		width: 100%;
		margin: 0;
		text-align: right;
	}

	.sc.nav-tabs > li > a,
	.sc.nav-tabs > li > a:hover {
		border: 1px solid #ddd;
		border-right: 0;
		border-radius: 4px 0 0 4px;
		margin: 0 0 10px;
	}

	.sc.nav-tabs > .active > a,
	.sc.nav-tabs > .active > a:hover { background: #eee; }

	.sc.tab-content {
		width: 70%;
		float: right;
		padding: 20px;
		border: 1px solid #ddd;
		border-radius: 0 4px 4px 4px;
	}

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 999px) {

	.main .sidebar-inner {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
	}

	.sidebar .widget,
	.sidebar .widget:first-child { padding: 30px 0 10px; }

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	body { padding: 0; }

	.header .logo { margin: 0; float: left; width: auto; }

	.home-slider .entry-header { width: 100% }

	.home-slider .subheading,
	.home-flexslider .flex-control-nav { display: none; }

	.home-slider .hentry .post-details-wrap {
		width: 80%;
		height: 100%;
		margin: 30px 10% 0;
		text-align: center;
		left: 0;
	}

	.home-slider .entry-title,
	.home-slider .entry-title a,
	.home-slider .entry-title a:hover { font-size: 24px; }

	.home-slider .post-details-inner .entry-content { font-size: 16px; }

	.home-slider .post-details-wrap .btn { margin-top: 20px; }

	.home-boxes { padding: 20px 0; }

	.home-boxes .span4 { width: 100% }

	.home-boxes .span4 .box { padding: 20px 30px; }

	.home-posts .home-posts-title { font-size: 24px }

	.home-boxes .box-title:after { margin: 10px 45%; }

	.home-posts .section,
	.portfolio-related .related {
		width: 500px;
		margin: 0 auto;
	}

	.home-posts .span3,
	.portfolio-related .related .span3 {
	    width: 250px;
	    float: left;
	    margin-top: -6px;
	}

	.home-postlist .home-postlist-title { float: none }

	.home-posts .home-posts-title:after { margin: 10px 40% 0; }

	.home-posts .home-posts-description { padding: 20px 20px 0; clear: both; }

	.home-postlist .span8,
	.home-postlist .span8:first-child {
		width: 100%;
		margin: 0;
	}

	.home-postlist .area {
		padding-bottom: 0;
		border: 0;
	}

	.home-postlist .span4 { width: 100%; }

 	.page-header .page-title { font-size: 26px; }

 	.page-header .format-icon { font-size: 60px; margin-top: -30px; }

	.page-header .subheading,
	.page-header .entry-byline,
	.page-header .terms { font-size: 14px; margin: 2px 0 5px; padding-right: 120px; }

	.single-engine_portfolio .page-header-wrap .page-header .container > .page-title,
	.single-engine_portfolio .page-header-wrap .page-header .container > .subheading { padding-right: 30px; }

	.single-engine_portfolio .page-header .terms { display: none; }

	.entry-title,
	.entry-title a { font-size: 24px; }

	.format-link .entry-content a { font-size: 20px; }

	.entry-wrap .entry-byline,
	.entry-wrap .entry-byline a,
	.entry-wrap .entry-meta { font-size: 11px; }

	.footer-callout [class*="span"] {
		width: 100%;
		float: none;
		text-align: center;
	}

	.footer-callout .callout-title { font-size: 24px; }

	.footer-callout .section .btn {
	    margin-top: 20px;
	    float: none;
	}

	.footer-widgets { padding-top: 0; }

	.footer-widgets .span4 {
		width: 100%;
		padding: 0 30px;
	}

	.footer-widgets .first { padding-top: 40px; }

	.footer-widgets .widget,
	.footer-widgets .widget:first-child {
		border: 0;
		padding: 0 0 40px;
	}

	.footer-menu { display: none; }

	.footer .social { margin: 5px 0; }

	.footer-info { text-align: center }

	.main-content .entry-meta-side { display: none }

	.main-content .entry-content,
	.main-content .entry-header,
	.main-content .entry-tags {
	    padding-left: 0;
	    margin-left: 0;
	}

	.page-title-icon { display: none }

	.four-col { width: 50%; }

	.engine .grid [class*='col-'] { width: 100%; padding: 0 0 15px; }

	.engine .grid [class*='col-']:last-child { padding-bottom: 0; }

	.engine .grid { margin: 0 0 15px; }

	.sc.row-fluid [class*="span"] { margin-bottom: 10px; }

	.single-engine_portfolio .post-nav { margin: 10px 0 0; padding: 24px 0 0; }

}


/* Landscape phones and down */
@media (max-width: 480px) {

	.main .content { padding: 0 10px; margin: 20px 0; }

	.mobile-menu .social { display: none; }

	.home-slider .featured-area {
		width: 200%;
		margin-left: -100%;
	}

	.home-slider .entry-title,
	.home-slider .entry-title a,
	.home-slider .entry-title a:hover { font-size: 20px; }

	.home-slider .post-details-inner .entry-content { font-size: 14px; }

	.home-slider .hentry .post-details-wrap {
		margin: 0;
		width: 100%;
		height: 320px;
	}

	.home-boxes .box-title:after { margin: 10px 40%; }

	.home-posts { padding: 30px 0; }

	.home-posts .section,
	.portfolio-related .related { width: 250px; }

	.home-posts .home-posts-title,
	.portfolio-related-title { font-size: 20px; }

	.home-posts .home-posts-title:after,
	.portfolio-related-title:after { margin: 10px 30% 0; }

	.home-posts .home-posts-description { padding: 20px 0 0; }

	.main-content .hentry { margin-top: 10px; padding: 20px 20px 25px; }

	.main-content .entry-content .read-more { margin-top: 5px; }

	.page-header { padding: 25px 0; }

	.page-header .page-title { font-size: 22px; }

	.format-link .entry-content a,
	.format-quote .entry-content,
	.intro,
	blockquote p,
	.callout { font-size: 14px; }

	.entry-title,
	.entry-title a,
	.entry-content h2,
	.entry-content h3 { font-size: 18px; }

	.img-fill .main-content .featured-area { margin: -20px -20px 20px; }

	.format-quote .format-icon,
	.format-link .format-icon {
		top: -30px;
		right: -30px;
	}

	.entry-wrap .entry-meta { line-height: 1.5; }

	.widget-title { margin-top: 0; }

	.main .sidebar { padding: 0 10px; }

	.sidebar .widget,
	.sidebar .widget:first-child { padding: 20px 20px 10px; }

	.comments { margin: 30px 20px 0; }

	.filter li {
		margin-right: 0;
		float: none;
	}

	.filter a {
	    display: block;
	    float: none;
	}

	.two-col,
	.four-col { width: 100%; }

	.post-type-archive-engine_portfolio .main .content:before,
	.tax-portfolio_categories .main .content:before,
	.single-engine_portfolio .back-to-portfolio { display: none; }

	.single-engine_portfolio .post-nav { padding: 18px 0 0; }

	.post-nav .prev-post,
	.post-nav .next-post { width: 100%; margin: 5px 0; }

	.page-template-template-sidemenu-php .main .content .hentry { margin: 0 10px; }

	.page-template-template-sidemenu-php .sidemenu .menu li { margin: 0 -20px; }

	.page-template-template-sidemenu-php .sidemenu .menu li a,
	.page-template-template-sidemenu-php .sidemenu .menu li.parent.current_page_item { padding: 6px 20px; }

	.footer-callout .callout-description { font-size: 15px; }

	.footer-widgets { padding: 10px 0; }

	.footer-widgets .span4 { padding: 20px 30px 0; }

	.footer-widgets .widget,
	.footer-widgets .widget:first-child { padding-bottom: 20px; }

	.sc.nav-tabs { width: 100%; float: none; border: 0; }

	.sc.nav-tabs > li > a,
	.sc.nav-tabs > li > a:hover { border: 1px solid #ddd; border-radius: 4px; margin: 0 0 10px; padding: 4px 10px; }

	.sc.tab-content { width: 100%; float: none; border-radius: 4px; }

}