/*------------------------------------------------------------------*/ 
/*	3) Note: Design for a width of 320 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 479px){
    
    body {
        background:#CCC;
    }    

    /*------------------------------------------------------------------*/ 
    /*	1) Header
    /*------------------------------------------------------------------*/
    .logo{margin-left:0; width:100%; text-align:center;}
    .logo img{max-width:300px;}
    .search{margin:0 40px 10px 0;}
    .device-menu{ display:block; margin-top:10px;}
    ul.sf-menu { display:none; }

    /*------------------------------------------------------------------*/ 
    /*	3) Slider
    /*------------------------------------------------------------------*/
    .main-slider {
        width:300px;
        margin:0;
    }
    .slider2, .slider3{
        display:none;
    }
    /*------------------------------------------------------------------*/ 
    /*	3) Content
    /*------------------------------------------------------------------*/
    .main-content{
        width:100%;
    }
    .outertight{
        width:100%;
        margin-right:0;
    }
    .outertight img{
        max-width:100%;
    }
    .outerwide{
        width:100%;
    }
    .wnews li{
        width:300px;
    }
    .wnews li img{
        max-width:140px;
    }

    .block2 li{
        width:100%;
        margin-right:0;
    }
    .relatednews ul li:nth-child(2n){
        margin-right:0;
    }
    /*------------------------------------------------------------------*/ 
    /*	4) Comments
    /*------------------------------------------------------------------*/
    .commment-text-wrap{
        width:180px;
    }
    ul.children li div.commment-text-wrap{
        width:180px;
    }
    ul.children li li div.commment-text-wrap{
        width:180px;
    }
    ul.children li li li div.commment-text-wrap{
        width:180px;
    }
    ul.children{
        margin-left:0;
        border:0;
        margin-left:-19px;
    }
    .form textarea{
        width:278px;
    }
    
    .sidebar{
        display: none;
    }
    
    .search-filter {
        width: 95% !important;
    }   
    
    .search-filter #search-artist,#search-title,#search-songtekst{
        width:158px;
    }
    
    .keuze {
        width: 250px;
    }
    
    .device-menu {
        margin-top: 0px;
    }
    
    .logo {
        margin: 35px 0 0 0;
    }
}