﻿/* 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;
    }
}

#ContentPanel a {
    color: blue;
}

.articleOrderedList a {
    color: blue;
}
#panel2 a{
    color: blue;
}

/* Checking for device type and screen size */
@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;
    }

    .collapsible {
        display: list-item;
        list-style-image: url(/images/right_arrow.png) !important;
        color: white;
        cursor: pointer;
        border: none;
        text-align: left;
        outline: none;
        font-size: 13px !important;
        font-weight: initial;
        color: blue !important;
    }

        .activeItem, .collapsible:hover {
            background-color: #555;
        }
            .activeItem {
                list-style-image: url(/images/down_arrow.png) !important;
            }

    .content {
        display: none;
        overflow: hidden;
        font-size: 13px;
    }

    #contentwrapper {
        margin-top: 50px;
    }

    #faqpanel2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #panel1 {
        display: none;
    }

    #faqpanel2 {
        margin: 0;
    }

        #faqpanel2 h1 {
            font-size: 20px !important;
        }

    #ContentPanel ul, #ContentPanel h5 {
        display: none;
    }

    #ContentPanel {
        margin-left: 10px;
    }

        #ContentPanel li {
            margin-left: 10px;
        }

            #ContentPanel li a {
                color: blue;
            }


    /*article pages responsive*/
    #panel2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .articleOrderedList{
        padding-left: 0 !important;
        margin-left: 15px !important;
        color: blue;
    }

    .articleOrderedList ul{
        margin-left: 0 !important;
        padding-left: 12px !important;
    }

        .articleOrderedList ul li {
            list-style-image: url(/images/right_arrow.png) !important;
        }
}

@media only screen and (min-width : 769px) and (max-width : 1000px) {
    #headerbg {
        background-color: transparent !important;
    }

    #header img {
        height: 68px !important;
    }
}

#ContentPanel a:visited {
    color: blueviolet !important;
}