/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 479px) {
	/* GERAL */
	#over-header{
		display: none;
	}
	#navigation {
		margin-top: 0; /* Margin adcionado para mostrar o Over Header  */
		padding: 6px 0;
	}
	#navigation.animated-header {
		padding: 12px 0;
	}
	.navbar-brand {
		width: 200px;
		margin: 6px 10px;
	}
	/* MENU */
	.navbar-toggle {
		margin: 22px 20px;
	}	
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 0;
		margin: 10px 0;
	}
		/* Prospero */
		.menu--prospero .menu__link::before {
			height: 0;
		}	
	/* SLIDE */
	#home-slider {
		margin-top: 0;
	}
	.sl-slider {
		margin-top: 0;
	}
	.sl-slider-wrapper {
		margin-top: 0;
	}
	figure.effect-roxy h2 {
		padding: 0 0 10px 0;
	}
	/* ABOUT */
	.img-about{
		display: none;
	}
	.text-about{
		padding: 0;
	}
	.logo_about {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.logo_about img {
		width: 260px;
	}
	/* SOLUTIONS */	
	.img-solutions-large{display: none;}
	.img-solutions-medium{display: block;}
	.img-solutions-small{display: none;}
	/* CONTACT */
	.complete_form {
		margin: 0;
	}
	.dados {
		display: inline-block;
	}
	.btn_mobile{display: unset;}
	.btn_desk{display: none;}
	/* FOOTER */
	.footer-item {
		text-align: center;
		padding: 10px 0 10px 0;
		min-height: 100px;
	}
	.footer-content p {
		padding: 0 15px 0 15px;
	}
	.footer-item h1::after {
		width: auto;
		margin: 6px 46%
	}
	.footer-social a {
		display: inline-flex;
		float: none;
	}
	.margin_facebook_footer{
		margin-left: 0!important;
	}
	.footer-data {
		height: auto;
	}
	.footer-data i {
		display: none !important;
	}
	.footer-data a {
		padding: 10px 0 0px 0;
	}
	.copyright{
		text-align: center;
	}
	.dev-by {
		margin-top: 8px;
		text-align: center;
	}
}