/*==================================================================*/
/*=================    (min-width : 0px) and (max-width : 360px)  =================*/
/*==================================================================*/
@media screen and (min-width : 0px) and (max-width : 360px) {

    /* Styles */
    .nav-global li a.accent {
        display: none !important;
    }

    .iconContainer,
    .headSpacer {
        display: none;
    }

    .insideOverlayHeader {
        font-size: 1.7rem !important;
        margin-top: 1em;
        margin-left: .25em;
    }

    .insideOverlayText {
        font-size: 1rem !important;
        margin-top: 4em;
        margin-left: 1em;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 0px) and (max-width : 419px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 0px) and (max-width : 419px) {
    .notchText .footerIcons {
        padding-right: 1em;
    }

    .fa-phone-alt:before,
    .fa-fax:before {
        padding-right: .85em;
    }

    .mobileNavMenu {
        display: inline-block;
    }

    .MegaMenuContainer {
        /*display: none;*/
        visibility: hidden;
    }

    .MegadnnMenu {
        display: none;
    }

    .Skin h2 {
        line-height: 50px;
    }

    .brandTagConference, .brandTagWebinar, .brandTagInstitute {
        left: -30px;
    }

    .countDownText {
        left: 1em;
    }

    #clockdiv {
        left: 12%;
    }

}


/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 361px) and (max-width : 610.99px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 361px) and (max-width : 610.99px) {
    .insideOverlayHeader {
        font-size: 2rem !important;
        margin-top: 1em;
        margin-left: .25em;
        line-height: 2rem !important;
    }

    .insideOverlayText {
        font-size: 1.2rem !important;
        margin-bottom: 4em;
        margin-left: 1em;
        bottom: 0;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 420px) and (max-width : 767.99px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 420px) and (max-width : 767.99px) {
    /*.insideOverlayHeader {
        font-size: 2.7rem !important;
        line-height: 3rem !important;
        font-family: 'Lato' !important;
        font-weight: 300;
        color: #fff !important;
        position: absolute;
        margin-top: 2em;
        margin-left: .5em;
        z-index: 99;
    }

    .insideOverlayText {
        font-size: 1.3rem !important;
        line-height: 36px !important;
        font-weight: 400;
        font-family: 'Lato';
        color: #fff !important;
        position: absolute;
        margin-top: 7em;
        margin-left: 1.15em;
        z-index: 99;
    }*/
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 0px) and (max-width : 767px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 0px) and (max-width : 767.99px) {
    .FormLabelCol {
        width: 100%;
    }

    .FormControlCol {
        width: 100%
    }

    .fa-5x {
        font-size: 3em !important;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(69%) !important;
    }

    .dnnLogo {
        width: 60%;
    }

    .headSpacer {
        display: none;
    }

    .topNav {
        top: 1.5em !important;
        padding: 0;
        margin: 0;
        float: right;
    }

    .Mega-Menu-Container {
        background: transparent !important;
        border: none !important;
        max-height: 50px !important;
        min-width: 50px !important;
        width: 100% !important;
        margin: 0 !important;
        max-width: 100% !important;
        height: 50px !important;
    }

        .Mega-Menu-Container:hover .Mega-Menu-Top-Left {
            min-width: 50px !important;
            width: 100% !important;
        }

    .Mega-Menu-Top-Left, 
    .Mega-Menu-Top-Right {
        min-height: 50px !important;
        min-width: 50px !important;
    }

    .Mega-Menu-Top-Right {
        display: none !important;
        height: 0px !important;
        width: 0 !important;
        min-height: 0px !important;
    }

    .tab-content {
        border: none !important;
    }

    .hc-nav-trigger span {
        width: 25px !important;
    }

        .hc-nav-trigger span, 
        .hc-nav-trigger span::before, 
        .hc-nav-trigger span::after {
            background: #49A842 !important;
        }

    .iconContainer,
    .headSpacer {
        display: none;
    }

    .hc-offcanvas-nav h2 {
        background: #fff;
        margin-top: 0;
    }

    .hc-offcanvas-nav .nav-container {
        width: 100% !important;
    }

    .hc-offcanvas-nav .nav-container, 
    .hc-offcanvas-nav .nav-wrapper, 
    .hc-offcanvas-nav ul {
        background: #49A842 !important; /* Default Color */
    }

    .hc-offcanvas-nav h2 {
        color: #1b3958 !important; /* Default Color */
        text-align: center !important;
    }

    .hc-offcanvas-nav li.nav-close a,
    .hc-offcanvas-nav li.nav-back a {
        background: #49A842 !important; /* Default Color */
        border-top: none !important; /* Default Color */
        border-bottom: none !important; /* Default Color */
    }

    .hc-offcanvas-nav a,
    .hc-offcanvas-nav .nav-item {
        border-bottom: none !important;
        font-size: 20px !important;
    }

    .hc-offcanvas-nav li.nav-close a:hover,
    .hc-offcanvas-nav li.nav-back a:hover,
    .hc-offcanvas-nav li.nav-close a:visited,
    .hc-offcanvas-nav li.nav-back a:visited {
        background: #49A842 !important;
    }

    .hc-offcanvas-nav:not(.touch-device) a:hover {
        background: #49A842 !important;
    }

    .hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
        border-left: none !important;
    }

    .hc-offcanvas-nav li.nav-close span::before {
        margin-left: -15px !important;
    }

    .hc-offcanvas-nav li.nav-close span::before, 
    .hc-offcanvas-nav li.nav-close span::after {
        width: 12px !important;
        height: 12px !important;
    }

    .nav-tabs > li > a:hover {
        border-color: transparent !important;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-right: none !important;
        border-left: none !important;
    }

    .nav-tabs {
        border: none !important;
    }

        .nav-tabs > li.active > a, 
        .nav-tabs > li.active > a:hover, 
        .nav-tabs > li.active > a:focus {
            border: none !important;
        }

    a.MenuItem.First,
    a.MenuItem.SecondToFirst {
        display: inline-block;
    }

    .Quick-Navigation {
        display: none;
    }

    .homeOrangeBox {
        position: relative;
    }

    .Skin h2 {
        line-height: initial;
    }

    .noMobile {
        display: none !important;
    }

    .arrow_box:after {
        display: none !important;
    }

    .image-overlay {
        height: 100%;
    }

        .image-overlay h1,
        .image-overlay h2,
        .image-overlay h3,
        .image-overlay h4 {
            top: 0em;
            font-size: 40px;
            line-height: 48px;
        }

        .image-overlay p:nth-child(1) {
            display: none !important;
        }

        .image-overlay p {
            top: 3em;
        }

        .image-overlay p {
            display: none;
        }

    p.mobileBtn {
        display: block;
    }

    .grayBoxText {
        padding-top: 0 !important;
        padding-left: .75em !important;
    }

    .btn-blue {
        width: 100%;
    }

    .btn-wire {
        width: 100%;
    }

    [id*=ContainerWrapper] {
        padding: 0;
    }

    .eventTimer {
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }

        .eventTimer a.btn.btn-blue {
            margin-top: 2em;
            margin-bottom: 2em;
        }

    .countdown-container {
        margin-top: 1rem;
        position: relative;
        width: 95%;
    }

    #clockdiv {
        position: relative;
        left: 16%;
    }


    iframe {
        width: 100%;
    }



}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 768px) and (max-width : 990px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 768px) and (max-width : 990px) {
    .iconContainer {
        float: left;
    }
}

