/* ------------------------ Mobile devices */
@media (max-width: 767px) {
	.wrapper {
		padding-top: 55px;
	}

	.navbar-brand {
		margin: 5px 0 0 5px;
	}

	.navbar-brand img {
		height: 32px;
	}

	.navbar-custom .navbar-collapse {
		background: #FFF;
		border-bottom: 1px dotted #999;
		text-align: center;
	}

	.navbar-custom .nav li:nth-child(odd) {
		background: #F0F0F0;
	}

	.navbar-custom .nav a,
	.navbar-custom .nav a:link,
	.navbar-custom .nav a:visited {
		color: #222;
	}

	.navbar-custom .nav a:hover,
	.navbar-custom .nav a:focus {
		background: #444;
		color: #FFF;
	}

	.navbar-custom .container {
		padding-top: 5px;
	}

	.spacer-lg, .spacer-md, .spacer-sm {
		margin-top: 40px;
	}

	/* ---------------------- Responsive images */
	.wrapper img {
		max-width: 100%;
		height: auto!important;
	}

	.computer .laptop {
		display: none;
	}

	.computer .screenshot {
		position: static;
		margin: 0 auto;
	}

	/* ---------------------- Sections and headings */
	.section-lg, .section-md, .section-sm, .section-xs {
		padding: 60px 10px;
	}

	.section-lg h1, .section-lg .h1 {
		font-size: 36px;
	}

	/* ------------------------ Footer */
	.footer-menu a {
		display: block;
	}

	/* ----------------------- Blog */
	.b24-InnerBlog .articles {
		margin: 50px 0;
		padding: 60px 10px;
		border-radius: 6px;
	}

	.b24-InnerBlog article header {
		text-align: left;
	}
}