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


.home-move-down {display:block;}

}
@media only screen and (max-width: 1139px) {
.cycloneslider-template-standard .cycloneslider-caption {max-width:580px;}
body.home .wp_theatre_prod_title {
    font-size: 14px;}
	
	body.home .wp_theatre_prod_dates {
    font-size: 11px;
    font-size: 1.1rem;}

body.home .section.textfront {padding-left:20px;padding-right:20px;}

body.home #uilenburgersjoel.wrapper {padding-left:20px;padding-right:20px;}


#komermaarin {

    top: 120px;
    width:300px;
}



body.home ul.wpt_production_categories, body.home ul.wpt_production_categories li {font-size:10px; font-size:1rem;}
body.home .wp_theatre_event_datetime {
    font-size: 11px;
    font-size: 1.1rem;}
	/*   header.site-header .wrap {height:80px !important;} */
	.genesis-nav-menu {
 
    font-size: 14px !important;
}
	
	body.home .site-inner, .wrap {
		max-width: inherit;
	}
	
	
	body.home .section .section-inner {
		padding-left: 0%;
		padding-right: 0%;
	}
	
	body.home .section#portfolio .section-inner {
		padding: 0 0;
	}
}







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

   width: 220px;
  right:20px;
    
}
#komermaarin .culturele-agenda {
font-size:22px;
line-height:32px;
background-color: rgba(1,54,73,0.5); 
text-shadow: 2px 2px 3px #000000;
display:inline-block;
    padding:0.2em 0.2em 0.2em 0.2em;/*set top and bottom padding to make up extra height*/}





body.home .section {
    min-height: 220px;
}
body.home #slider.section {
    min-height: 100px;
}

body.home .wpt_listing { display:none;
}
	body.home .site-inner {
		padding: 0 !important;
	}
	
	.section#blog .featured-content .entry {
		width: 420px;
		padding: 3%;
	}
	
	.header-image .site-header .wrap {
		background-position: center top;
	}
	
	body.home .section#blog .featured-content .entry {
		width: 100%;
		margin: 0;
	}
}


/* # Responsive Navigation
---------------------------------------------------------------------------------------------------- */



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

#komermaarin .culturele-agenda {
    font-size: 18px;}
	nav {
		display: none;
		position: relative;
	}

	nav .wrap {
		padding: 0;
	}

	nav.pagination {
		display: block;
	}

	.menu-toggle,
	.sub-menu-toggle {
		display: block;
		visibility: visible;
		overflow: hidden;
		
		font-size: 20px;
		font-weight: 700;
		float: right;
		background-color: transparent;
	}

	.menu-toggle {
		background-color: #333;
		position: relative;
		padding: 20px 12px;
		right: 0;
		z-index: 1000;
		color: white;
		text-shadow: 2px 2px 4px #000000;
		width: 100px;
	}

	.menu-toggle:before,
	.menu-toggle.activated:before {
		display: inline-block;
		font: normal normal normal 20px FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		content: "\f0c9";
		padding-right: 12px;
	}

	.sub-menu-toggle {
		background: transparent;
		float: right;
		position: absolute;
		top: 0;
		right: 0;
		padding: 18px;
		z-index: 100;
	}

	.sub-menu-toggle:before {
		display: inline-block;
		font: normal normal normal 16px FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		content: "\f107";
	}

	.sub-menu-toggle.activated:before {
		content: "\f106";
	}

	.genesis-nav-menu .menu-item {
		display: block;
		position: relative;
		text-align: left;
	}

	.genesis-nav-menu .menu-item a {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		width: 100%;
		padding: 20px;
	}

	.genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-nav-menu .menu-item > a:focus ul.sub-menu,
	.genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
		left: 0;
		margin-left: 0;
	}

	.genesis-nav-menu > .menu-item-has-children > a:after {
		content: none;
	}

	.genesis-nav-menu .sub-menu {
		display: none;
		clear: both;
		margin: 0;
		position: static;
		width: 100%;
		opacity: 1;
	}

	.genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.genesis-nav-menu .sub-menu a {
		border-left: none;
		border-right: none;
		padding-left: 40px;
		color: #eee;
	}

	.nav-primary .genesis-nav-menu .sub-menu a {
		background-color: #333;
		color: #eee;
	}
	
	
	
.site-header .widget-area {

    padding-right: 0px;
    background: transparent;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.1)!important;
    -moz-box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.1)!important;
    box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.1)!important;
}
	
	
	
}



