/*This styles is for the responsive layout of the theme*/
@media screen and (min-width: 2000px){

#slider-banner{

	
}
.bx-wrapper .bx-viewport, #slider-banner, .slides{
	height: 530px !important;
    max-height: 530px;
	text-align: center;
	
}
 .slides img{
	margin: 0 auto;
}
}

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





	.slider-caption .caption-description{

		font-size: 26px;

		line-height: 30px;

	}

}





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

	#home-content #welcome-text{

	position:relative;

	top: -80px;

	z-index: 2000;

	background-color: #fff;

	padding: 20px;

	margin-bottom: -60px;

	


}

#secondary-right{
	
	margin-right: 5px;
	

}

#home-content #welcome-text h1{

	margin-top: -10px;

	font-size: 27px;

	text-align:justify;

	padding-left: 10px;

	

	

	

}

    .boxed-layout #page{

        width:100%;

    }





.main-navigation.menu-right{

	text-align: right;

}



.main-navigation.menu-center{

	text-align: center;

}



.main-navigation.menu-right li{

	margin-left: 10px;

	margin-right:0;

}



.main-navigation.menu-center li{

	margin-left: 12px;

	margin-right:12px;

}

	.ak-container,

    .boxed-layout .ak-container{

		width: 100%;

		padding:15px;
		padding-bottom: 0px;

	}



	#masthead .right-header{

		padding-top: 10px;
		padding-right: 5px;
	

	}
	#masthead .site-branding{

	
		padding-left: 15px;
	

	}
#masthead .site-branding img{

	max-width: 650px;

   height: auto !important;

  /*   width: auto !important;

    display: block;*/

}

	.header-text{

		display: none;

	}



	.socials{

		float: none;

		margin: 0 0 10px;

        text-align:right;

	}



	.ak-search{

		float: none;

		margin: 0 0 10px;

	}



	.ak-search .searchform{

		float: right;

	}







	.slider-caption .caption-description{

		font-size: 16px;

		line-height: 20px;

	}



	#slider-banner .bx-wrapper .bx-pager{

		bottom:5px;

	}



	#slider-banner .bx-wrapper .bx-pager.bx-default-pager a{

		height: 14px;

		width: 14px;

	}



	#welcome-text{

		width: 53.5%

	}



	#top-section .welcome-text-image{

		width: 30%

	}



	#top-section .welcome-detail{

		width: 65%

	}



	#latest-events{

		width: 44%;

	}



	.event-list .event-thumbnail{

		width: 28%;

	}



	.event-list .event-thumbnail img{

		width: 100%;

	}



	.event-list .event-detail{

		width: 68%;

	}



	.featured-post{

		width: 30%;

		margin-right: 5%;

	}



	#bottom-section .testimonail-slider, 

	#bottom-section .thumbnail-gallery, 

	#bottom-section .text-box{

		width: 31%; 

		margin-right: 3.5%

	}

    

    #bottom-section .testimonail-slider{

        margin-right:0;

    }



	.testimonail-thumbnail{

		width: 30%;

	}



	.testimonail-excerpt{

		width: 65%;

	}



	#bottom-section .thumbnail-gallery ul li:nth-child(3n){

		margin-right: 6px;

	}
#blog-post article.hentry,

.search article.hentry,

.archive article.hentry,

.tag article.hentry,

.category article.hentry,

#ak-blog-post article.hentry{

	margin-bottom: 30px;

	padding-bottom: 0px;

	/*border-bottom: 3px solid #F1F2F3;*/

}
}



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

#secondary-right{
	
	width: 100%;
	
	}
.fronttext .table-tr2-colums div.table-td:last-child {
width: 100% !important;

	}
.fronttext .kontaktwidget{
		
		clear:both;

		
		}
.fronttext .table-tr2-colums div.table-td:first-child {
width: 100% !important;
margin-right: 0%;
}
.teaser .table-tr3-colums:first-child .table-td{
	text-transform: uppercase;
	min-height: 150px;

}
.teaser .overlay{
	max-width:307px;
max-height: 157px;


	}
	.site-content, .archive .site-content{

		top: -25px;
		
		
	}
	.entry-content{
		margin-bottom: 25px;
		
	}
	#footerheading{
		top: -87px;
		}
	.pageimage .imagetitle{

	padding: 10px;

}

	body{

		background: #F2F2F2;



	}

	 #slider-banner{

	/*padding-top: 30px;*/

	

}
	#masthead .right-header{ 

	padding-top: 0px;

}
	#masthead .site-branding{ 

	max-width: 450px;

	padding: 5px;

}



