/* ******************************************************
			  	* regular resolution browsers   *
********************************************************/

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

	/* general classes */
	html, body {	font-size: 16px;  }
	h1 {	font-size: 25px;  }
	#horizon { min-width: 1000px; }
	#container, #container_abs, #wrap, #header, #content, .space, #footer, #menu_wrap  { width: 1000px; }
	.post, .post_news { width: 740px; }
	#menu_reizen,  #menu_reizen_title { width: 100%; }
	#menu_ardanza, #menu_ardanza_title  {  display: none; }
	.entry_news { width: 740px; }
	.entry, .navigation { width: 475px; }
	.post_homepage { width: 450px; padding: 10px 10px 10px 20px; }
	.left_wrap_homepage { width: 495px; }
	.right_wrap_homepage { width: 490px; }
	.column { width: 244px; }
	.post_225, .image_wrap, .image_wrap_top, .space_small, .uitgelicht_sidebar_wrap, .uitgelicht_wrap, .uitgelicht_wrap_top, .uitgelicht_top, .uitgelicht_bottom, .uitgelicht_top_arrow, .uitgelicht_mid, .uitgelicht_bottom_arrow { width: 225px; }
	a.leesmeer, .uitgelicht_mid { width: 205px; }
	#sidebar { display: block; width: 250px; min-height: 250px; }

	/* fields */
	.form-field, .frm_form_fields  { 	width: 475px; }
	.with_frm_style .frm_form_fields input, .with_frm_style .frm_form_fields textarea, .text, input .auto_width  { width: 270px !important; }
	.frm_radio .radio, .frm_form_fields .frm_radio input, .frm_radio input[type=radio] { float: left !important; width: 15px !important; border: 0; padding: 0 5px 0 0 !important; }

	/*comments*/
	#commentform { width: 730px; }

	/* show/hide classes */
	.no_mobile {  display: block; visibility: visible;}
	.no_tablet { display: block; visibility: visible; }
	.mobile_only { display: none; visibility: hidden; }
	.no_desktop { display: none; visibility: hidden;  }

}

/* ******************************************************
					* tablet size   *
********************************************************/
@media
only screen and (min-width : 768px) and (max-width : 1023px)  {

	/* general classes */
	html, body {	font-size: 14px;  }
	h1 {	font-size: 25px;  }
	#horizon { min-width: 768px; }
	#container, #container_abs, #wrap, #header, .space, #footer  {  width: 768px; }
	#content { width: 100%; max-width: 100%; }
	.post, .post_news { width: 340px; }
	.entry_news { width: 285px; }
	.entry, .navigation { width: 375px; }
	.post_homepage { width: 728px; padding: 10px 10px 10px 20px; clear: both; }
	.post_homepage .entry { width: 100%; padding: 0; }
	.left_wrap_homepage {  width: 728px; padding: 0; float: left; margin: 40px 0 0 0; }
	.right_wrap_homepagex { width: 728px; float: left; padding: 0; }
	.column { width: auto; padding: 0; display: inline;}
	.post_225, .image_wrap, .image_wrap_top, .space_small, .uitgelicht_wrap_top, .uitgelicht_top, .uitgelicht_bottom, .uitgelicht_top_arrow, .uitgelicht_mid, .uitgelicht_bottom_arrow { width: 225px; }

	a.leesmeer, .uitgelicht_mid { width: 205px; }
	#sidebar { display: block; width: 250px; min-height: 150px; }

	/* header */
	.header_home { height: 152px;}
	.header_vervolg {height: 100px;}
	.menu_home { height: 0; }
	.menu_vervolg { height: 100px; }

	/* separate body backgrounds */
	.background_home { background-size: auto 200px; }
	.background_vervolg {	  background-size: auto 200px;  }
	#mobile_menu_wrap { width: 728px; }
	#mobile_menu, .menu-mobile-menu-container, #mobile_menu ul { width: 728px; }
	#page_title { top: 145px;  font-size: 35px; }

	/* fields */
	.form-field, .frm_form_fields  { 	width: 475px; }
	.with_frm_style .frm_form_fields input, .with_frm_style .frm_form_fields textarea, .text, input .auto_width  { width: 270px !important; }
	.frm_radio .radio, .frm_form_fields .frm_radio input, .frm_radio input[type=radio] { float: left !important; width: 15px !important; border: 0; padding: 0 5px 0 0 !important; }

	/*comments*/
	#commentform { width: 500px; }

	/* exceptions */
	.uitgelicht_sidebar_wrap { float: left; padding: 15px 0 15px 0; }
	.uitgelicht_sidebar_mid  a.btn_orange, .uitgelicht_sidebar_mid a.btn_blue { width: 260px; }

	/* show/hide classes */
	.no_mobile {  display: block; visibility: visible;}
	.no_tablet { display: none; visibility: hidden; }
	.mobile_only { display: block; visibility: visible; }
	.no_desktop, { display: block; visibility: visible;  }

}

