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

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

body {
	overflow-x: hidden;
	overflow-y: visible;
	width:100%;
	font-size: 1.1em;
}
#wrapper,
.layout2015 .sidebars_page_holder .sidebar_content,
.layout2015 .sidebars_page_holder,
.layout2015 .sidebars_page_holder .sidebar_left,
.layout2015 .fsitemap, 
.layout2015 .fsubmenu, 
.layout2015 #footermiddle, 
.layout2015 .footer_logos,
.layout2015 #menu,f
.layout2015 #servicemenu,
.layout2015 #servivemenu_zoekblok,
#home .col,
#home #wrapper_top_middle,
.layout2015 .mailto_footer, .layout2015 .socials_holder,
.categorieleft, #campagneblokken, #contentshop,
.layout2015 ul.testimonial2015 li,
.layout2015 .cta2015,
.layout2015 ul.metrics,
.layout2015 ul.metrics li {
	display: block;
	border: 0px solid;
	float: none;
	clear: both;
	width: 100%;
	left:0;
	margin: 0;
	padding: 0;
}
.layout2015 #content, .layout2015 .breadcrumb,
#footertop, #footermiddle > div, #footerbottom,
#servivemenu_zoekblok form {
	margin-left: 10px;
	margin-right: 10px;
}
.layout2015 .header_cour li .cour_content { height: 100%; width: 100%; background-repeat: repeat-x; }
.layout2015 #navmenu, .actiebuttons li .mdtLink, .actiebuttons li p {
	display: none;
}
.layout2015 #menu {
	top: 85px;
}
.layout2015 .socials_holder, .layout2015 #footermiddle {
	text-align: left;
	display: inline-block;
}
.layout2015 ul.metrics { text-align: center; }
#servivemenu_zoekblok .submit_wrapper { width: 11%; }
.layout2015 #servivemenu_zoekblok .servivemenu_zoekblok_input {
	width: 89%;
	height: 33px;
}
.layout2015 #servivemenu_zoekblok .submit_wrapper .submit_button {
	background-color: #61a534;
	background-position: center top;
	width: 100%;
	font-size: 0.001px;
}
.layout2015 #servicemenu {
	text-align: left;
	font-size: 12px;
	padding-right: 0;
	margin-bottom: 5px;
}
.layout2015 #navmenu {
	top: 50px;
	box-shadow: 0px 8px 5px #3f3b3b;
	-moz-box-shadow: 0px 8px 5px #3f3b3b;
	-webkit-box-shadow: 0px 8px 5px #3f3b3b;
	z-index: 999;
}
#menu_webshop #navmenu, #home #navmenu { top: 50px; }
#servicemenu a {
	padding: 0 5px 0 5px;
}
#servicemenu a:first-child,
#servicemenu a:nth-child(6)  {
	padding-left: 10px;
}
#servicemenu a:last-child {
	padding-right: 10px;
}
#wrapper, .layout2015 #footermiddle, #footerbottom {
	width: auto;
	height: auto;
}
.layout2015 .mailto_footer, .layout2015 .socials_holder {
	height: auto;
	display: block;
	margin: 20px 0;
}


.layout2015 .contentWrapper {
	background: #fff;
}
img, video,iframe {
	max-width: 100%;
}
.layout2015 #footertop {
	display: none;
}
.layout2015 #content h2 {
    word-wrap: break-word;
	max-width: 100%;
}
.layout2015 .breadcrumb { padding-left: 0; margin-top: 95px; display: block; }
.layout2015 .breadcrumb li a, #menu_webshop #wrapper_top_middle { margin-left: 0; }
#menu_webshop #wrapper_top_middle { top: 170px; }
.layout2015 #footerbottom { padding: 20px 0; }
.layout2015 #footerbottom li { margin-right: 15px; }
.layout2015 #footerbottom li.right { float: none; }
.layout2015 #footerbottom .fsubmenu { margin-top: 20px; }
.layout2015 #footerbottom .fsubmenu { text-align: left; }
.layout2015 .sml_calltoactionbutton .ctabutton,
.snippet .ctabutton {
	display: block;
    max-width: 350px;
}
.layout2015 .sml_calltoactionbutton a { text-decoration: none; }
.layout2015 #logo {
	margin-left: 10px;
}
#logo img { width: 144px; height: 36px; }
.layout2015 .mobile-menu { 
	display: block; 
	width: 80px; 
	height: 30px; 
	background: url(/Assets/Oxfam2015/hamburger.png) no-repeat 7px 7px #61a534; 
	position: absolute;
	top: 20px;
	right: 10px;
	padding: 5px;
	cursor: pointer;
}
div.paging_block ul, ul.paging { margin: 0; }
.layout2015 .mobile-menu span {
	color: #fff; 
	text-align: right;
	display: block;
	width: 100%;
}
.layout2015 .sidebar_content.function_content, #uspblok { width: 100%; }
#home #wrapper div>ul.top_btns { margin-bottom: 0 !important; }