#masthead .site-branding img{

	max-width: 550px;

   height: auto !important;

  /*   width: auto !important;

    display: block;*/

}

	#page{

		max-width: 768px;

		width: 100%;

		margin:0 auto;

		background: #FFF;

		box-shadow: 0 0 10px #999;



		

	}

	#masthead{

		/*max-width: 768px;*/

	}

	.main-navigation{

			/*max-width: 768px;*/

	}



	#slider-banner .bx-controls-direction{

		display: none;

	}







#home-content #welcome-text {

	width: auto;

		margin-bottom: 25px;

		float: none;

		  top: 0px;

		 margin-bottom: 0px;

    padding: 20px;

  

}









	#top-section{

		margin-top: 20px;

		margin-bottom: 30px;

	}



	#top-section .welcome-text-image img{

		width: 100%

	}



	#latest-events{

		width: auto;

		float: none;

	}



	#bottom-section .testimonail-slider, 

	#bottom-section .gallery, 

	#bottom-section .subscribe{

		width: auto;

		float: none;

		margin: 0 0 25px;

	}



	.testimonail-thumbnail,

	.testimonail-sidebar .testimonail-thumbnail{

		width: 100px;

		margin-right: 20px

	}



	.testimonail-excerpt,

	.testimonail-sidebar .testimonail-excerpt{

		width: calc( 100% - 120px);

		float: left;

	}



	#site-navigation .ak-container{

		padding:0;

	

		

	}



	.menu-toggle{ 

		display: block;

		float: right;

		background: url(../images/menu.png) no-repeat center rgba(0,0,0,0.3);

		height: 48px;

		width: 48px;

		text-indent: -9999px;

		margin: 0;

	}



	.main-navigation .menu {

		display: none;

	}



	#top-footer .footer{

		width: 50%;

	}



	.hide{ display: block; margin-bottom: 25px;}



	#bottom-footer .site-info{

		float: none;

		text-align: center;

		margin-bottom: 10px;

	}



	#bottom-footer .copyright{

		float: none;

		text-align: center;

	}



	.main-navigation .menu{

		position: absolute;

		left: 0;

		width: 100%;

		top: 48px;

		z-index: 9999;

		background: #000;

	}



	.main-navigation .menu li{
	margin-top: -8px;
		width: 100%; 

		float: none;

		line-height: 38px;

		border-bottom:1px solid #fff;

	}



	.main-navigation ul ul{

		position: static;

		box-shadow: none;

		border: none;

	}

    

    .main-navigation ul ul a{

        padding:0 20px ; 

    }



	.main-navigation .menu ul li{
text-align: left;
		line-height:38px;
display: block;
		border-bottom: 1px solid #DDD;
		padding:0; 
	

	}
	.main-navigation a{
width: 100%;
display: block;
text-align: left;
		border-right: 0px;


	}


	.main-navigation ul ul ul{

		background: #ddd;

	}



	#primary-wrap{

		float: none;

		width: auto;

	}



	#primary, .left-sidebar #primary, 

	.both-sidebar #primary,

	.both-sidebar #primary-wrap .sidebar,

	.both-sidebar .sidebar{

		float: none;

		width: auto;

		margin-bottom: 25px;

	}



	.sidebar, .sidebar.left-sidebar{

		width: auto;

		float: none;

	}



}


@media screen and (max-width: 768px){
	.right-header{
	display: none;
	
}
.sitesmenu{
		
		display: block;
		}
.sitesmenu a{
		color: #999;
		text-align: left;
		display: block;
		border-top: 1px solid #999;
		padding: 8px;
		}
.sitesmenu a:hover{
		background-color: #ccc;
		color: #000 !important;

		}

.table-tr2-colums div.table-td, .table-tr2-colums div.table-td:last-child{
	
	width: 100% !important;
	
}
.table-tr2-colums div.table-td:last-child{
	
	border-left: 0px !important;
	border-top: 0px solid #ccc;
	margin-top: 10px;
	padding-top: 15px;
	
}
.teaser h3{
	font-size: 1.4em;

}
.teaser .overlay{
	max-width:307px;
	max-height: 154px;


	}
	#masthead .site-branding img{ 

	max-width: 350px;


	padding: 5px;

}





	.slider-caption .caption-description{

		display: none;

	}




    #bottom-section .testimonail-slider, 

    #bottom-section .thumbnail-gallery, 

    #bottom-section .text-box{

        width:100%;

        float:none; 

        margin:0 0 20px; 

    }

    

    .wpcf7-form input[type="text"], 

    .wpcf7-form input[type="email"], 

    .wpcf7-form input[type="url"], 

    .wpcf7-form input[type="password"],

    .wpcf7-form select{

        width:100%;

    }

    

    .wpcf7-form textarea{

        width:100%;

    }

	#bottom-section .thumbnail-gallery {

	display: none;

	

}
 .pageimage{
	overflow:hidden;
	background-size: 768px auto;
	background-position:center;
	
}
.pageimage img{
	display:none !important;
	
}
.bx-slider .slides{
	
	background-size: 1010px auto;
	background-position:center;
	
}
}
@media screen and (min-width: 769px){
	
	 .pageimage{
	
		background-image: none !important;
	}
}
@media screen and (max-width: 767px) and (min-width:581px){
	
	.home .kontaktwidget{
	
		
	}
}

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

