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

	.main { margin-bottom: 30px; }

	.container {
	    max-width: 720px;
	    width: 100%;
	}

	.header-wrap { padding-top: 30px; }

	.logo { margin-bottom: 30px; }

	.mobile-menu { font-size: 12px; letter-spacing: 1px; }

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

	.home-slider { height: auto; }

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

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

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

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

	.home-posts .home-posts-description { width: 100% }

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

	.footer-widgets .span4,
	.footer-widgets .span4.second { width: 33.33% }

	.footer-widgets .b1 {
	    left: 33.33%;
	    margin-left: -1px;
	}

	.footer-widgets .b2 {
	    left: 66.66%;
	    margin-left: -1px;
	}

	.sidebar-bg { display: none }

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

	.sidebar {
	    background: #f7f7f7;
	    border-top: 1px solid #e5e5e5;
	}

	.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 .entry-content { padding-bottom: 30px; }

	.page-template-template-sidemenu-php .sidemenu .menu { text-align: left; }

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

	.filter li {
	    float: none;
	    margin: 0 0 5px;
	}

	.filter a {
	    display: block;
	    width: 100%;
	    float: none;
	    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.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%;
	}

	.page-header-wrap .subheading {
		margin: 5px 0 0;
		padding: 0;
		border: 0;
		line-height: 1.5;
		display: block;
	}

	.navbar .btn-navbar,
	.navbar .btn-navbar:hover {
	    background: none;
	    border: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    -ms-box-shadow: none;
	    -o-box-shadow: none;
	    box-shadow: none;
	    padding: 0;
	    margin-top: 20px;
	}

	.navbar .btn-navbar:hover span {
	    cursor: pointer;
	    background: #fff;
	}

	.bar {
	    background-color: #ee9853;
	    width: 28px;
	    height: 3px;
	    display: block;
	    margin-bottom: 6px;
	}

	.nav-collapse .nav > li > a {
	    text-shadow: none;
	    color: #ddd;
	    color: rgba(255,255,255,.5);
	    font-weight: 400;
	    filter: none !important;
	    background: none;
	    padding: 9px 30px;
	}

	.nav-collapse .nav > li > a:hover {
	    background: none;
	    color: #fff;
	}

	.nav-collapse .nav .dropdown-menu a {
	    color: #fff;
	    color: rgba(255,255,255,.5);
	    font-weight: 400;
	}

	.nav-collapse .nav .dropdown-menu a:hover {
	    background: none;
	    filter: none;
	    color: #fff;
	}

	.mobile-menu .nav-collapse .dropdown-menu {
		display: none;
		border-left: 1px solid rgba(255,255,255,.2);
		max-width: 0px;
		margin: 0 0 10px 30px;
	}

	.mobile-menu .menu-parent-item a:hover .dropdown-menu { display: block; }

	.mobile-menu .nav-collapse .nav {
		border-top: 1px solid rgba(255,255,255,.2);
		padding-top: 10px;
	}

}


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

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

	.mobile-menu .nav-collapse.in { margin-bottom: 10px; }

	.mobile-menu .nav > li { float: left; }

	.sidebar .widget {
		padding-top: 0;
		border: 0;
		float: left;
		width: 50%;
	}

	.home-boxes .box-icon {
		float: right;
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.home-boxes .box-title { padding-right: 34px; font-size: 14px; }

	.home-boxes .box-inner { padding-left: 0; }

}


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

	body { padding: 0 }

	.header-wrap .logo {
	    float: left;
	    width: 50%;
	    margin: 0;
	}

	.navbar .btn-navbar { margin-top: 20px }

	.navbar .nav { margin-top: 20px; }

	.mobile-menu .menu-parent-item > a:after {
		content: '\21D3';
		float: right;
	}

	.header-wrap {
	    padding: 20px 20px 0 20px;
	    margin-bottom: 20px;
	    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.main.container {
	    margin: 0 20px 20px;
	    width: auto;
	}

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

	.home-slider .subheading { display: none; }

	.home-slider .entry-content { margin-bottom: 15px; }

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

	.home-boxes { padding: 0 }

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

	.home-boxes .span4 .box {
	    border: none;
	    border-bottom: 1px solid #e5e5e5;
	    padding: 30px;
	}

	.home-boxes .span4:last-child .box { border: none }

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

	.home-posts .home-posts-description {
	    width: 100%;
	    font-size: 12px;
	}

	.home-posts .span3 {
	    width: 50%;
	    float: left;
	    margin-bottom: 1px;
	}

	.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% }

	.home-callout .btn-callout {
	    position: static;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    margin-top: 15px !important;
	}

	.callout-button { float: none }

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

	.footer-widgets .span4 { width: 100% !important; }

	.footer-widgets .span4.second,
	.footer-widgets .span4.third { border-top: 1px solid #e5e5e5; }

	.footer-widgets .border { display: none }

	.footer-menu { display: none !important }

	.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 }

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

	.post-nav .next-post,
	.post-nav .prev-post { display: none }

	.post-nav { height: 11px }

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

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

        .grid .col-1-2 {
	width: 100%;
	}
}


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

	.home-posts,
	.home-postlist .area,
	.home-postlist .category-list,
	.home-callout,
	.main .content,
	.main .sidebar-inner,
	.footer-widgets .widget,
	.footer-widgets .widget:nth-child(2) { padding: 20px 20px 25px; }

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

	.flexslider .flex-direction-nav li a { opacity: 1; filter: alpha(opacity=100); }

	.home-slider .entry-content,
	.home-slider .btn,
	.flexslider .flex-control-nav { display: none; }

	.flexslider .flex-direction-nav li a.flex-prev { left: 10px; }

	.flexslider .flex-direction-nav li a.flex-next { right: 10px; }

	.home-slider .post-details-wrap { padding: 0 50px; }

	.home-slider .entry-title,
	.home-slider .post-details-wrap .entry-header { margin: 0; text-align: center; }

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

	.home-postlist .area { padding-bottom: 5px; }

	.home-posts .btn { margin-top: 20px; }

	.home-posts .span3 {
	    width: 100%;
	    margin-bottom: 1px;
	}

	.sidebar .widget {
		padding: 20px;
		margin: 0 -20px;
	}

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

	.sidemenu .menu { padding: 15px 0 30px; }

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

	.footer-widgets .widget:nth-child(2) {}

	.page-header-wrap {
		margin: 0 -40px 20px -40px;
		padding: 0 40px 20px 40px;
	}

	.page-title { font-size: 24px; }

	h3, h4 { font-size: 16px; }

	.single-engine_portfolio .post-nav { margin: 20px -20px -20px -20px; }

	.single-engine_portfolio .post-nav.top { margin: -20px -20px 20px -20px; }

	html body.single-engine_portfolio .post-nav .back-to-portfolio:before { content: ''; }

}