@media screen and (min-width : 991px) and (max-width : 1024px) {
    .iconContainer {
        float: right;
        top: -9em;
        position: relative;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-height : 320px) and (max-height: 600px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-height : 320px) and (max-height: 600px) {
    .insideOverlayHeader {
        margin-top: 0;
        font-size: 1.7rem !important;
    }

    .insideOverlayText {
        margin-top: 2em;
    }

    .image-overlay p {
        top: 10em;
    }

    .noMobileImg {
        display: none !important;
    }

    .arrow_box:after {
        display: none;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 768px) and (max-width: 1024px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 768px) and (max-width: 1024.99px) {
    .headSpacer {
        display: none;
    }

    .hc-nav-trigger span {
        width: 25px !important;
    }

        .hc-nav-trigger span,
        .hc-nav-trigger span::before,
        .hc-nav-trigger span::after {
            background: #49A842 !important;
        }

    .Mega-Menu-Container {
        border: none !important;
        background: transparent !important;
        max-width: 100% !important;
    }

    .Mega-Menu-Container {
        background: transparent !important;
        border: none !important;
        max-height: 50px !important;
        min-width: 50px !important;
        width: 100% !important;
        margin: 0 !important;
        max-width: 100% !important;
        height: 50px !important;
    }

        .Mega-Menu-Container:hover .Mega-Menu-Top-Left {
            min-width: 50px !important;
            width: 100% !important;
        }

    .Mega-Menu-Top-Left,
    .Mega-Menu-Top-Right {
        min-height: 50px !important;
        min-width: 50px !important;
    }

    .Mega-Menu-Top-Right {
        display: none !important;
        height: 0px !important;
        width: 0 !important;
        min-height: 0px !important;
    }

    .tab-content {
        
        border: none !important;
    }

    .hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {
        width: 100%;
    }

    /*.hc-offcanvas-nav.is-ios * img#dnn_dnnLogoXS_imgLogo {
        margin-left: 40%;
    }*/

    .hc-offcanvas-nav h2 {
        background: #fff;
        margin-top: 0;
    }

    .hc-offcanvas-nav li.nav-close span::before {
        margin-left: -7px !important;
    }

    .hc-offcanvas-nav .nav-container,
    .hc-offcanvas-nav .nav-wrapper,
    .hc-offcanvas-nav ul {
        background: #49A842 !important; /* Default Color */
    }

    .hc-offcanvas-nav h2 {
        color: #1b3958 !important; /* Default Color */
        text-align: center !important;
    }

    .hc-offcanvas-nav li.nav-close a,
    .hc-offcanvas-nav li.nav-back a {
        background: #49A842 !important; /* Default Color */
        border-top: none !important; /* Default Color */
        border-bottom: none !important; /* Default Color */
    }

    .hc-offcanvas-nav a,
    .hc-offcanvas-nav .nav-item {
        border-bottom: none !important;
        font-size: 20px !important;
    }

    .hc-offcanvas-nav li.nav-close a:hover,
    .hc-offcanvas-nav li.nav-back a:hover,
    .hc-offcanvas-nav li.nav-close a:visited,
    .hc-offcanvas-nav li.nav-back a:visited {
        background: #49A842 !important;
    }

    .hc-offcanvas-nav:not(.touch-device) a:hover {
        background: #49A842 !important;
    }

    .hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
        border-left: none !important;
    }

    .hc-offcanvas-nav li.nav-close span::before {
        margin-left: -15px !important;
    }

    .hc-offcanvas-nav li.nav-close span::before,
    .hc-offcanvas-nav li.nav-close span::after {
        width: 12px !important;
        height: 12px !important;
    }

    .nav-tabs > li > a:hover {
        border-color: transparent !important;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        border-right: none !important;
        border-left: none !important;
    }

    .nav-tabs {
        border: none !important;
    }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            border: none !important;
        }

    a.MenuItem.First,
    a.MenuItem.SecondToFirst {
        display: none;
    }

    .Quick-Navigation {
        display: none;
    }

    
    .topNav {
        top: 1.5em;
        padding: 0;
        margin: 0;
        float: right;
    }

    .iconContainer {
        display: none;
    }

    .homeOrangeBox {
        position: relative;
    }

    .Skin h2 {
        line-height: initial;
    }

    .image-overlay h1, .image-overlay h2, .image-overlay h3, .image-overlay h4 {
        top: 1em;
    }

    .image-overlay p {
        top: 14em;
    }

    .homeBottomLeft {
        margin-top: 20%;
    }
}