/* ******************************************************
			* mobile devices and small browsers   *
********************************************************/
@media
only screen and (min-device-width : 320px) and (max-device-width : 767px),
only screen and (min-width : 1px) and (max-width : 767px) {

	/* general classes */
	html, body {	font-size: 14px;  }
	h1 {	  font-size: 25px; width: auto; max-width: 280px; word-wrap: break-word; }
	#horizon { min-width: 280px; }
	#container, #container_abs, #wrap, #header, #content, .space, #footer  {  width: 280px; }
	.post, .post_news { width: 280px; padding: 0; }
	.entry_news { width: 280px; }
	.entry, .navigation { width: 280px; padding: 0; }
	.post_homepage { width: 280px; padding: 10px 0 10px 0; }
	.left_wrap_homepage { width: 280px; float: left; }
	.right_wrap_homepage { width: 280px; float: left; }
	.column { width: 244px; }
	.post_225, .uitgelicht_wrap , .uitgelicht_wrap_top , .uitgelicht_sidebar_wrap, .uitgelicht_top, .uitgelicht_bottom, .uitgelicht_top_arrow, .uitgelicht_bottom_arrow,
	.image_wrap, .image_wrap_top, .space_small  { width: 225px; }
	a.leesmeer, .uitgelicht_mid { width: 205px; }

	/* header */
	.header_home { height: 70px;}
	.header_vervolg {height: 70px;}

	/* separate body backgrounds */
	.background_home { background-size: auto 100px; }
	.background_vervolg {	 background-image: url(../images/header.jpg); background-size: auto 100px;  }
	#backtohome.logo_home, #backtohome.logo_vervolg {  background-image: url(../images/logo_klein.png); background-size: 106px auto; }

	body.background_vervolg, body {	background-image: url(../images/header.jpg);  background-size: auto 100px;  }
	body.background_home, .home, .page-template-template_homepage, .page-template-template_weblog, .single, .category { background-size: auto 100px;  }

	#backtohome { top: 20px; left: 0;  width: 120px; height: 22px; background-size: 100px 19px;}
	#mobile_menu_wrap { width: 280px; }
	.mobile_menu_trigger, #mobile_menu { left: 0; }
	#mobile_menu_wrap { width: 280px; }
	#mobile_menu, .menu-mobile-menu-container, #mobile_menu ul { width: 280px; }
	.menu_home { height: 20px; }
	.menu_vervolg { height: 50px; }

	#page_title { float: left; position: static; color: #f16335; height: auto; font-size: 25px; padding: 0 0 20px 0; }

	/* fields */
	.form-field, .frm_form_fields  { 	width: 280px; }
	s.with_frm_style .frm_form_fields input, .with_frm_style .frm_form_fields textarea, .text, input .auto_width  { float: left !important; width: 270px !important; }
	.frm_radio .radio, .frm_form_fields .frm_radio input, .frm_radio input[type=radio] { float: left !important; width: 15px !important; border: 0; padding: 0 5px 0 0 !important; }

	/* slider */
	.jcarousel-wrapper, .jcarousel img { height: 140px; }

	/* exceptions */
	#sidebar { display: none; }
	/*	#sidebar { width: 100%; min-height: 150px; padding: 0; margin: 0; } */

	.uitgelicht_sidebar_wrap { padding: 15px 0; float: left; margin: 0; width: 100%; }
	.uitgelicht_sidebar_mid { margin: 0; padding: 15px; }
	.uitgelicht_sidebar_mid  a.btn_orange, .uitgelicht_sidebar_mid a.btn_blue { width: 202px; }

	/*comments*/
	#commentform { width: 250px; }
	#commentform textarea { width: 100%; }

	/* footer */
	.widget { width: 100%; padding: 10px 0 10px 0; background: transparent; border-top: 1px solid #f16335; }

	/* show/hide classes */

	.no_mobile {  display: none; visibility: hidden; }
	.no_tablet { display: none; visibility: hidden; }
	.mobile_only { display: block; visibility: visible; }
	.no_desktop { display: block; visibility: visible;  }
}