/* Checking for device type and screen size */
@media screen and (max-width: 768px) {
    .static-header {
        display: none !important;
    }

    .responsive-header {
        display: block !important;
    }

    /* Navigation Bar - Responsive */
    #cd-lateral-nav a.fly, #cd-lateral-nav .subProductName {
        font-weight: 600;
    }
    /**/
}

/* Checking for other devices except mobile */
@media screen and (min-width: 769px) {
    .static-header {
        display: block !important;
    }

    .responsive-header {
        display: none !important;
    }

}

@media only screen and (min-width: 769px) {
    *, *:after, *:before {
        -webkit-box-sizing: unset;
        -moz-box-sizing: unset;
        box-sizing: unset;
    }
}

@media only screen and (max-width: 768px) {
    body {
        background-color: #fff;
    }


    #maincontainer {
        all: initial;
        margin: 0;
        padding: 0;
        width: auto;
        box-shadow: none;
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    }

    #panel1 {
        display: none;
    }
    #panel6 {
        font-size: 13px;
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        margin-top: 35px;
        padding-bottom: 2em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }
   
    #leftnavbar {
        display: none;
    }
    .TutorialManualTableTitle {
        margin: 5px;
    }
    .style {
         margin: 5px;
    }
    #responsive-td {
        line-height: 20px;
    }
    .Style-td1 {
        line-height: 20px;
        margin: 0;
    }
    #Style-td1 {
        line-height: 20px;
        margin: 0;
    }
    td {
        /* Behave  like a "row" */      
        position: relative;
       
    }

    #contentwrapper {
        position: relative;
    }

    #panel3 {
        position: relative;
        bottom: 0;
        width: 100%;
        border: solid 1px #CFD9E5;
    }
    .Style-td1 {
        vertical-align: top;
    }
    .Style-td2 {
        vertical-align: top;
    }  
}

@media only screen and (max-width: 510px) {
    .image {
        width: 100%;
        text-align: center;
    }
}