/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  --------------------------------------------------------------------------------------------------------- For portrait smart phones (320 wide)  */
/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */



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

.content{
    width: 320px;
}

#navbtn {
    width: 10px;
    background-position: 0 0;
    }
#navbtn span{
    display: none;
}


.projectlisting img{
    float: none;
    width: 100%;
}
.projectlisting .summary {
    float: none;
    padding: 5px 0 0;    
    width: 100%;
}


ul.roxgal li{
    width: 275px;
}


form.basicform{
    padding: 8px
}


/*  ---end---  */
}