/* #Media Queries
================================================== */


/* Smaller than standard 1680 (browsers) */
@media only screen and (max-width: 1680px) {
	.container{
		max-width: 1680px !important;
	}
}



/* Smaller than standard 1366 (browsers) */
@media only screen and (max-width: 1366px) {	
	.container{
		max-width: 1366px !important;
	}
}


/* Smaller than standard 1280 ( browsers) */
@media only screen and (max-width: 1280px) {
			
	.mobmenu_content li.widget_text{
		font-family: "Gotham-Book","Verdana","Avenir" !important;
		font-size:1.15em !important;
	}
	.mobmenu_content li.menu-item{
		border-top: 1px #bbbbbb solid !important;
	}
	.mobmenu_content li.widget_text a{
		margin-top:-1em;font-size:1.1em !important;
	}
	.mob-menu-slideout .mob-menu-left-panel,
	.mobmenu_content {
		overflow: visible !important;
		overflow-y: visible !important;
	}
	.mobmenu_content .search-background {
		max-height:			2.85em;
		border-radius:		6px 0 0 6px !important;
	}
	.show-nav-left .mob-menu-left-panel{
	    border-right: 1px solid #eee !important;
	    -webkit-box-shadow: 4px 0 10px -5px #cccccc !important;
	    -moz-box-shadow: 4px 0 10px -5px #cccccc !important;
	    box-shadow: 4px 0 10px -5px #cccccc !important;
	    height: 100% !important;
	    padding-bottom: 100em !important;
	}
	.mob-menu-header-holder{
		position: absolute !important;
	}
	.mob-menu-slideout .mob-menu-left-panel{
		position: 	absolute !important;
		overflow-y:	visible !important;
		height:		100% !important;
	}
	.mobmenu_content .widget { 
		padding: 10px 0 !important;
	}
	
	.mobmenu_content #searchform input[type="text"], 
	.mobmenu_content #searchform #s {
		width: 20em !important;	
	}
	
	.mobmenu_content #searchform input[type="submit"]{
	    background-color: #006ba6 !important;
	    border-color: #006ba6 !important;
	    border-radius: 0 6px 6px 0 !important;
	    height: 2.5em !important;
	    right: 	14em !important;
	    margin-bottom: 0.15em !important;
	    margin-top: 0.1em !important;
	    padding: 0 !important;
	    position: absolute !important;
	    top: -2px !important;
	    width: 2.75em !important;
	}
	.mobmenu_content input.searchbutton {
	    background-position: center center !important;
	}
	.mobmenu_content #searchform .searcharea {
	    border: none !important;
	    -moz-box-shadow: none !important;
	    -webkit-box-shadow: none !important;
	    box-shadow: none !important;
		max-width: 24em !important;
	}
	.mobmenu_content #searchform{
	    margin-bottom: 2em !important;
	}
	.mobmenu .sub-menu li a {
	    padding-left: 1.5em !important;
	}
	.mobmenu ul.leftmbottom,
	.mobmenu .leftmbottom ul.menu{
	    margin: 0 !important;
	    padding: 0 !important;
	}
	.mobmenu .leftmbottom li{
	    background-color: #004681 !important;
    	color: white !important;
		padding: 0 !important;
	}
	.mobmenu #btm-other-languages{
		color: #555 !important;
    	background-color: initial !important;
		padding: .5em !important;
    	border-bottom: none !important;
	}
	#btm-other-languages .ic-globe {
		margin-top: -2px !important;
	    padding-right: 1em !important;
	    background-position: .15em 0 !important;
	}
	.mobmenu #btm-other-languages+.mob-expand-submenu{
		padding-top: .75em !important;
	}
	.mobmenu .leftmbottom li a,
	.mobmenu .leftmbottom li li a
	.mobmenu .leftmbottom li a:visited,
	.mobmenu .leftmbottom li li a:visited,
	.mobmenu .leftmbottom li a:hover,
	.mobmenu .leftmbottom li li a:hover{
	    padding: .5em !important;
	    margin-left: 1.5em !important;
	    color: white !important;
	}	
	
}

