/***** Phone (portrait) *****/
@media screen and (max-width: 665px) {
	body{
		-webkit-text-size-adjust: none;
	}

    .mhcenter
    {
        width: 93%;
        padding: 0 3%;
    }

    #mhheader #mhlogo
    {
        position: inherit;
        right: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #mhheader #mhnavigation
    {
        display: inline-block;
        background: #fff;
        position: inherit;
        top: auto;
    }
    #mhheader
    {
        text-align: center;
    }

    #mhheader, #mhheader .mhcenter
    {
        height: auto;
    }
    #mhcontainer
    {
        padding: 50px 0 160px;
    }
    #mhcontainer .columns>div
    {
        width: 100%;
        background: #fff;
        margin-bottom: 20px;
    }
	#mhcontainer .blog .items-row .span4{
		width: 100%!important;
		margin-right: 0%;
		margin-bottom: 40px;
	}
	#mhcontainer .blog .items-row{
		margin-bottom: 0px;
	}
	#mhcontainer .item-page .page-header h2{
		line-height: 32px;
	}
	#mhcontainer .item-page .page-subheader h3{
		font-size: 22px;
	}
    #mhcontainer .item-page .page-content
    {
        -moz-column-count: auto;
        -moz-column-gap: 0px;
        -ms-column-count: auto;
        -ms-column-gap: 0px;
        -webkit-column-count: auto;
        -webkit-column-gap: 0px;
        column-count: auto;
        column-gap: 0px;
    }
	#mhcontainer .blog .items-row .page-content .mh_text{
		font-size: 13px;
		line-height: 22px;
	}
	#mhcontainer .blog .items-row .page-content .mh_image{
		height: auto;
	}
	#mhcontainer .blog .items-row .page-content .mh_image img{
		width: 100%;
		height: auto;
	}
	#mhcontainer .item-page .page-content .img-intro-left{
		float:none;
		padding-top: 20px;
	}
	#mhcontainer .blog .pagination
	{
    	margin: 0px 0px 40px 0px;
	}
    #mhcontainer .columns>div .inner_bg
    {
        background: none;
        width: auto;
        top: auto;
        bottom: auto;
    }
    #mhcontainer .columns
    {
        margin-bottom: 0;
    }
   
       #mhcontainer.blogcolumns .blog
    {
        width: 100%;
    }
    #mhcontainer.blogcolumns .moduletable_laatstenieuws,
    #mhcontainer.blogcolumns .moduletable_tooncats
    {
        display: none;
    }
}
/***** Tablet (landscape) *****/
@media screen and (min-width: 666px) and (max-width: 976px) {
#mhcontainer .blog .items-row .page-content .mh_image{
	float: left;
	display: inline;
	width: 100%;
	height: 130px;
}
#mhcontainer .blog .items-row .page-header h2{
	font-size: 18px;
}
}