/*==================================================================*/
/*==================================================================*/
/*===== (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;
    }

    

    .hc-offcanvas-nav h2 img {
        width: 100%;
    }

    html,
    body {
        overflow-x: hidden !important;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 0px) and (max-width : 419px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 0px) and (max-width : 419px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    .Skin .headLink a {
        font-size: 12px !important;
        font-weight: 400;
    }

    .Skin .headNav {
        font-size: 12px !important;
    }

        .Skin .headNav a {
            font-weight: 400;
        }

        .mobileNavMenu {
            display: inline-block;
        }

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

    .MegadnnMenu {
        display: none;
    }

    .dnnLogo {
        width: 100%;
    }

    .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 {
        display: none !important;
        min-height: 0px !important;
        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: #33568b !important;
        }

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

        .hc-offcanvas-nav h2 img {
            width: 100%;
        }

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

    .hc-offcanvas-nav .nav-container,
    .hc-offcanvas-nav .nav-wrapper,
    .hc-offcanvas-nav ul {
        background: #33568b !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: #33568b !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: #33568b !important;
    }

    .hc-offcanvas-nav:not(.touch-device) a:hover {
        background: #33568b !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;
        }

    [id*=customSearch] {
        margin-top: 0em !important;
    }

    .Skin .headLink {
        padding-top: .68em;
    }

    .carousel-inner > .item {
        margin-left: 1em !important;
    }

    .carousel-inner > .item {
        width: 90px;
    }
}




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

    .boxImages {
        flex-direction: column;
    }

    .Skin .headLink {
        padding-top: .85em;
    }

    .Skin .headLogo {
        padding-left: 10px;
        width: 15%;
    }

    .mobilePad {
        padding: 0;
    }

    .Skin .headNav {
        padding-right: 5px;
        font-size: 13px;
        margin-top: .15em;
    }

    .carousel-control.left {
        left: -.5em;
    }

    .carousel-control.right {
        right: -.4em;
    }

    .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 {
        display: none !important;
        min-height: 0px !important;
        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: #33568b !important;
        }

    .iconContainer {
        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: #33568b !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: #33568b !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: #33568b !important;
    }

    .hc-offcanvas-nav:not(.touch-device) a:hover {
        background: #33568b !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;
        }

    .lgBlock {
        min-height: 8em;
    }

    a.SimpleSearchBtn, 
    a.SimpleSearchBtn:link, 
    a.SimpleSearchBtn:visited, 
    a.AuthorSearchBtn, 
    a.AuthorSearchBtn:link, 
    a.AuthorSearchBtn:visited, 
    a.AdvancedSearchBtn, 
    a.AdvancedSearchBtn:link, 
    a.AdvancedSearchBtn:visited, 
    a.UnitSearchBtn, 
    a.UnitSearchBtn:link, 
    a.UnitSearchBtn:visited {
        margin-bottom: 2em;
    }

    .buttonSection {
        margin-bottom: 1em;
    }

    .Skin .head {
        
    }

    .footerDetails img {
        width: 50% !important;
    }
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-height : 320px) and (max-height: 600px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-height : 320px) and (max-height: 600px) {
   
}



/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 768px) and (max-width: 1024px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 768px) and (max-width: 1024.99px) {

    .Skin .headLogo {
        width: 15%;
    }

    .carousel-inner > .item {
        margin-left: 1.5em !important;
    }

    .carousel-control.left {
        left: 0;
    }

    .carousel-control.right {
        right: 0;
    }

    .mobileNavMenu {
        float: right;
    }


    .nav-content h2 img#dnn_dnnLogoXS_imgLogo {
        width: 75%;
        padding: 0;
    }

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

        .hc-nav-trigger span,
        .hc-nav-trigger span::before,
        .hc-nav-trigger span::after {
            background: #33568b !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 {
        display: none !important;
        min-height: 0px !important;
        border: none !important;
    }

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

    .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: #33568b !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: #33568b !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: #33568b !important;
    }

    .hc-offcanvas-nav:not(.touch-device) a:hover {
        background: #33568b !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;
        }

    
}





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

    
}



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

    .mobileNavMenu {
        display: none;
    }

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

    
}

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

    
}




/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1200px) and (max-width: 1237px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1201px) and (max-width : 1237px) {

    .mobileNavMenu {
        display: none;
    }

}

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

    .mobileNavMenu {
        display: none;
    }

    
}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1200px) and (max-width: 1321.99px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1200px) and (max-width : 1321.99px) {
    
}


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

    
}

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

}

/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1425px)=====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1425px) {
    
}






/*==================================================================*/
/*==================================================================*/
/*===== (min-width : 1920px) =====*/
/*==================================================================*/
/*==================================================================*/
@media screen and (min-width : 1920px) {
    
}