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

html{
	font-size:16px;
}

.only-desktop{
	display:none;
}

.only-mobile{
	display:block;
}



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

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

header nav{
	position:static;
	
}

header>nav{
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999999999999999;
	background-color:green;
	overflow-y:auto;
}

header nav ul.main-menu a{
	
}


header nav ul.main-menu>li{
	display:block;
	margin:0;
	padding:0;
	padding:.75em 1em .75em 1em;
	font-size:1.75em;
	text-shadow: 0px;
	text-transform:uppercase;
	
}

header nav ul.main-menu>li:first-child{
	padding-top:1em;
}

header nav ul.main-menu>li.selected{
	background-color:#fff;
}

header nav ul.main-menu li>a{
	color:#fff;
}

header nav ul.main-menu li.selected>a{
	text-shadow: 0px;
	font-weight:700;
	color:#000;
}

header nav ul.main-menu li:hover a{
	text-shadow: 0px;
	
}

header nav.only-mobile{
	padding:1em 0;
}

header nav.only-mobile ul li{
	display:block;
	margin:0;
	padding:0;
	margin:1em 0 0 0;
	font-size:1em;
	
	text-transform:uppercase;
}

header nav.only-mobile ul li a{
	color:#000;
}

header nav.only-mobile ul li a.selected{
	text-shadow: 0px;
	font-weight:700;
}

header nav.only-mobile ul li select{
	font-size:1em;
	
}

header.with-slideshow{
	position:relative;
	display:block;
}

.main-content .admin-panel{
	top:110px;
}

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

.main-content ul.grid{
	padding:1em 0;
}

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

.main-content .detail .cover.horizontal{
	
}

.main-content .detail .cover{
	display:inline-block;
	vertical-align:top;
	height:auto;
	max-width:100%;
	margin-right:0;
}

.main-content .detail .info{
	padding-top:2em;
}

.main-content .detail .info{
	width:100%;
}

.main-content .admin-panel {
    top: 105px;
}

.main-content .admin-panel {
    position: fixed;
    right: 0;
    top: 150px;
    background-color: #e8f0f3;
    width: 200px;
    height: 200px;
    border: solid 1px #dbdbdb;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: .5s;
    z-index: 99999;
}

.main-content .admin-panel .padding {
    padding: 30px 15px 30px 20px;
}

.main-content .admin-panel ul li img {
    width: 24px;
	margin-right:.5em;
}

.main-content .admin-panel ul li span{
	font-size:1.1em;
}

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

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

.main-content .detail .info-admin .status {
    width: 24px;
    height: 24px;
}

.main-content .detail .info-admin .media-icon {
    width: 24px;
    height: 24px;
}

.main-content .detail .info-admin .input-block{
	padding: 2em 0 1em 36px;
}

.main-content .detail .info-admin .media-manager .container{
	padding: 2em 0 4em 36px;
}

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

ul.page-gallery li img{
	height:200px;
}

.page-text{
	width:75%;
}

.pdf-icon{
	height:36px;
	
}

}