/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                general                                                                                */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* burger menu - hide by default, only show on mobile */
#burger-menu {display: none;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                tablets                                                                                */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 980px) {
	/* wrapper */
	#wrapper {width: 100%; max-width: 980px;}
	
	/* mainmenu */
	#mainmenu span {display: none;}
	#mainmenu ul {text-align: center;}
	#mainmenu li a {width: auto; padding: 33px 24px;}
	
	/* full width */
	body.full_width #main .inside {padding: 0; width: 100%;}

	/* mobile-select */
	#mobile-select {display: none;}
	
	/* ce_gallery */
	.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 {width: 49.5%; margin-right: 0;}
	.ce_gallery li:nth-child(2n+1) {margin-right: 1%!important;}

	/* slider */
	#slider {height: 400px; background-size: cover;}

}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                phone                                                                                  */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 650px) {
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* logo */
	#logo {text-align: center; width: 100%; left: 0;}
	
	/* mainmenu + mobilemenu */
	#mainmenu {text-align: center;}
	#dropdown {display: none;}
	#mobile-select {display: inline-block; width: 80%; margin: 10px 0;}
	
	/* burger menu */
	#burger-menu {display: block; background: none; border: none; cursor: pointer; padding: 10px; position: absolute; top: 10px; right: 10px; z-index: 1000;}
	#burger-menu span {display: block; width: 25px; height: 3px; background: #333; margin: 5px 0; transition: 0.3s;}
	#burger-menu.open span:nth-child(1) {transform: rotate(-45deg) translate(-5px, 6px);}
	#burger-menu.open span:nth-child(2) {opacity: 0;}
	#burger-menu.open span:nth-child(3) {transform: rotate(45deg) translate(-5px, -6px);}
	#mainmenu ul.level_1 {display: none; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(255,255,255,0.9); padding: 10px 0;}
	#mainmenu ul.level_1.show {display: block;}
	
	body.sidebar_left #main,
	body.sidebar_left #left,
	body.sidebar_right #main,
	body.sidebar_right #right,
	body.sidebar_both #main,
	body.sidebar_both #left,
	body.sidebar_both #right {width: 100%; margin: 0;}
	
	body.sidebar_left #main .inside,
	body.sidebar_left #left .inside,
	body.sidebar_right #main .inside,
	body.sidebar_right #right .inside,
	body.sidebar_both #main .inside,
	body.sidebar_both #left .inside,
	body.sidebar_both #right .inside {width: 100%; float: none; border: 0; margin: 0; padding: 0;}
	
	/* css framework + extension subcolumns */
	.one_half, .half_width, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .two_fifth, .three_fifth, .four_sixth, .three_fourth {float: none; width: 100%; padding: 0; margin: 0;}
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
 	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
 	.subcr, .subcl, .subc {padding: 0!important;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px;}
 	
 	/* footer */
 	#footer .map {display: none;}
 	#footer .about {display: none;}
 	#footer .contact {width: 100%; display: block;}
 	
 	/* socials */
 	#socials {display: none;}
  
   /* Subnavigation */
  #mod_navigationSub {display:none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
	/* ce_gallery */
	 .ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-right: 0;}

	/* slider */
	#slider {height: 250px; background-size: cover; background-position: center;}

}