@media only screen and (max-width: 1200px) {
    /*start Sticky*/
    .sticky {
        width: 47em;
    }

    .sticky-fixed {
        width: 47em;
    }

    .groupsUnitList{
        width:98%;
    }
}
@media only screen and (max-width: 1140px) {
    .sticky {
        width: 40em;
    }

    .sticky-fixed {
        width: 40em;
    }

    #viewport {
        height: 340px;
    }
}

@media only screen and (max-width: 1136px) {
    /*.sticky {
        width: 100%
    }

    .sticky-fixed {
        width: 100%
    }*/

    #viewport{
        width:98%;
    }

    /*.oem-container-result {
        width: 100%;
    }*/
}

@media only screen and (max-width: 1080px) {
    /*.sticky {
        width: 38em;
    }

    .sticky-fixed {
        width: 38em;
    }*/
    #viewport {
        width: 97%;
    }

    .unitList .unitItem {
        width: 42%;
    }
    .tree-header {
        font-size: 12px;
    }
}

/*@media only screen and (max-width: 1024px) {
    .sticky {
        width: 38em;
    }

    .sticky-fixed {
        width: 38em;
    }
}*/
@media only screen and (max-width: 960px) {
    .sticky {
        width: 26em;
    }

    .sticky-fixed {
        width: 26em;
    }

    .oem-container-result {
        width: 50%;
    }

    #viewport {
        height: 300px;
    }

    .oem-container table {
        font-size: 12px;
    }
}
@media only screen and (max-width: 768px) {

    .sticky {
        width: 100%
    }

    .sticky-fixed {
        width: 100%
    }

    #viewport {
        width: 96%;
    }

    .oem-container-result {
        width: 100%;
    }
    
    .groupsUnitList td {
        display: block;
    }

    .unitList .unitItem {
        width: 94%;
    }

    .tree-header {
        font-size: 10px;
    }
}