#content{
top: -35px;
}

.home .kontaktwidget{
	
		
	}
.teaser .table-td{

	width: 100% !important;
	margin-right: 0px;

}
.teaser .overlay{
	max-width:307px;
	min-height: 201px;


	}
.teaser .table-tr3-colums:last-child{
	display: none;

}
	#masthead .site-branding{ 

	width: 240px;

	height: 45px;

	padding: 5px;

}



#masthead .site-branding img{

	width: 310px;
	height: auto;

 /*   height: auto !important;

    width: auto !important;

    display: block;*/

}


.pageimage{
	
	padding: 0px;
}
.pageimage img{
	position: relative;
	bottom: 5px;
}
.pageimage .imagetitle{
	
	margin-right: 0px;
	padding: 5px;
}

	h1, h1 .entry-title{ font-size:24px !important;}

	h2{ font-size:20px;}

	h3{ font-size:18px;}

	h4{ font-size:16px;}

	h5{ font-size:14px;}

	h6{ font-size:12px;}



	#mid-section{

		margin-bottom: 30px;

	}







	.featured-post{

		width: auto;

		margin: 0 0 20px;

		float: none;

		text-align: center;

	}



	.featured-post .featured-image img{

		margin: 0 auto;

	}



	#masthead .right-header{

		/*display: none;*/

	}



	#masthead .site-branding{

	/*	float: none;

		text-align: center;
*/
	}





}



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

#colophon2 .textblock {
border-right: 0px;
}

	#top-section .welcome-text-image{

		width:auto;

		float: none;

		margin-bottom: 15px;

	}



	#top-section .welcome-text-image img{

		width: 100%;

	}



	#top-section .welcome-detail{

		width:auto;

	}



	#top-footer .footer{

		width: 100%;

		float: none;

		margin: 0 0 20px;

	}



	#top-footer .footer .widget{

		padding-right: 0	

	}



	#top-footer h1.widget-title{

		margin-bottom: 10px;

	}

    

    .cat-portfolio-list{

        width:100%;

        margin-right:0;

    }

    

    .cat-testimonial-list .entry-header{

        float:none;

        width:50%;

        margin-bottom:30px;

    }

    

    .cat-testimonial-list .entry-header img{

        width:100%;

    }

    

    .cat-testimonial-list .cat-testimonial-excerpt{

        float:none;

        width:100%;

    }

    

    .cat-testimonial-list .cat-testimonial-excerpt:before{

        border-color:transparent transparent #F2F3F4;

        top:-40px;

        left:20px;

    }

    

    .cat-testimonial-list:nth-child(odd) .cat-testimonial-excerpt:before{

        border-color:transparent transparent #F2F3F4;

        top:-40px;

        right:20px;

    }

}



@media screen and (max-width: 380px){
#colophon2 .textblock.block2 {
border-right: 0px;

}
.pageimage .imagetitle, .bx-slider .slider-caption{
	/*display: none;*/
	font-size: 14px !important;
}


    .portofolio-layout .entry-title{

        font-size:22px;

    }

    

    .portofolio-layout .cat-portfolio-excerpt{

        font-size:14px;

    }

    

    .portofolio-layout .cat-portfolio-excerpt{

        top:110px;

    }

    

    .cat-event-list .cat-event-image{

        width:100%;

        float:none;

        margin-bottom:15px;

    }

    .cat-event-list .cat-event-excerpt{

        width:100%;

        float:none;

    }

    

    .cat-testimonial-list .entry-header{

        width:100%;

    }
	#secondary-right{
		margin-right: 0px;
		
	}
	.widget{
		
		padding: 0px;
		
	}
.textwidget{
		
		padding-left: 0px;
		
	}
.kontaktwidget{
	padding-left: 0px;
	padding-right: 10px;
	white-space:nowrap;

	
}

}

@media screen and (min-width: 941px){

	.main-navigation .menu {

		display: block !important;

	}

}