/*--------------------------------------------------------------
    Header
--------------------------------------------------------------*/

    #header-wrapper {
        float: left;
        margin: 0 0 100px;
        padding: 0;
        position: relative;
        width: 100%;
    }

    #header {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 10;
    }

    #header-wrapper #header:only-child .dt-no-header-builder-content {
        position: relative;
    }

    #header-wrapper #header:only-child .dt-no-header-builder-content:before {
        background-color: inherit;
        content: "";
        display: inline !important;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        width: 9999px;
        z-index: -1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .dt-no-header-builder-content .no-header {
        min-height: 90px;
        position: relative;

        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .dt-no-header-builder-content .no-header .no-header-logo {
        width: 30%;
    }

    .dt-no-header-builder-content .no-header .no-header-logo:only-child { text-align: center; width: 100%; }

    .dt-no-header-builder-content .no-header .no-header-logo>a {
        display: inline-block;
    }

    .dt-no-header-builder-content .no-header .no-header-logo a img,
    .dt-logo-container a img {
        max-width: 180px;
    }

    .dt-no-header-builder-content .no-header .no-header-logo .alternate_logo {
        display: none;
    }

    .dt-no-header-builder-content .no-header .no-header-logo h2 {
        margin: 10px 0;
    }


/*--------------------------------------------------------------
    Header Menu Navigation
--------------------------------------------------------------*/

    .dt-header-menu ul>li,
    .dt-header-menu ul>li a,
    .dt-header-menu ul>li>a:before,
    .dt-header-menu ul>li>a:after,
    .dt-header-menu ul>li a>span,
    .dt-header-menu ul>li a>span:before {
        -webkit-transition: var(--DTBaseTransition);
        transition: var(--DTBaseTransition);
    }

    .dt-header-menu,
    .dt-header-menu ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .dt-header-menu > ul { text-align: inherit; }
    .dt-header-menu ul ul { text-align: left; }

    .dt-no-header-builder-content.aligncenter .no-header .dt-header-menu,
    .dt-no-header-builder-content.aligncenter .no-header .dt-header-menu>ul  {
        text-align: center;
    }

    .dt-header-menu,
    .dt-header-menu li {
        display: inline-block;
        font-size: 0;
        line-height: 0;
        vertical-align: middle;
    }

    .dt-header-menu li {
        line-height: normal;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .dt-header-menu li a,
    .dt-header-menu ul li ul.children >li>a,
    .dt-header-menu ul li ul.sub-menu >li>a,
    .dt-header-menu ul li.has-mega-menu ul li.menu-item-object-dt_mega_menus li {
        font-size: var(--DTFontSize_Base);
        line-height: 1.4;
        text-transform: none;
    }

    .dt-header-menu ul li ul.children >li>a,
    .dt-header-menu ul li ul.sub-menu >li>a,
    .dt-header-menu ul li.has-mega-menu ul li.menu-item-object-dt_mega_menus li {
        font-size: 16px; 
    }

    .dt-header-menu ul li.has-mega-menu>ul .elementor-section-stretched {
        left: 0 !important;
        width: auto !important;
    }

    .dt-header-menu .dt-primary-nav > li > a {
        display: inline-block;
        padding: 30px 15px;
        position: relative;
        vertical-align: middle;
    }   

    .dt-header-menu .dt-primary-nav > li > a:empty {
        display: none;
    }

    .dt-header-menu ul li ul.children > li>a,
    .dt-header-menu ul li ul.sub-menu > li>a,
    .dt-header-menu ul li.has-mega-menu ul.menu > li > a {
        border-bottom: 1px solid;
        padding: 10px 15px;
    }

    .dt-header-menu ul li ul.children > li:last-child>a,
    .dt-header-menu ul li ul.sub-menu > li:last-child>a,
    .dt-header-menu ul li.has-mega-menu ul.menu > li:last-child > a {
        border-bottom-width: 0;
    }

    .dt-header-menu ul li ul.children,
    .dt-header-menu ul li ul.sub-menu, 
    .dt-header-menu ul li.has-mega-menu > ul {
        border-bottom: 3px solid;
        display: none;
        margin: 0;
        opacity: 0;
        padding: 10px 0;
        position: absolute;
        left: 0;
        top: 100%;
        text-align: left;
        visibility: hidden;
        z-index: 10;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }

    .dt-header-menu ul.children>li:last-child>ul,
    .dt-header-menu ul.children>li:nth-last-child(2)>ul,
    .dt-header-menu ul.sub-menu>li:last-child>ul,
    .dt-header-menu ul.sub-menu>li:nth-last-child(2)>ul {
        left: auto;
        right: 0;
    }

    .dt-header-menu ul li ul.children,
    .dt-header-menu ul li ul.sub-menu {
        width: 220px;
    }

    .dt-header-menu ul li.has-mega-menu>ul {
        font-size: 14px;
        margin: 0 auto;
        position: absolute;
        left: auto;
        right: auto;
        width: auto;
    }

    .dt-header-menu li.has-mega-menu ul ul {
        display: block;
        opacity: 1;
        position: static;
        visibility: visible;
    }

    .dt-header-menu li.has-mega-menu ul ul.children,
    .dt-header-menu li.has-mega-menu ul ul.sub-menu { display: none !important; }

    .dt-header-menu ul li ul.children li,
    .dt-header-menu ul li ul.sub-menu li {
        margin: 0;
    }

    .dt-header-menu ul li ul.children li ul,
    .dt-header-menu ul li ul.sub-menu li ul {
        left: 100%;
        top: -10px; 
    }
    

    .dt-header-menu ul li.menu-item-depth-2>ul,
    .dt-header-menu ul li.menu-item-depth-4>ul,
    .dt-header-menu ul li.menu-item-depth-6>ul,
    .dt-header-menu ul li.menu-item-depth-8>ul,
    .dt-header-menu ul li.menu-item-depth-10>ul,

    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-1>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-3>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-5>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-7>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-9>ul { right: -100%; left: auto; }

    .dt-header-menu ul li.menu-item-depth-1>ul,
    .dt-header-menu ul li.menu-item-depth-3>ul,
    .dt-header-menu ul li.menu-item-depth-5>ul,
    .dt-header-menu ul li.menu-item-depth-7>ul,
    .dt-header-menu ul li.menu-item-depth-9>ul,

    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-2>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-4>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-6>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-8>ul,
    .dt-header-menu ul li.menu-item-has-children > ul > li:nth-child(n+2) ul li.menu-item-depth-10>ul { right: 100%; left: auto; }

    .dt-header-menu ul li.has-mega-menu:last-child>ul,
    .dt-header-menu ul li.has-mega-menu:nth-last-child(2)>ul {
        left: 0;
        right: auto;
    }

    .dt-header-menu ul.children li, .dt-header-menu ul.children li a,
    .dt-header-menu ul.sub-menu li, .dt-header-menu ul.sub-menu li a {
        display: inline-block;
        width: 100%;
    }

    .dt-header-menu ul li:hover>ul {
        display: block; 
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
    } 

    .dt-header-menu ul li.menu-item-depth-0 > ul { margin-top: -5px; }   
    .dt-header-menu ul li.menu-item-depth-0:hover>ul { margin-top: 0; }   


/*--------------------------------------------------------------
    Mobile Menu Navigation
--------------------------------------------------------------*/

    .mobile-nav-container .menu-trigger {
        color: var(--DTHeadAltColor);
        cursor: pointer;
        transition: var(--DTBaseTransition);
    }

    .mobile-nav-container .menu-trigger:hover {
        color: var(--DTSecondaryColor);
    }

    .mobile-nav-container .menu-trigger>i:before {
        content: "\f0c9";
        font-family: "DT Icons";
        font-size: 18px;
        font-style: normal;
    }

    .mobile-nav-container .menu-trigger>i,
    .mobile-nav-container .menu-trigger>span {
        display: inline-block;
        font-size: 1.1rem;
        padding: 0 5px;
        vertical-align: middle;
    }

    .mobile-menu,
    .mobile-menu ul,
    .mobile-menu ul li {
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .mobile-menu ul li {
        position: static;
    }

    .mobile-menu ul > li > a,
    .mobile-menu ul ul > li > a {
        border-style: solid;
        border-width: 1px 0 0;
        display: block;
        font-size: 16px;
        padding: 5px 15px;
    }

    .mobile-menu ul > li > a,
    .mobile-menu ul ul > li > a {
        min-height: 42px;
        line-height: 42px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .mobile-menu ul li.has-mega-menu ul > li > a { padding-left: 0; padding-right: 0; }

    .mobile-menu,
    .mobile-menu > ul,
    .mobile-menu > ul > li ul.children,
    .mobile-menu > ul > li ul.sub-menu,
    .mobile-menu > ul > li ul.children li > ul,
    .mobile-menu > ul > li ul.sub-menu li > ul {
        border-width: 0;
        display: block;
        height: 100%;
        margin: 0;
        opacity: 1;
        overflow-y: visible;
        overflow-x: hidden;
        padding: 0;
        position: fixed;
        left: auto !important;
        right: 0 !important;
        top: 0 !important;
        visibility: visible;
        width: 100%;
        z-index: 5;
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: transform 0.3s;
        transition: transform 0.3s;
    }

    .mobile-menu {
        max-width: 260px;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: opacity .25s ease-in-out 0s, visibility 0.25s ease-in-out 0s, transform .3s ease-in-out 0.25s;
        transition: opacity .25s ease-in-out 0s, visibility 0.25s ease-in-out 0s, transform .3s ease-in-out 0.25s;
    }

    .mobile-nav-offcanvas-right .mobile-menu {
        right: 0;
    }

    .mobile-nav-offcanvas-left .mobile-menu {
        left: 0;
        right: auto;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .mobile-menu.is-hidden,
    .mobile-menu ul.is-hidden,
    .mobile-menu ul li ul.is-hidden {
        -webkit-transform: translateX(100%) !important;
        transform: translateX(100%) !important;
    }

    .mobile-menu li.has-mega-menu ul ul.children,
    .mobile-menu li.has-mega-menu ul ul.sub-menu { display: none !important; }    

    .mobile-menu.nav-is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .25s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
        transition: transform .25s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
    }

    .mobile-menu ul {
        min-width: 100% !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
    }

    .mobile-menu ul li {
        float: left;
        width: 100%;
    }

    .mobile-menu ul li.go-back a {
        border-width: 0 !important;
        height: 100%;
        padding: 0;
    }

    .mobile-menu ul li.go-back a,
    .mobile-menu li[class*="has-children"] > a,
    .mobile-menu li[class*="has_children"] > a {
        position: relative;
    }

    .mobile-menu li[class*="has-children"] > a,
    .mobile-menu li[class*="has_children"] > a {
        padding-right: 40px;
    }

    .mobile-menu ul li.go-back,
    .mobile-menu ul li.close-nav {
        display: inline-block;
        height: 50px;
        width: 100%;
    }

    .mobile-menu ul ul li.go-back,
    .mobile-menu ul ul li.close-nav {
        width: 50%;
    }

    .mobile-menu ul li.close-nav {
        border-width: 0 !important;
        float: right; 
        line-height: 50px;
        position: relative;
        top: 0;
        right: 0;
        z-index: 5;
        text-align: center;
        width: 50px;
        cursor: pointer;
    }

    .mobile-menu ul li.close-nav:before,
    .mobile-menu ul li.close-nav:after {
        content: "";
        height: 35%;
        margin: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        width: 2px;
    }

    .mobile-menu ul ul li.go-back:before,
    .mobile-menu ul ul li.close-nav:before,
    .mobile-menu ul ul li.go-back:after,
    .mobile-menu ul ul li.close-nav:after {
        margin: auto 0;
        left: auto;
        right: 20px;
    }

    .mobile-menu ul li.close-nav:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mobile-menu ul li.close-nav:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mobile-menu ul li.close-nav:hover:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mobile-menu ul li.close-nav:hover:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mobile-menu ul li.go-back a:before,
    .mobile-menu ul li.go-back a:after,
    .mobile-menu li[class*="has-children"] > a:before,
    .mobile-menu li[class*="has-children"] > a:after,
    .mobile-menu li[class*="has_children"] > a:before,
    .mobile-menu li[class*="has_children"] > a:after {
        display: inline-block;
        position: absolute;
        top: 50%;
        width: 15px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .mobile-menu ul li.go-back a:before {
        content: "\f104";
        font-family: "DT Icons";
        font-size: 24px;
        height: 50px;
        line-height: 50px;
        left: 15px;
        text-align: center;
    }
    
    .mobile-menu ul li.see-all a { padding: 0 15px !important; }

    .mobile-menu li[class*="has-children"] > a:before,
    .mobile-menu li[class*="has_children"] > a:before {
        content: "\f105";
        font-family: "DT Icons";
        font-size: 24px;
        height: 42px;
        line-height: 42px;
        right: 12px;
        text-align: center;
    }

    .mobile-menu ul li.go-back a:after,
    .mobile-menu li[class*="has-children"] > a:after,
    .mobile-menu li[class*="has_children"] > a:after {
        content: "";
        background-color: currentColor;
        height: 2px;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-menu ul li.go-back a:hover:before {
        left: 10px;
    }

    .mobile-menu li[class*="has-children"] > a:hover:before,
    .mobile-menu li[class*="has_children"] > a:hover:before {
        right: 8px;
    }

    .mobile-menu ul li.go-back a:after {
        left: 25px;
    }

    .mobile-menu ul li.go-back a:hover:after {
        left: 15px;
    }

    .mobile-menu li[class*="has-children"] > a:after,
    .mobile-menu li[class*="has_children"] > a:after {
        right: 18px;
    }

    .mobile-menu li[class*="has-children"] > a:hover:after,
    .mobile-menu li[class*="has_children"] > a:hover:after {
        right: 12px;
    }

    .mobile-menu-overlay {
        cursor: pointer;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        position: fixed;
        visibility: hidden;
        width: 100%;
        z-index: 98;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.25s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
        transition: opacity 0.25s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
    }

    .mobile-menu-overlay.is-visible,
    .mobile-menu ul li.go-back a:hover:after,
    .mobile-menu li[class*="has-children"] > a:hover:after,
    .mobile-menu li[class*="has_children"] > a:hover:after {
        opacity: 1;
        visibility: visible;
    }

    .mobile-menu ul li a,
    .mobile-menu ul li a:before,
    .mobile-menu ul li a:after,
    .mobile-menu ul li.close-nav,
    .mobile-menu ul li.close-nav:before,
    .mobile-menu ul li.close-nav:after {
        -webkit-transition: var(--DTBaseTransition);
        transition: var(--DTBaseTransition);
    }

    .mobile-menu ul::-webkit-scrollbar {
        width: 5px;
    }

    .mobile-menu ul::-webkit-scrollbar-thumb {
        border-radius: 5px;
    }

    .mobile-menu li.has-mega-menu ul li[class*="has-children"] > a:before,
    .mobile-menu li.has-mega-menu ul li[class*="has_children"] > a:before,
    .mobile-menu li.has-mega-menu ul li[class*="has-children"] > a:after,
    .mobile-menu li.has-mega-menu ul li[class*="has_children"] > a:after {
        display: none;
    }


    .logged-in.admin-bar .mobile-menu {
        top: 32px !important;
    }

    @media screen and (max-width: 782px) {
        /* Login Admin Bar */
        .logged-in.admin-bar .mobile-menu {
            overflow: visible;
            top: 46px !important;
        }
        .logged-in.admin-bar .mobile-menu:before {
            background-color: inherit;
            content: "";
            height: 100%;
            position: absolute;
            left: 0;
            top: -46px;
            width: 100%;
        }     
    }

/*--------------------------------------------------------------
    Default Colors
--------------------------------------------------------------*/ 

    #header-wrapper #header:only-child .dt-no-header-builder-content, .dt-header-menu ul li ul, 
    .mobile-menu, .mobile-menu>ul, .mobile-menu ul, .mobile-menu ul li ul { background: var(--DTWhiteColor); }


    .mobile-menu ul::-webkit-scrollbar { background-color: #f1f1f1; }
    .mobile-menu ul::-webkit-scrollbar-thumb { background-color: #c1c1c1; }

    
    .mobile-menu ul li.close-nav:before, .mobile-menu ul li.close-nav:after { background-color: var(--DTHeadAltColor); }

    .mobile-menu ul li.see-all a { background-color: var(--DTBorder_RGBA-35); }

    .mobile-menu-overlay { background-color: var(--DTBorder_RGBA-35); }    



    .dt-header-menu ul li ul.children > li > a, .dt-header-menu ul li ul.sub-menu > li > a,
    .dt-header-menu ul li.has-mega-menu ul.menu > li > a { border-color:  var(--DTBorder_RGBA-6); }
    .mobile-menu li a { border-color: var(--DTBorder_RGBA-6); }


    #header-wrapper #header:only-child .dt-no-header-builder-content:before { -webkit-box-shadow: 1px 0 5px -1px var(--DTBorderColor); box-shadow: 1px 0 5px -1px var(--DTBorderColor); }

    .dt-header-menu ul li ul.children, .dt-header-menu ul li ul.sub-menu, .dt-header-menu ul li.has-mega-menu>ul { -webkit-box-shadow: 0 0 2px 3px var(--DTBorder_RGBA-05); box-shadow: 0 0 2px 3px var(--DTBorder_RGBA-05); }

    .mobile-menu ul li.see-all a { -webkit-box-shadow: 0 1px 0 0 var(--DTBorder_RGBA-6); box-shadow: 0 1px 0 0 var(--DTBorder_RGBA-6); }

    .mobile-menu ul::-webkit-scrollbar-track, .mobile-menu ul::-webkit-scrollbar-thumb { -webkit-box-shadow: 0 0 6px var(--DTBorder_RGBA-3) inset; box-shadow: 0 0 6px var(--DTBorder_RGBA-3) inset; }



    .mobile-menu .dt-sc-dark-bg h1, .mobile-menu .dt-sc-dark-bg h2, .mobile-menu .dt-sc-dark-bg h3, .mobile-menu .dt-sc-dark-bg h4, .mobile-menu .dt-sc-dark-bg h5, .mobile-menu .dt-sc-dark-bg h6, .mobile-menu .dt-sc-dark-bg p { color: var(--DTHeadAltColor) !important; }


    .mobile-menu>li>a, .mobile-menu>li ul>li a { color: var(--DTHeadAltColor); }



/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/ 

    /* Primary Color */
    .dt-header-menu ul li > a:hover, .dt-header-menu ul li:hover > a, 

    .dt-header-menu ul li.current-menu-item > a, .dt-header-menu ul li.current-page-item > a, .dt-header-menu ul li.current-menu-ancestor > a, .dt-header-menu ul li.current-page-ancestor > a, 			

    .dt-header-menu ul li.current_menu_item > a, .dt-header-menu ul li.current_page_item > a, .dt-header-menu ul li.current_menu_ancestor > a, .dt-header-menu ul li.current_page_ancestor > a { color: var(--DTPrimaryColor); }				
    
    .dt-header-menu ul li ul li > a:hover, .dt-header-menu ul li ul li:hover > a,

    .dt-header-menu ul li ul li.current-menu-item > a, .dt-header-menu ul li ul li.current-page-item > a, .dt-header-menu ul li ul li.current-menu-ancestor > a, .dt-header-menu ul li ul li.current-page-ancestor > a, 

    .dt-header-menu ul li ul li.current_menu_item > a, .dt-header-menu ul li ul li.current_page_item > a, .dt-header-menu ul li ul li.current_menu_ancestor > a, .dt-header-menu ul li ul li.current_page_ancestor > a,


    .mobile-menu ul li > a:hover, .mobile-menu ul li:hover > a, .mobile-menu ul li ul li > a:hover, .mobile-menu ul li ul li:hover > a, .mobile-menu ul li ul li > a:hover, .mobile-menu ul li ul li:hover > a, 

    .mobile-menu ul li.current-menu-item > a, .mobile-menu ul li.current-page-item > a, .mobile-menu ul li.current-menu-ancestor > a, .mobile-menu ul li.current-page-ancestor > a,

    .mobile-menu ul li.current_menu_item > a, .mobile-menu ul li.current_page_item > a, .mobile-menu ul li.current_menu_ancestor > a, .mobile-menu ul li.current_page_ancestor > a,	

    .mobile-menu ul li ul li.current-menu-item > a, .mobile-menu ul li ul li.current-page-item > a, .mobile-menu ul li ul li.current-menu-ancestor > a, .mobile-menu ul li ul li.current-page-ancestor > a,

    .mobile-menu ul li ul li.current_menu_item > a, .mobile-menu ul li ul li.current_page_item > a, .mobile-menu ul li ul li.current_menu_ancestor > a, .mobile-menu ul li ul li.current_page_ancestor > a { color: var(--DTSecondaryColor); }


    /* Primary Border Color */
    .no-header-menu ul li ul, .dt-header-menu ul li ul.children, .dt-header-menu ul li ul.sub-menu, .dt-header-menu ul li.has-mega-menu > ul { border-color: var(--DTPrimaryColor); }  



/*--------------------------------------------------------------
    DT Responsive
--------------------------------------------------------------*/

    @media only screen and (min-width:1581px) and (max-width:1680px) {
        .dt-header-menu ul li:not(.has-mega-menu) ul {
            width: 210px;
        }

        .dt-header-menu ul li ul.sub-menu li > a {
            font-size: calc(var(--DTFontSize_Base) - 2px);
        }
    }
    
    @media only screen and (min-width:1281px) and (max-width:1580px) {

        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-2>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-4>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-6>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-8>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-10>ul {
            left: 100%;
            right: auto;
        }

        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-1>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-3>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-5>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-7>ul,
        .dt-header-menu ul>li:nth-last-child(-n+3) ul li.menu-item-depth-9>ul {
            left: auto;
            right: 100%;
        }

        .dt-header-menu ul li:not(.has-mega-menu) ul {
            width: 190px;
        }

        .dt-header-menu ul li:not(.has-mega-menu) ul li > a {
            font-size: 16px;
        }

    }
    
    @media only screen and (min-width:1281px) {
        .dt-header-menu {
            display: inline-block;
        }
        .mobile-nav-container,
        .dt-header-menu ul li.close-nav,
        .dt-header-menu ul li.go-back,
        .dt-header-menu ul li.see-all {
            display: none;
        }
        .dt-header-menu.center {
            display: table;
        } 

       .dt-header-menu .dt-primary-nav > li > a:after { background-color: currentColor; content: ""; height: 2px; margin: auto; position: absolute; bottom: 0; left: auto; right: 0; width: 0; transition: all 0.5s ease-in-out 0s; }

        .dt-header-menu ul li > a:hover:after, .dt-header-menu ul li:hover > a:after, 
        .dt-header-menu ul li ul li > a:hover:after, .dt-header-menu ul li ul li:hover > a:after,
    
        .dt-header-menu ul li.current-menu-item > a:after, .dt-header-menu ul li.current-page-item > a:after, .dt-header-menu ul li.current-menu-ancestor > a:after, .dt-header-menu ul li.current-page-ancestor > a:after, 			
        .dt-header-menu ul li.current_menu_item > a:after, .dt-header-menu ul li.current_page_item > a:after, .dt-header-menu ul li.current_menu_ancestor > a:after, .dt-header-menu ul li.current_page_ancestor > a:after { left: 0; right: auto; width: 100%; }        
    }    

    @media only screen and (max-width: 1280px) {

        .dt-header-menu .menu-container {
            display: none;
        }
        .dt-header-menu .mobile-nav-container {
            display: block;
            margin: 30px 0;
        }

        .dt-no-header-builder-content .no-header .no-header-logo {
            float: left;
            margin: 16px 0;
        }
        .dt-no-header-builder-content .no-header .no-header-logo h2 {
            text-align: center;
        }
        .dt-no-header-builder-content .no-header .mobile-nav-container {
            float: right;
            font-size: 1rem;
            line-height: normal;
            margin: 25px 0;
            width: auto;
        }
        .elementor-widget-wp-widget-nav_menu .mobile-nav-container {
            width: auto;
            float: none;
            margin: 20px 0;
            text-align: right;
            padding-right: 10px;
        }

        body:not(.no-breadcrumb) #header-wrapper.header-top-absolute #header .dt-header-tpl {
            margin-top: 0;
        }
    }    


    @media only screen and (min-width:1024px) and (max-width:1280px) {
        .dt-header-menu .mobile-nav-container {
            margin: 30px 0;
        }
    }    


    /* Note: Design for a width of 768px */

    @media only screen and (min-width:768px) and (max-width:1024px) {    

    }


    /*----*****---- << Mobile (Landscape) > ----*****----*/

    /* Common Styles for the devices below 767px width */

    @media only screen and (max-width: 767px) {
        .dt-no-header-builder-content .no-header-top {
            text-align: center;
        }

        .dt-no-header-builder-content .no-header .no-header-logo { width: auto; }

        .dt-no-header-builder-content .no-header .no-header-logo a {
            display: inline-block;
            width: 100%;
        }

        .dt-no-header-builder-content .no-header .no-header-menu,
        .dt-no-header-builder-content:not(.aligncenter) .no-header .no-header-logo~.no-header-menu {
            color: var(--DTHeadAltColor);
            line-height: 1.5em;
        }
    
        .dt-header-menu .mobile-nav-container {
            margin: 0;
        }

        .align-inline .elementor-widget-dt-header-menu, .align-inline .elementor-widget-dt-header-icons { width: 100% !important; }
        
        .mobile-nav-container .menu-trigger>span { display: none; }
        .mobile-nav-container .menu-trigger > i { vertical-align: top; }

    }


    /* Common Styles for the devices below 479px width */

    @media only screen and (max-width: 479px) {

        .dt-no-header-builder-content .no-header .no-header-logo {
            float: none;
            display: inline-block;
        }

        .dt-no-header-builder-content .no-header .no-header-menu,
        .dt-no-header-builder-content:not(.aligncenter) .no-header .no-header-logo~.no-header-menu {
            line-height: 1.5em;
            padding: 0;
        }

    }