/* All Responsive
================================================== */	
@media only screen and (max-width: 767px) {

	body{
		padding-left: 10px;
		padding-right: 10px;
	}
		
/*hide things*/
#navigation ul, #navigationleft ul, #searchbar{
display: none;
}
	
#logo img {
	display: block;
	margin: 0 auto;
	padding-bottom:50px;
	max-width: 100%;
	z-index: 100;
	padding-left: 0;
	text-align: left;
}

/*display dropdown nav*/
#navigation-mobile .selector {
	display: inline-block;
}
	
/*navigation-mobile top menu*/
#navigation-mobile {
	height: 70px;
	width: 100%;
	position: inherit;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 0;
	background: #000 url("../images/responsive-nav.png") right center no-repeat;
	}
	
	#navigation-mobile .selector {
		width: 100%;
		color: #fff;
		font-weight: bold;
		line-height: 70px;
		text-indent: 40px;
	}

	#navigation-mobile .selector {
		height: 50px;
		width: 100%;
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
		cursor: pointer !important;
	}

	#navigation-mobile .selector select:focus {
		outline: 0;
	}

	#navigation-mobile .selector span {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#navigation-mobile .selector select {
		position: absolute;
		top: 0px;
		left: 0;
		height: 70px;
		background: none;
		width: 100%;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 13px;
		font-weight: 500;
		color: #666 !important;
		cursor: pointer;
	}

	#navigation-mobile .selector {
		margin: 0;
		padding: 0;
		border: none;
	}

	#navigation-mobile .selector option {
		background: #000;
		-webkit-appearance: none;
		padding: 10px 40px;
		border: none;
		border-bottom: 1px solid #222;
	}

	
}

/* 10" Netbook = Design for a width of 1024px
================================================== */
@media all and (max-width: 1024px) {

	#navigationleft, #navigation {
		top: 65px;
	}

	.next-pagina {
		margin-right: 5px;
	}

	.prev-pagina {
		margin-left: 5px;
	}
	


}

/* =============================================== */
/* IPAD *** IPAD *** IPAD *** IPAD *** IPAD *** IPAD 
================================================== */

/* ipad portrait and landscape
================================================== */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

	/*main*/
	body{
		padding-left: 40px;
		padding-right: 40px;
	}

	.next-pagina {
		margin-right: 10px;
	}

	.prev-pagina {
		margin-right: 10px;
	}

 
}


/* ipad only landscape
================================================== */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	

	
	
}

/* ipad only portrait
================================================== */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	
	
	#header {
		margin-bottom: 40px;
	}
	
	#navigationleft, #navigation {
		top: 45px;
	}
	
	#navigation .sf-menu a {
		font-size: 11px;
		padding: 0 5px;
	}	
	#navigationleft .sf-menu a {
		font-size: 11px;
		padding: 0 5px;
	}	
	
}



/* Tablet (Portrait) = Design for a between of 768px e 959px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {	

	/*main*/
	body{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#navigationleft, #navigation {
		top: 45px;
	}
	
	#navigation .sf-menu a {
		font-size: 11px;
		padding: 0 5px;
	}	
	#navigationleft .sf-menu a {
		font-size: 11px;
		padding: 0 5px;
	}	
	
	/*Página Abertura*/
	#abertura-title { }
	
	.home-title{
		margin: -45px 0 0 -350px;
		width: 700px;
		height: 100px;
	}

	div#slide-caption h1.monte-xisto a{
		font-size: 3.00em;
	}

	
}



/* =============================================== */
/* IPHONE *** IPHONE *** IPHONE *** IPHONE *** IPHONE
================================================== */

/* iphone = Design for a width of 320px
================================================== */
@media all and (width: 320px) {

	body{
		padding-left: 10px;
		padding-right: 10px;
	}

#logo img {
	margin: 0 auto;
	padding-bottom:50px;
	max-width: 100%;
	text-align: center;
	
}

	.home-title{
		margin: -27px 0 0 -150px;
		width: 300px;
		height: 100px;
	}

	div#slide-caption h1.monte-xisto a{
		margin: 0 0 10px;
		font-size: 1.50em;
	}

	span.xisto-subtitle{
		margin-left: 10px;
		margin-top: 5px;
	}

	/*galeria fotografos*/
	.centerimg img.vertical{
		width: 100%;
	}
	
	/*post meta*/
	.post_meta {
		width: 100%;
		float: left;
		margin-right: 0px;
	}

	.nav-reveal div {
		padding: 0 50px;
		width: 250px;
	}
	
	.nav-reveal a:hover {
		width: 250px;
		background-color: #000;
	}

	.post-entry-text header h1 {
		font-size: 2.00em;
		line-height: 40px;
	}


}

/* iphone = Design for a width of 480px
================================================== */
@media all and (width: 480px) {





}








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

@media only screen and (max-width: 767px) {
	
	/*main*/
	body{
		padding-left: 10px;
		padding-right: 10px;
	}

	.home-title{
		margin-top: -27px;
	}

	div#slide-caption h1.monte-xisto a{
		font-size: 1.0em;
		letter-spacing: 3px;
	}

	span.xisto-subtitle{
		font-size: 0.7em;
		margin-top: 5px;
		margin-left: 27px;
	}

	/*galeria fotografos*/
	.centerimg img.vertical{
		width: 100%;
	}

	/* Symple Shortcodes */
	.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth,.symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.symple-pricing-table > div{
		 margin-bottom: 25px;
	}
	.symple-box,
	.symple-box.left,
	.symple-box.right{
		float: none;
		width: 100% !important;
	}
	

	.post-entry-content-bio {
		padding: 0 10px 0 10px;
		text-align: justify;
	}

	.post_meta {
		width: 100%;
		padding-bottom: 20px;
	}

	.post-entry-content-texto {
		padding: 0 20px 0 20px;
		text-align: justify;
		letter-spacing: -0.5px;
	}

	/*monte xisto*/
	/*post meta*/
	.post_meta {
		width: 100%;
		float: left;
		margin-right: 0px;
	}

	
}


/* Mobile (Landscape) =  Design for a width of 480px and 767px;
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/*main*/
	body{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*Página Abertura*/
	.home-title{
		margin: -25px 0 0 -230px;
		width: 460px;
		height: 50px;
	}
	
	div#slide-caption h1.monte-xisto a{
		font-size: 1.80em;
	}
	
	span.xisto-subtitle{
		font-size: 0.7em;
		margin-left: 30px;
	}
	
	/*monte xisto*/
	.post_meta {
		width: 400px;
		float: left;
		clear: both;
	}
	
	.post-entry-text header h1 {
		font-size: 2.00em;
		line-height: 40px;
	}


}