@media only screen and (max-width: 1024px){
	
	/*
	.mob-menu-logo-holder {
	    padding-top: 10px;
		margin-top: 10px;
	}
	*/
	
	.map-container,
	.mapbox-map,
	.acf-map{
		height: 500px
	}
		
	.map-item-list{
		max-height: 500px;
		margin-top: -502px;
	}
	
	.download-app .intro {
	    height: 15em !important;	    
	}
	.download-way {
	    margin-top: 2em;
		margin-bottom: 0;
	}
	
	.mobmenu .leftmbottom li.language-detail-mobile,
	#select-language li a{
		background-color: #efefef !important;
		color: black !important;
	}
	
	.mobmenu_content #searchform input[type="text"], 
	.mobmenu_content #searchform #s{
		max-width: 16em !important;
	}
	
	.mobmenu_content #searchform input[type="submit"]{
		right: -1.25em !important;
	}
	.mobmenu_content .search-background{
		margin: 0 1.25em 0 !important
	}
	#headercontainer{		
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
		
	#scrollToTop {
		display: none !important;
		opacity: 0;
	}
	
	.non-mobile {
		display: none;
		visibility: hidden;
	}

	#searchresult .search-background{		
		max-width:  16em; 
	}
	
	#searchresult .search-background input[type="text"]{
		max-height: 2.5em;
	    max-width: 12.5em;
	    font-size: 1em;
	    height: 1.7em
	}
	#searchresult .search-button-background{
		margin-top: 0;
	}
	
	.mobile-area-selected {
		display: block;
	}
	
	.area-selector-overlay::before{
		background-color: rgba(255,255,255,0.50);
	}
	.area-selector-overlay{

		max-height: 100%;
		max-width: 85%;
		background-color: #fff;		
		top:  5em;

	}
	.area-selector-overlay .area-list,
	.area-selector-overlay .area-list ul {
		column-count: 1;
	    -moz-column-count: 1;
		text-align: left;
	}
	.area-selector-overlay .popup-body{
		column-count: 2;
	    -moz-column-count: 2;
	    -moz-column-fill: balance;
	}
		
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1024px) {	
	
	.widget-maintop .widget-container,
	.widget-mainbottom .widget-container { 
		padding-left:15px;
		padding-right:15px;
	}
		
	.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
	.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.contact{  margin:0 100px;}
	body.klasikt .related ul.products li.product, body.klasikt .upsells.products ul.products li.product, body.klasikt .related ul li.product, 
	body.klasit .upsells.products ul li.product {width: 48%;}
	
	.download-app .intro {
	    height: 20em !important;	    
	}
	.download-way {
	    margin-top: 2em;
		margin-bottom: 0;
	}
	
	.widget-maintop .widget-container,
	.widget-mainbottom .widget-container { 
		padding-left:15px;
		padding-right:15px;
	}
	
	.mobmenu_content .search-background{
		margin: 0 1.5em 0 !important
	}
	
	.row .mborderright .sidebarcol{
		width: 30em;
	    margin: 1em auto;
	    padding: .5em;
	    text-align: center;
	}
	.row .mborderright .contentcol{
		width: 99%;
		margin: 1em auto;
	}
	
	
	.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
	.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
			
	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#bodychild{width:100%; margin:0}
	#outerheader{height:auto;}
		
	/* layout */
	.row .sidebarcol    { width: 100%; }
	.row .contentcol 	{ width: 100%; }
	
	.widget-maintop .widget-container,
	.widget-mainbottom .widget-container { 
		padding-left:15px;
		padding-right:15px;
		margin: 0px auto; max-width: 420px;
	}		
	
	.mobmenu_content .search-background{
		margin: 0 !important
	}
	
	.map-container{		
		display: block;
		overflow: visible;
		height: initial !important;
	}
	
	.map-container,
	.mapbox-map,
	.acf-map{
		height: 300px
	}
	
	.map-item-list{
		position: relative;
		display: inline-block;
		overflow-y: scroll;
		height: 300px !important;
		width: 100%;
		top: 0;
		left: 0;
		padding: .25em;
		margin: 0 auto;		
	}
	.map-item-list li{
		text-align: left;
		width: 100%;
		margin: 0 auto;
	}	
	.map-item-list li label{
		max-width: 80%;
    	line-height: 1em;
	}
/*============================================== WP Mobile Menu ==============================================*/
.mobmenu_content li.widget_text{font-family: "Gotham-Book","Verdana","Avenir" !important;font-size:1.15em;}
/*.mobmenu_content li:not(.widget_text){border-bottom: 1px #bbbbbb solid;}*/
	.mobmenu_content li.menu-item{border-bottom: 1px #bbbbbb solid;}
.mobmenu_content li.widget_text a{margin-top:-1em;font-size:1.1em;}
.mob-menu-slideout .mob-menu-left-panel,
.mobmenu_content {overflow: visible !important;overflow-y: visible !important;overflow:visible hidden;}
.show-nav-left .mob-menu-left-panel{
    border-right: 1px solid #eee;
    -webkit-box-shadow: 4px 0 10px -5px #cccccc;
    -moz-box-shadow: 4px 0 10px -5px #cccccc;
    box-shadow: 4px 0 10px -5px #cccccc;
    height: 100% !important;
    padding-bottom: 100em;
}
.mob-menu-header-holder{position: absolute;}
.mob-menu-slideout .mob-menu-left-panel{position: absolute;overflow-y:visible !important;height:100%;}
.mobmenu_content .widget { padding: 10px 0;}

.mobmenu_content #searchform input[type="text"], 
.mobmenu_content #searchform #s {
	width: 20em !important;	
}

.mobmenu_content #searchform input[type="submit"]{
    height: 2.5em !important;
}
.mobmenu_content input.searchbutton {
    background-position: center center;
}
.mobmenu_content #searchform .searcharea {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	max-width: 22em !important;
}
.mobmenu_content #searchform{
    margin-bottom: 2em;
}
.mobmenu .sub-menu li a {
    padding-left: 1.5em !important;
}
.mobmenu ul.leftmbottom,
.mobmenu .leftmbottom ul.menu{
    margin: 0;
    padding: 0;
}
.mobmenu .leftmbottom li a,
.mobmenu .leftmbottom li li a
.mobmenu .leftmbottom li a:visited,
.mobmenu .leftmbottom li li a:visited,
.mobmenu .leftmbottom li a:hover,
.mobmenu .leftmbottom li li a:hover{
    padding: .25em;
    margin-left: 1.5em;
    color: white;
}
show-nav-left .mob-expand-submenu i {
    color: #666666;
}
.mob-expand-submenu i {
    padding: 10px;
    padding-left: .75em;
}
.mobmenu .leftmbottom li{
    background-color: #004681;
    color: white;
}
.mobmenu li.widget_nav_menu{
    padding: 0;
    border-bottom: none;
}
	
	/*============================================== HEADER SECTION ==============================================*/
	#logo{text-align:center; float:none; display:block; margin-bottom:20px;}
	#logoimg img{margin:0px auto;}
	
	.container{ margin: 0px auto; max-width: 450px; }

	#navigation{text-align:center; clear:both; margin:0px!important;}
	.sf-menu a{background:transparent !important; border:0 !important}
	.sf-menu > li{border:0 !important; display:none;}
	nav{margin:0px; float:none; }
	.js .tinynav { display: block; display: inline-block; text-align:left ; margin:0 0 0 0; width:50%}/* mobile dropdown */
    .js #topnav { display: none }
	#headercontainer{border-top: 1px silver solid;}
	
	#page-title-wrap{
		margin-top: 2em;
	}
	.pagetitle,
	.page-parent .pagetitle{
	    font-size: 1.75em;
	    line-height: 1.5em;
	}
	
