body.top-space{margin-top: 163px;}
.nav-wrapper-mobile {
	display: none;
}

@media screen and (max-width: 1002px) {
	#logo-small{max-width: 22% !important;}
	body #main-nav{display: block;max-width: 94%;}
	.menu-dif_cores-dif {
	    width: 75%;
	}
}


@media screen and (max-width: 998px) {
	body.top-space{margin-top: 163px;}
	#nav-inner, #top-nav-full-width{height: auto;}

	#top-nav-inner{
		width: 100%;
	}

	#top-nav-inner ul {
		margin-right: 15px;
	}

		
	#body-wrapper {
		margin-top: 0 !important;
	}
	#info-casamento #info-casamento-wrapper{
		width: 100%;
	}	

	.filtro-galeria .filtro-cores{
		float: right;
		width: 100%;
		padding: 0 0 22px 0 !important;
	}

	.picker-archive{
		float: none !important;
		display: inline-block;
	}
	.filtro-galeria .filtro-categoria{
		float: left;
		width: 100%;
		padding: 6px 0px;
		text-align: center;
	}

	.filtro-galeria .filtro-categoria select{
		width: 100% !important;
		max-width: 320px !important;
	}

	.filtro-galeria .filtro-titulo{
		float: left;
		width: 100%;
	}

	.filtro-galeria .filtro-titulo h2{
		width: 100%;
		padding: 22px 0;
		text-align: center;
	}

	.filtro-galeria .filtro-titulo h3{
		width: 100%;
		padding: 22px 0;
		text-align: center;
	}
	ul#paineis li{
	    margin-right: 3%;
	}

	#top-nav-inner ul {
		width: auto;
		position: relative;
	    float: right;
	}
	#top-nav-inner ul#menu-top-header {
		float: left;
	}

	.cores-dif-mobile {
		display: block;
		float: right;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.cores-dif-mobile .color-picker span {
	    font-family: "Raleway",sans-serif;
	    font-size: 11px;
	    font-weight: 500;
	}

	.menu-dif_cores-dif-mobile {
		display: block;
		float: left;
		margin-top: 15px;
	}


}
@media screen and (max-width: 787px) {
	#search-button {
		display: none;
	}	
	body #main-nav{display: none;}
	#site .frm-login-site #top-nav-wrapper #top-nav-inner {
	    width: 100%;
	    margin-top: 59px;
	}	
	#logo-small{display: none;}
	.menu-dif_cores-dif-mobile .deNoiva{position: static;margin-left: 15px;}
	.menu-dif_cores-dif-mobile{margin-top: 20px;}
	.cores-dif-mobile{float: left;margin-left: 100px;}
	#search-bar{z-index: 9999;}
}
@media screen and (max-width: 770px) {
	.cores-dif-mobile{margin-left: 15px;}
	#footer-nav #top-nav-wrapper, #footer-nav #top-nav-inner{
		width: 100%;
	}
	#footer-nav #top-nav-inner{
		padding-right: 0;
	}
	#footer-nav #top-nav-inner ul li{
		padding-left: 8px;
 		margin-left: 8px;
	}
	#photos{
		height: 400px;
	}
	#info-casamento #info-casamento-wrapper .titulo-casamento{
		margin-left: 20px;
	}
	#info-casamento #info-casamento-wrapper h1.story-title {
  		font-size: 24px;
  		margin-top: 10px;
	}
	#info-casamento #info-casamento-wrapper #post-info{
		font-size: 12px;
	}
	#info-casamento #info-casamento-wrapper{
		width: 100%;
	}
	#info-casamento #info-casamento-wrapper #content-social{
		margin-left: 45px;
		float: left;
		margin-top: 10px;
	}

	#nav-wrapper {
		display: none !important;
	}
	.nav-wrapper-mobile {
		display: block;
	}
		
}
@media screen and (max-width: 560px) {
	#top-nav-inner ul li.ola{margin-left: 0;}
	#top-nav-inner > ul{float: left;margin-left:0;margin-right: 15px;}
	#top-nav-inner #top-header-nav ul li{margin-left:0;margin-right: 15px;}
	.menu-dif_cores-dif-mobile {margin-top: 20px;}
	.cores-dif-mobile {margin-top: 0;}
	#top-nav-inner #top-header-nav ul{margin-left:15px;}
	#top-nav-wrapper, #site .frm-login-site #top-nav-wrapper #top-nav-inner{height: auto;}
	#main-wrapper, #leaderboard-wrapper{margin-top: 0;}
}	
@media screen and (max-width: 460px) {
	#info-casamento #info-casamento-wrapper .perfil{
		display: none;
	}
	#top-nav-inner #top-header-nav ul{
		margin-right: 0;
	}
	#top-nav-inner #top-header-nav ul li{
		font-size: 11px;
	}
}