/*******************************************************************************
 ****   Mobile Styles
 ******************************************************************************/
@media (max-width: 10000px) {
    #sliph-cms{
        max-width: 1500px;
    }
    #sliph-content .section{
        margin: 0 10px 10px 20px;
    }
    #sliph-sidebar{
        margin-top: 0;
    }
    #sliph-content > .inner{
        padding-left: 210px;
    }
}
@media (max-width: 1024px) {
    #sliph-cms{
        max-width: 1024px;
    }
    #sliph-content .section{
        margin: 0 5px 5px 10px;
    }
    #sliph-sidebar{
        margin-top: -10px;
    }
    #sliph-content > .inner{
        padding-left: 200px;
    }
}
@media (max-width: 900px) {
    .sliph-view .ui-button{
        margin: 0 2px 2px 0;
    }
    .sliph-view .ui-buttonset .ui-button{
        margin: 0;
    }
    .sliph-view .ui-button.icon span{
        padding-left: 25px;
    }
    .sliph-view .ui-button.icon.no-text span{
        padding-left: 1.3em;
    }
    .mobile-clear{
        clear: left;
    }
    .mobile-hide{
        display: none;
    }
}

@media (max-width: 800px) {
    #sliph-cms{
        max-width: 800px;
    }
    #sliph-content {
        margin-top: -5px;
    }
    #sliph-content .section{
        margin: 0 5px 5px 5px;
    }
    #sliph-sidebar{
        margin-top: -15px;
        width: 170px;
    }
    #sliph-sidebar .inner{
        padding: 0;
    }
    #sliph-content .section .title{
        padding: 5px;
        font-size: 0.8em;
    }
    #sliph-content > .inner{
        padding-right: 3px;
        padding-left: 170px;
    }
    table td,
    table th{
        padding: 2px;
    }
    .sliph-view .ui-button.icon.no-text span{
        padding-left: 1.5em;
    }
}