@media screen and (min-width : 1025px) and (max-width : 1041px) {
    .topNav {
        top: 0em;
        left: -10em;
    }
}

@media screen and (min-width : 1041px) and (max-width : 1041px) {
    .topNav {
        top: 0em;
        left: -10em;
    }
}

@media screen and (min-width : 1025px) and (max-width : 1200px) {

   .headSpacer {
        display: none;
    }

    .iconContainer {
        top: -4.5em;
    }

    .topNav {
        top: 2em;
        left: 7em;
    }

    .MegaMenu .Wrapper-SubMenu[depthlevel="1"].expanded.navArrow:after {
        display: none;
    }

}

@media screen and (min-width : 1168px) and (max-width : 1199.99px) {
    .dnnLogo {
        width: 25%;
    }

    .iconContainer {
        top: -2.5em;
    }

    .topNav {
        left: 0 !important;
        top: 5em !important;
    }

    .MegaMenu .Wrapper-SubMenu[depthlevel="1"].expanded.navArrow:after {
        display: none;
    }

}

@media screen and (min-width : 1025px) and (max-width : 1424.99px) {
    .iconContainer {
        top: -7em;
    }

    .mobileNavMenu {
        display: none;
    }

    .MegaMenu .Wrapper-SubMenu[depthlevel="1"].expanded.navArrow:after {
        display: none;
    }
}

@media screen and (min-width : 1200px) and (max-width : 1237px) {
    .iconContainer {
        top: 0 !important;
        width: 31% !important;
    }

    .mobileNavMenu {
        display: none;
    }
}

@media screen and (min-width : 1200px) and (max-width : 1359.99px) {
    .iconContainer {
        top: -2em;
        width: 30%;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1360px) and (max-width :1424.99px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1360px) and (max-width : 1424.99px) {
    .iconContainer {
        width: 30%;
        top: -3em;
        position: relative;
    }

    .mobileNavMenu {
        display: none;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1425px)=====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1425px) {
    .iconContainer {
        width: 25%;
        top: 0 !important;
    }

    .mobileNavMenu {
        display: none;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1824px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1824px) {
    .mobileNavMenu {
        display: none;
    }
}