/* 	.pagetitle::after{
		content:"";
		display: 	none;
		height: 	0;
	} */
	
	.container.resources,
	.resources.container{
		padding: .25em 1em;
	}
	.go-back{
		display: inline-block;
	}

	/*============================================== AFTER HEADER SECTION ==============================================*/
	#outerafterheader{padding:0 0 0 0;}

	.fa-icon-title{ display:block; text-align:center}
	.fa-icon-title .fa{ margin:0px 0 0px}

	
	/*============================================== CONTENT SECTION ==============================================*/
	
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	#content.positionleft .main{ padding:0px; margin-bottom:30px;}
	#content.positionleft .contenttop-container, #content.positionleft .contentbottom-container {  padding-right: 0px;}
	#content.positionright .contentbottom-container, #content.positionright .contenttop-container  { padding-left: 00px;}
	
	.contact{  margin:0 0px;}
		
	.flexslider-carousel ul.flex-direction-nav a.flex-prev {left: 20px;}
	.flexslider-carousel ul.flex-direction-nav a.flex-next {right: 20px;}
	
	.klasik-action-widget .action-button{ float:none; margin-top:15px; display:inline-block}

	.klasik-magazinepost-widget.headline-col-style .tpl1 .recent-thumb .image {
		height: auto;
		margin: 0 0 26px 0;
		width: 100%;
		float:none;
	}

	.wp-pagenavi{margin-bottom:30px;}

	#sidebar .page-menu .menu-heading, 
	#sidebar .page-menu .menu-heading a{
		font-size: 1.25em;
	}
	#sidebar .page-menu ul{
		border-left: none;
	}
	#sidebar .page-menu ul li a, #sidebar .page-menu ul li a:visited {
		float: left;
		with: 90%;
		color: black;
		background-color: #efefef;		
		margin: 5px -10px;
	}
	#sidebar .page-menu ul li a::after{
		content : "";
		height: 1.25em;
		width: 2em;
		padding: 2px 3px;
		background: url(../fonts/icons/black/svg/angle-right.svg) no-repeat;
		background-size: 20px 20px;
		background-position: right center;
		float: right;
		z-index: 100;
	}
	#sidebar .page-menu li.current_page_item a::after{
		background-image: url(../fonts/icons/black/svg/angle-down.svg);
		width: 2.15em; 
	}
	
	#sidebar.positionright div.widget-area{padding-left:0px;}
	#sidebar.positionleft div.widget-area{padding-right:0px;}
	
	body.klasikt .related ul.products li.product, body.klasikt .upsells.products ul.products li.product, body.klasikt .related ul li.product, 
	body.klasit .upsells.products ul li.product {width: 48%;}
	
	.row .mborderright .sidebarcol{
		width: 35em;
		margin: 1em auto;
	}
	.row .mborderright .contentcol{
		width: 99%;
		margin: 1em auto;
	}
	
	
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}

	.download-app .intro {
	    height: 15em !important;	    
	}
	.download-way {
	    margin-top: 2em;
		margin-bottom: 0;
	}
	.download-way::after{
		content: "";
		display: inline-block;
		width: 25%;
		margin: 1em auto;
		border-bottom: 1px solid silver;
	}
	
	/* layout */
	.row .sidebarcol    { width: 100%; }
	.row .contentcol 	{ width: 100%; }		
	
	#page-title-wrap {
		display: block;
		text-align: center;
	}
	#afterheader .pagetitle{ text-align:left; float:none; display:block; margin:0px;}
	.page-parent #afterheader .pagetitle{ text-align:center;}
	#afterheader .pagedesc{display:block; text-align:left;}
	
	#afterheader #breadcrumbs{
	  width: auto;
	  height: auto;
	  position: inherit;
	  text-align:center!important;
	}
	
	.mobmenu_content .search-background{
		margin: 0 1.75em 0 !important;
	}
	
	.row .mborderright .sidebarcol{
		width: 75%;
		margin: .75em auto;
	}
	.row .mborderright .contentcol{
		width: 99%;
		margin: .75em auto;
	}
	

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	#bodychild{width:100%;}
	
	.download-app .intro {
	    height: 15em;	    
	}
	.download-way::after{
		content: "";
		display: inline-block;
		width: 25%;
		margin: 1em auto;
		border-bottom: 1px solid silver;
	}
	
	#page-title-wrap {
		display: block;
		text-align: center;
	}
	#afterheader .pagetitle{ text-align:left; float:none; display:block; margin:0px;}
	.page-parent #afterheader .pagetitle{ text-align:center;}
	#afterheader .pagedesc{display:block; text-align:left;}
	
	#afterheader #breadcrumbs{
	  width: auto;
	  height: auto;
	  position: inherit;
	  text-align:center!important;
	}

	.mobmenu_content #searchform .searcharea{
		max-width: 16em !important;		
	}

	.mobmenu_content #searchform input[type="text"], .mobmenu_content #searchform #s {
	    width: 14em !important;
	}
	.mobmenu_content #searchform input[type="submit"]{
    	height: 2.5em !important;
	}
	
	.row .mborderright .sidebarcol{
		width: 99%;
	}
		
	.row .mborderright .contentcol{
		width: 99%;
		margin: .5em auto;
	}

	.commentlist ol{padding-left:20px;}
	.comment-body{margin:0;}
	
	body.klasikt .related ul.products li.product, body.klasikt .upsells.products ul.products li.product, body.klasikt .related ul li.product, 
	body.klasit .upsells.products ul li.product {width: 100%;}
}