/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

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

	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

}

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

	.grid,
	.grid-right {
		float: none;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.hide-mobile {
		display: none;
	}

}

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

	.grid,
	.grid-right {
		float: none;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
	}

}

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

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

}

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

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

}