﻿
@media screen and (min-width : 0px) and (max-width : 480px)
{
    /* Styles */
    .col-lg-0,
    .col-md-0 {
        display: none !important;
    }

    .col-sm-0,
    .col-xs-0 {
        display: inline-block !important;
    }

    .MegaMenuContainer {
        padding-left: .5em !important;
    }

        .MegaMenuContainer .Top-Level {
            display: none !important;
        }



    .dropbtn {
        background-color: transparent;
        color: #fff;
        border: none;
        cursor: pointer;
    }

        .dropbtn:hover, .dropbtn:focus {
            background-color: transparent;
        }

    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: transparent;
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

    .dropdown a:hover {
        background-color: transparent;
    }

    .show {
        display: block;
    }

    .MobileNavigationIcon {
        margin-bottom: 1em;
        float: right;
        margin-right: 2em;
    }

    h5[depthlevel="1"] {
        font-size: 1em !important;
        padding: .5em !important;
    }

    h5[depthlevel="2"] {
        font-size: 1em;
        padding: .5em !important;
        padding-left: 1.5em !important;
    }
}

@media screen and (max-width : 480px)
{
    /* Styles */

    .MegaMenuContainer * {
        display: grid;
        text-align: left;
        float: left;
    }

    .MobileNavigationIcon {
        margin-bottom: 1em;
        float: right;
        margin-right: 2em;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .col-lg-0,
    .col-md-0 {
        display: none !important;
    }

    .col-sm-0,
    .col-xs-0 {
        display: inline-block !important;
    }

    .MegaMenuContainer {
        padding-left: .5em !important;
    }

        .MegaMenuContainer .Top-Level {
            display: none !important;
        }

    .MobileNavigationIcon {
        margin-bottom: 1em;
        float: right;
        margin-right: 2em;
    }
}

@media screen and (min-width : 768px) and (max-width : 1024px) 
{
    /* Styles */
    .col-lg-0,
    .col-md-0 {
        display: none !important;
    }

    .col-sm-0,
    .col-xs-0 {
        display: inline-block !important;
    }

    .MegaMenuContainer {
        padding-left: .5em !important;
        display: none !important;
    }

        .MegaMenuContainer .Top-Level {
            display: none !important;
        }
}

@media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape)
{
    /* Styles */
    .col-lg-0,
    .col-md-0 {
        display: none !important;
    }

    .col-sm-0,
    .col-xs-0 {
        display: inline-block !important;
    }

    .MegaMenuContainer {
        /*padding-top: 2em !important;*/
        padding-left: .5em !important;
        display: none !important;
    }

        .MegaMenuContainer .Top-Level {
            display: none !important;
        }
}

@media screen and (min-width : 0px) and (max-width : 1200px) {

    .dropbtn {
        background-color: transparent;
        color: #fff;
        border: none;
        cursor: pointer;
    }

        .dropbtn:hover, .dropbtn:focus {
            background-color: transparent;
        }

    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: transparent;
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

    .dropdown a:hover {
        background-color: transparent;
    }

    .show {
        display: block;
    }

    .col-lg-0,
    .col-md-0 {
        display: none !important;
    }

    .col-sm-0,
    .col-xs-0 {
        display: inline-block !important;
    }

    .MegaMenuContainer .Top-Level {
        display: none !important;
    }

    .MegaMenuContainer .Mobile a {
        display: grid;
        width: 100%;
        text-align: center;
        padding: .25em;
        float: unset !important;
        margin-left: -.05em;
    }
}

@media screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : portrait) {
    /* Styles */
    .col-lg-0,
    .col-md-0 {
        display: none !important;
    }

    .col-sm-0,
    .col-xs-0 {
        display: none !important;
    }

    .MegaMenuContainer {
        padding-left: .5em !important;
        display: none !important;
    }

        .MegaMenuContainer .Top-Level {
            display: none !important;
        }
}

@media screen and (min-device-width : 1201px) and (max-device-width : 1375px) {
    .MegaMenu[DepthLevel="0"] > a, .MegaMenu[DepthLevel="0"] > span {
        margin-right: 0 !important;
    }
}

@media screen and (min-width : 1500px) {
    .MegaMenu[DepthLevel="0"] > a,
    .MegaMenu[DepthLevel="0"] > span {
        margin-right: .75em !important;
        /*font-size: 1em !important;*/
    }

    .MegaMenu[DepthLevel="0"]:nth-last-child(2),
    .MegaMenu[DepthLevel="0"]:last-child {
    }
}

@media screen and (min-width : 1616px) {
    .MegaMenu[DepthLevel="0"]:nth-last-child(2),
    .MegaMenu[DepthLevel="0"]:last-child {
        clear: unset;
    }
}

@media screen and (min-width : 1881px) {
    .MegaMenu[DepthLevel="0"]:nth-last-child(2),
    .MegaMenu[DepthLevel="0"]:last-child {
        clear: unset;
    }
}