.actiebuttons .top_btns li { height: auto !important; }
.top_btns li h3 .icon { margin: 0 auto; display: block; }
.layout2015 .top_btns li h3 { font-size: 12px; }
/* slider */
.header_cour li { width: auto; }
.categorieleft { 
	background-position: 
	left top; 
	padding-top: 20px; 
	margin-top: 40px; 
	background-repeat: repeat-x; 
}
.categorieleft > * {
	margin-left: 10px;
	margin-right: 10px;
}
.layout2015 .nieuwstext { width: auto; }
#wrapper_top_middle { 
	left: 0;
	margin-left: 0;	
}
.sml_sharethis { margin-bottom: 20px; }
.stButton .stMainServices { height: 21px !important; }
.header_cour > li, #wrapper_top_middle { width: 100% !important; left: 0 !important; }
.header_cour > li { background: url(/Assets/Oxfam2013/Images/blue-green-bg.jpg) repeat-x left transparent; }
.header_cour li .cour_content_shop { width: 100%; }
.header_cour > li, #wrapper_top_middle img { display: none; }
.header_cour > li > a { display: none; }
#menu_webshop .sliderPager { padding-bottom: 25px; }
.whiteItem, .block_item { border: 0px solid; }
#productblok li span { height: auto !important; }
#productblok .popprodtitle, #productblok li { margin-left: 0; width: 100%; }
#productblok li span.productimage { width: auto; display: block; }
#campagneblokken .campagnefoto { background: none; width: 100%; height: auto; }
.whitepage_bg { border-bottom: 0px solid; margin-bottom: 20px; }
/**************** MENU ****************/
.layout2015 #navmenu .menuitems > li { 
	width: 100%; 
	z-index:999; 
	border-bottom: 1px solid #fff;
}
.layout2015 #navmenu .menuitems > li:hover > ul {
	display: none;
}
.layout2015 #navmenu .menuitems > li.open > ul {
	display: block;
	border: 0px solid;
	margin-top: 45px;
}

.layout2015 #navmenu .menuitems > li.doneer, .layout2015 #navmenu .menuitems > li.doneer, .layout2015 #navmenu .menuitems > li.doneer:hover {
	background: #f16e22;
}
.layout2015 #navmenu .menuitems > li.doneer > ul { background-image: none; }
.layout2015 #navmenu .menuitems > li > ul { 
	position: relative; 
	width: 100%;
	border: 0px solid;
}
.layout2015 #navmenu .menuitems > li > a {
	height: 45px;
}
.layout2015 #navmenu .menuitems > li, .layout2015 #navmenu .menuitems > li {
	color: #fff;
}
.layout2015 #navmenu .menuitems > li.meermenu > a,
.layout2015 #navmenu .menuitems > li.meermenu_en > a,
.layout2015 #navmenu .menuitems > li.doneer > a {
	background-image: none;
	float: left;
	width: 80%;
}
.layout2015 #navmenu .menuitems > li.meermenu span.borderstreepje,
.layout2015 #navmenu .menuitems > li.meermenu_en span.borderstreepje,
.layout2015 #navmenu .menuitems > li.doneer span.borderstreepje {
	display: block;
	height: 45px;
	top: 0;
	position: relative;
	width: 20%;
	background: url(/Assets/Oxfam2015/top_btns_arrows_down.png) center center no-repeat #45B958;
	float: right;
	right: 0;
}
.layout2015 #navmenu .menuitems > li.doneer span.borderstreepje {
	background-color: #FF883C;
}
.layout2015 #navmenu .menuitems > li.active span.borderstreepje {
	background-color: #bbb;
}
.layout2015 #navmenu .menuitems > li.meermenu:hover > a,
.layout2015 #navmenu .menuitems > li.meermenu_en:hover > a,
.layout2015 #navmenu .menuitems > li.shop:hover a { background: #61a534; color: #fff; }
.layout2015	#navmenu .menuitems > li.doneer > a:hover, .layout2015 #navmenu .menuitems > li.doneer:hover > a {
	background: #F16E22;
	color: #fff;
	padding-right: 0;
}
.layout2015 #navmenu .navmenu_en { float: none; }
.layout2015	#navmenu .menuitems > li.active > a:hover {
	background: #000;
}
.layout2015 #navmenu .menuitems > li.active:hover > a, .layout2015 #navmenu .menuitems > li.active > a {
	background: #000;
	color: #fff;
}
}
@media screen and (max-width: 330px) {

.layout2015 #menu {
	top: 60px;
}
#home #wrapper_top_middle { top: 170px; }
.respclear { clear: both; display: block; }
}