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

html{
	font-size:14px;
}

#open-menu-mobile{
	display:block;
	position:absolute;
	top:10px;
	right:1em;
	cursor:pointer;
	width:24px;
	height:24px;
}

#close-menu-mobile{
	display:none;
	position:fixed;
	top:1em;
	right:1em;
	cursor:pointer;
	width:24px;
	height:24px;
	z-index:99999999999999991;
}

header {
	height:50px;
	padding: 0 1.75em;
}

header .logo{
	font-size:1.75em;
}

header nav ul.main-menu>li{
	font-size:1.5em;
}

.main-content{
	padding: 1em 1.5em;
}

.main-content ul.grid li{
	display:inline-block;
	width:100%;
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:2%;
	vertical-align:top;
	
}

.main-content ul.grid li .info{
	font-size:1.2em;
}

.main-content .detail .info {
	font-size:1.2em;
}

.main-content .detail .cover.horizontal{
	width:64.66%;
}

.main-content .detail .cover.vertical{
	width:64.66%;
	margin-right:2%
}

.main-content .detail .cover.vertical.zoomed{
	width:100%;
}

.main-content .detail .info-admin .media-manager .container ul li img.thumb{
	height:100px;
}

.main-content .detail .info-admin .input-block {
	width:80%;
}

.main-content .detail .info-admin .media-manager .container ul li img.delete-media{
	height:16px;
	width:16px;
	cursor:pointer;
	position:absolute;
	right:.5em;
	bottom:.5em;
}

.main-content .detail .info-admin .media-manager .container ul li img.download{
	height:24px;
	width:24px;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-12px;
	margin-left:-12px;
	
}

img.download{
	width:24px;
	height:auto;
}

.pdf-icon{
	height:32px;
	
}

.boxed-container{
	padding:1em 2em;
}

ul.page-gallery li img{
	height:auto;
	width:100%;
}

ul.page-gallery li{
	margin-right:0;
}

.page-text{
	width:100%;
}

.main-content ul.grid li{
	margin-bottom:2em;
}

.main-content ul.grid li .catalogo .cover{
	
	box-shadow:0 4px 5px #000;
	width:100%;
	height:auto;
	margin-bottom:1.5em;
	
}

}