/* Mobile layout */
@media only screen and (max-width: 768px) {
    html {
        background-color: #c02026;
        padding: 0px;
        margin: 0px;
    }
    body {
        background-image: none !important;
        padding: 10px;
        margin: 0px;
        text-align: center
    }
    .homepage {
        background-image: none;
        min-width: 320px;
    }
    #container {
        width: 100% !important;
        background-color: #fff;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    /*Header Wrapper Info*/
    #header_wrap {
        background-image: none !important;
        height: 125px !important;
        padding: 10px !important;
        margin: 0px;
        text-align: center;
        width: 100% !important;
    }
    #header_wrap #header {
        width: 100% !important;
        margin: 0px;
        padding: 0px 0px 10px 0px;
    }

    /*Menu Box*/
    #header_wrap #menu {
        width: 100% !important;
        background-image: none;
        background-color: #c02026;
        height: 30px !important;
        line-height: 30px;
        text-transform: uppercase;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0px !important;
        margin: 0px !important; 
        overflow: hidden !important;
    }
    #header_wrap #menu ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
        list-style-image: none;	
    }
    #header_wrap #menu ul li {
        font: 11px Arial, Helvetica, sans-serif !important;
        background-image: none;
        padding: 0px 5px 0px 5px;
        margin: 0px;
        list-style: none;
        list-style-image: none;
        float: left;
        line-height: 30px !important;
    }

    /*Contentarea Informations*/
    #contentarea {
        background-image: none !important;
        width: 100% !important;
        padding: 10px !important;
        margin: 0px !important;
    }
    #contents {
        background-image: none !important;
        width: auto !important;
    }

    /*Icon Box*/
    #icon_box {
        padding: 0px;
        margin: 0px !important;
    }
    #icon_box .category {
        padding: 5px !important;
        margin: 0px 0px 5px !important;
        list-style: none;
        list-style-image: none;
        width: 100% !important;
        height: 40px;
        background-color: #f6f6f6;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: solid 1px #e2e2e2;
    }
    #icon_box .category .icon_img {
        height: 30px !important;
        width: 30px !important;
        float: left;
    }
    #icon_box .category .icon_name {
        text-align: center !important;
        font: bold 11px Arial, Helvetica, sans-serif !important;
        text-transform: uppercase;
        color: #000;
        height: 30px;
        padding-left: 10px !important;
        line-height: 30px !important;
    }