@media (min-width:320px) and (max-width:480px) {
    /* smartphones, iPhone, portrait 480x320 phones */
    #main{
        width:auto !important;
    }
    #header{
        padding: 10px;
    }
    #header a.logo{
        width: 115px;
        height: 32px;
        margin-left: 0;
        margin-right: 20px;
    }
    #header .menu,
    #header .profile{
        display: none;
    }
    .leftpanelmask{
        position: relative;
        width: 100%;
    }
    .sidepanel{
        width: 100%;
    }
    .search{
        margin-top: 0;
        float: right;
    }
    .sidepanel .minscroll{
        display: none;
    }
    .sectiontabs{
        display: none;
    }
    .sectioncontents{
        margin-left: 0;
    }
    .search .searchin{
        width: 171px;
    }
    .search .searchbox{
        width: 140px;
    }
    .contents{
        top: 64px;
    }
}
@media (min-width:481px) {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width:641px) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}
@media (min-width:961px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
}
@media (min-width:1281px) {
    /* hi-res laptops and desktops */
}