@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	body,html {
		font-size: 12px;
	}
	#head {
		/*padding-top: 5rem;*/
	}
	#head-holder {
		/*display: none;*/
	}
	.fixed {
		z-index: 15;
	}
	/*header {
		display: none;
		height: 0;
		opacity: 0;
	}*/
	ul.page-nav ul {
		min-width: 90%!important;
		background-color: rgba(150,150,150,0.1);
	}
	ul.page-nav ul li, ul.page-nav ul li a {
		padding-left: 0!important;
		padding-right: 0!important;
		color: #FFF;
	}
	ul.page-nav ul ul li .submenu-button {}
	
	
	#cssmenu ul.page-nav ul li:first-child {
		border-color: transparent;
	}
	ul.page-nav ul li:hover {
		background-color: transparent;
	}
	#cssmenu ul.page-nav ul li:hover a {
		/*color: #000;*/
	}
	#cssmenu .submenu-button {
		border-color: #888!important;
	}
	#nav-container ul.page-nav {
		/*display: none;*/
	}
	#nav-container.open ul.page-nav {
		/*display: block!important;*/
	}
	header.fx-nt {
		min-height: 100%;
	}
	header #nav-button {
		display: block;
		width: 100%;
		/*height: 100%;*/
		background-color: rgba(255,255,255,0.2);
	}
	header #menu-button {
		display: none!important;
	}
	nav {
		display: none;
	}
	/*#cssmenu.rsp .page-nav > li:hover > a {
		border-radius: 4px!important;
	}*/
	#head>div>div#logo_main img {
		max-width: 100%;
	}
	#content {
		justify-content: center;
	}
	#content aside.right {
		min-height: 100vh;
		height: 100%;
		justify-self: center;
	}
	
	
}


/* #### Desktops #### */
@media screen and (min-width: 1024px){
	#article_header {
		flex-wrap: nowrap;
	}
	#article_header #article_preview {
		padding-left: 1rem;
		margin-left: 1rem;
		border-left: solid 1px rgba(0,0,0,0.2);
	}
	#article div.content-top,
	#article div.content-bottom {
		padding-left: 1rem;
		margin-left: 300px;
		border-left: solid 1px rgba(0,0,0,0.2);
		position: relative;
		left: 1rem; 
	}
	
}
/* #### XL Desktops #### */
@media screen and (min-width: 1920px){
	body div.bground.bg-img {
	background-position: center 0;
	background-size: auto auto;
}
}
@media only screen 
and (min-device-width : 300px)
and (max-device-width : 960px) {
	div.scrollingHotSpotLeft {
		left: 0!important;
	}
	div.scrollingHotSpotRight {
		right: 0!important;
	}
	div.slides.iscroll:after,
	div.slides.iscroll:before {
		position: absolute;
		content: "";
		display: block;
		top: 50%;
		width: 4rem;
		height: 4rem;
		background-image: url(../images/tpl/icons/buttons/arr_v_r.png);
    	background-repeat: no-repeat;
    	background-position: 100% top;
    	background-size: 50% 200%;
    	margin-top: -2rem;
    	right: 0;
    	left: auto;
    	z-index: 10;
    	opacity: 0.4;
	}
	div.slides.iscroll:after {
		right: auto;
		left: 0;
		transform: rotate(180deg);
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#head-holder {
		/*display: none;*/
	}
	#head>div>div#logo_main {
		width: 100%!important;
		text-align: center;
		margin: 0 auto;
	}
	#page {
		/*max-width: 310px;*/
	}
	#page>div {
		max-width: 100%;
	}
	#page-thumb {
		max-width: 100%;
	}
	#article_header {
		flex-direction: column;
	}
	
	#article_header div#page-thumb {
		flex-basis: auto;
		margin-bottom: 1rem;
	}
	
	div.calendar div.ccol {
		width: 30px;
	}
	div.calendar div.head div.crow:first-of-type > div {
		width: 84px;
	}
	div.calendar div.head div.crow:first-of-type > div:nth-child(2) {
		width: 124px;
	}
	div.calendar div.head div.crow:nth-of-type(2) div.ccol {
		font-size: 0.9em;
	}
	section#cpanel > div > div {
		margin: 5px auto;
	}
	section#cpanel > div:not(:first-of-type) {
		width: auto;
	}
}

/* Smartphones (landscape) ----------- */
@media screen and (min-width : 321px) and (max-width : 1080px) {
/* Styles */
	
}

/* Smartphones (portrait) ----------- */
@media screen and (max-width : 320px) {
/* Styles */
	aside.left {
		display: none;
	}
	
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	aside.left {
		display: none;
	}
	
	section.sec-slider div.list-flex {
		justify-content: center;
	}
	section.sec-slider div.list-flex div.list-item.list-item-thumb {
		/*width: 250px;*/
		/*height: 250px;*/
		/*flex-grow: 0;*/
	}
	
}