body { min-width: 360px; }
.wrapper { min-width: 360px; }
@media (max-width: 1024px)and (min-width: 0) {
    #docs{
        width: auto !important;
    }
    #docs .cats{display: none;}
    #docs > div.content{
        width: auto !important;
        display: unset;
    }
    #docs > div.content > div{
        padding: 0 0 0 0px !important;
        /*max-width: 845px;*/
        margin: 0 auto;
        width: 90%;
    }
    #docs > div.content > div > div.nav_cats{
        border-bottom: none !important;
    }

    #docs > div.content > div > div.item > div.text > div.bar{
        padding: 0 20px 0 20px !important;
        margin-right: -20px;
    }
    #docs > div.content > div > div.item > div.text > table{
        width: 100% !important;
    }
    #docs > div.content > div > div.item > div.text p img{
        width: 100% !important;
    }
    #docs > div.content > div > div.item > div.text .syntaxhighlighter{
        width: auto !important;
    }
    #docs > div.content > div > div.item > div.text table tbody tr td{
        width: auto !important;
        /*word-break: break-all;*/
    }
    #docs > div.content > div > div.item > div.text table tbody tr td code{
        /*width: auto !important;*/
        /*word-break: break-all;*/
        word-break: break-word;
    }
    #docs .content .item .title{
        width: 100% !important;
    }
    #docs > div.content .index{
        width: 100% !important;
    }
    #docs > div.content .index .banner{
        display: none;
    }
    div.content > div > div.index > div.items > div{
        width: auto;
    }
    div.content > div > div.index > div.items > div.latest{
        border-right: unset;
    }
    #docs > div.content > div > div.index > p:nth-child(2){
        margin-top: 0px !important;
    }
    #docs > div.content > div > div.item > div.text .programguaid-top .float-left{
        float: unset !important;
    }
    #docs > div.content > div > div.item > div.text .programguaid-top .width600{
        width: auto;
    }
    #docs > div.content > div > div.item > div.text .programguaid-top .width600 .probutton{
        width: auto;
    }

    #docs > div.content > div > div.item > div.text .Program-Guide-Content{
        width: 100% !important;
        /*word-break: break-all;*/
    }
    #docs > div.content > div > div.item > div.text table.Program-Guide-Content tbody tr td{
        width: 100% !important;
        /*word-break: break-all;*/
    }
    #docs > div.content > div > div.item > div.text table.Program-Guide-Content tbody tr{
        display: grid;
    }
    #docs > div.content > div > div.item > div.text table.Program-Guide-Content tbody tr td .programguaid-box{
        width: 100% !important;
    }
    #docs > div.content > div > div.item > div > div.programguaid-top > div:nth-child(1){
        text-align: center;
    }
    #docs > div.content > div > div.item > div.text .k2_tabs{
        width: 100%;
    }
    #docs > div.content > div > div.item > div.text .k2_tabs .tab_content{
        width: 100%;
    }
}