/* Responsive Media Queries
--------------------------- */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .top,.bg-nav,.mainnav,.icon-angle-down.icon, #slider{display:none;}
    .slicknav_menu {display:block;}
    
    #logo{
        position:absolute;
        background:url("../gfx/sprites/logo-xs23d.png")right;
        width:140px;
        height: 120px;
    }
    
    .account{
        font-size:1.0rem;
        width:100px;
    }
    
    header{
        height:130px;
    }
    #breadcrumb-wrapper{
        width:96%;
        padding:0 3%;
    }
    #content-main{
        width:96%;
        padding:0 3%;
    }
    #content-right{
        width:96%;
        padding-right:3%;
    }
    
    #blue{
        float:left;
        width:100%;
    }
    
    #blue-wrapper .blue-left{
        width:100%;
        }
        #blue-wrapper .blue-left .title .subtitle,
        #blue-wrapper .blue-right .title .subtitle{
            font-size:1.1rem;
        }
        #blue-wrapper .blue-left .link .jouw-reactie a,
        #blue-wrapper .blue-left .link .meer-reacties a
        {
            font-size:1.0rem;
        }
        #blue-wrapper .blue-left .link .jouw-reactie a span, #blue-wrapper .blue-left .link .meer-reacties a span{
            display:none;
        }
    #blue-wrapper .blue-right{
        width:100%;
        margin-top:30px;
    }
    
    section h1{
        font-size:3.0rem;
        padding:0;
    }
    
    .block.first{
        padding:0;
        margin:0 0 20px 0;
    }
    .block{
        width:100%;
        margin:0 0 20px 0;
    }
    .reactie{
        font-size:1.0rem;
    }
	#search {
		top: -65px;
	}
}


/* Mobile Sizes (devices and browser) */
@media only screen and (max-width: 480px) {
    #mobile{ display:none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #mobile{ display:none;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #mobile{ display:none;}
}