/*============	kollommen text 100% ============ */
@media only screen and (max-width: 992px) {


#komermaarinja {

   width: 200px;
   top:10px;
   right:80px;
    
}


#komermaarin .culturele-agenda {
    font-size: 16px;}

h1 {
	font-size: 26px;
	font-size: 2.6rem;
}

h2 {
	font-size: 20px;
	font-size: 2rem;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
}

h4 {
	font-size: 15px;
	font-size: 1.5rem;
}

h5 {
	font-size: 14px;
	font-size: 1.4rem;
}

h6 {
	font-size: 12px;
	font-size: 1.2rem;
}

.cycloneslider-caption {display:none;}


#mc_embed_signup {
min-height:120px;
    margin-left: 0%;
    float: none;
    margin-top: 0px;
    max-width: 100%;
    padding: 14px;
   
}
/*
.one_fourth:nth-of-type(4n+1), .one_third:nth-of-type(3n+1), .one_half:nth-of-type(2n+1) {
      margin-left: 3.2%;
}*/
.one_half {
	width: 100%;
	
}
.one_third {
	width: 100%;
}
.one_fourth {
	width: 100%;
}
.one_fifth {
	width: 100%;
}
.one_sixth {
	width: 100%;
}
.two_fifth {
	width: 100%;
}
.two_fourth {
	width: 100%;
}
.two_third {
	width: 100%;
}
.three_fifth {
	width: 100%;
}
.three_fourth {
	width: 100%;
}
.four_fifth {
	width: 100%;
}
.five_sixth {
	width: 100%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	margin-bottom: 20px;
	margin-right: 0%;
}
.one_third h2 {font-size:20px;}
body.home .one_third:nth-of-type(1n+1) {
   width: 31%;
}
body.home .one_third:nth-of-type(2n) {
   width: 62%;
}
body.home .one_third:nth-of-type(3n) {
   width: 62%;
}

body.home #uilenburgersjoel .one_third img {width:100%;height:auto;}

}


@media only screen and (max-width: 768px) {
	
	/*
	
	body.home .site-header {
		position: relative;
	}*/
}

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

.site-header {
height:82px;
    background: #013649;}
	body.home #slider.wrapper {
    padding-top: 82px;
}
.headertje {margin-top:82px;}
.home-move-down {display:none;}

#komermaarin {
    top: 120px;
    width: 200px;
}
#komermaarin .culturele-agenda {
    font-size: 12px;}
.footer-widgets-1 {
    margin-right: 0px;
    margin-right: 0rem;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 100%;
	padding: 1%;float: none;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: none;
}

.footer-widgets-3 {
	float: none;
}

	.section#blog .featured-content{
		padding: 0;
		margin: 0;
	}
	
	.section#blog .featured-content .entry {
		margin: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	
	body.home .section#service .one-half,
	body.home .section#blog .featured-content .entry {
		margin-bottom: 10px;
	}
	
	body.home .section h1 {
		font-size: 30px;
	}
	
	body.home .section#portfolio .portfolio-section .page,
	body.home .section#portfolio .portfolio-section .post {
		width: 50%;
	}
}


 







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

img.alignleft, .wp-caption.alignleft {
    margin: 0 0px 0px 0;
    margin: 0 0rem 0.5rem 0;
}

.page .wp_theatre_event_title {
font-size:14px;
font-size:1.4 rem;
}
.wp_theatre_event_tickets_url {width:80px;}
.headertje {
    width: 100%;
    height: 200px !important;
    
}
.entry-title {
font-size:21px;
font-size:2.1 rem;
padding-top:12px;
}
.home-move-down {display:none;}

.menu-toggle {
    background-color: #333;
    position: relative;
    padding: 0px 12px 0px 12px;
    
    
    width: 60px;
}

.site-header .title-area {
    padding-top: 0px;
}
.site-header .wrap {
    padding: 10px 0;
    padding: 1rem 0;
}

.site-header  img {
    width:44px; height:auto;
	
}
 
 body.home .one_third:nth-of-type(1n+1) {
   width: 100%;
}
body.home .one_third:nth-of-type(2n) {
   width: 100%;
}
body.home .one_third:nth-of-type(3n) {
   width: 100%;
}

	
	.section#portfolio .portfolio-section .page,
	.section#portfolio .portfolio-section .post {
		width: 100%;
	}
	
	body.home .section#portfolio .portfolio-section .page,
	body.home .section#portfolio .portfolio-section .post {
		width: 100%;
	}
 
}