#page {position: relative;}
.dt-logo img{transition: height 0.5s ease-in-out;height: 71px;}
.sticky .dt-logo img{height: 50px;}
.site-header { padding: 0; width: 100%; background-color: #fff; position: sticky;top:0; height: auto;z-index: 99;transition: all 0.5s ease-in-out;}
.site-header *{transition: all 0.3s ease-in-out;}
header .dt-container{position: static;}

.logged-in .sticky { top: 28px; }
.logged-in .heeader{top:calc(60px + 28px);}
/* .sticky {top: 0px; left: 0;right:0; height: auto; animation: goDown 0.5s ease-in-out forwards; z-index: 99; }
@keyframes goDown { 0% { transform: translateY(-60px); } 100% { transform: translateY(0px); } } */
.dt-header-cta { display: flex; align-items: center; }
.dt-header-cta a { font-size:16px;color: #353535; }
.dt-header-cta a img { margin-right: 10px; }
.dt-header-cta .seprator { width: 1px; height: 60px; background-color: #E2E2E2; margin: 0 20px; display: inline-block; }

.navbar, .dropdown, .dropend, .dropstart, .dropup{position: static;}
.navbar-nav .nav-link{font-size: 16px;color: #353535;min-height: 100px;}
.sticky .navbar-nav .nav-link{min-height: 60px;}
.navbar-nav .nav-link:hover{color: var(--red);}
.dropdown-toggle::after{display: none;}
/* Full-width mega menu */
@media screen and (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav {
        justify-content: space-evenly;
        display: flex;
        width: 100%;
    }
.dropdown-menu.mega-menu-full { position: absolute; top: 100%; left: 0; width: 100vw; max-width: 100%; padding: 2rem; border-radius: 0; border: none; background-color: #f6f6f6; box-shadow: 0 6px 10px rgba(0,0,0,0.1);transition: all 0.3s ease-in-out;}
.dropdown-menu.mega-menu-full { opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease; display: block; } 
.dropdown-menu.mega-menu-full.show { opacity: 1; visibility: visible; transform: translateY(0); }
.mega-menu-full .dt-container {margin: 0 auto;}
.navbar-nav .nav-item.dropdown.mega-menu {position: static;}

.mega-left h5{font-size: 18px;font-weight: 800;color: #000;}
.mega-left p{font-size: 12px;color: #000;}
.mega-left img{margin: 20px 0;}

.mega-right >ul{ display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, auto); gap: 15px;}
.navbar-nav .nav-item:nth-child(7) .mega-menu-full .mega-right .mega-items {grid-template-rows: repeat(2, auto);}
.mega-right >ul >li{padding: 10px;}
.mega-right >ul >li >a{font-size: 14px;font-weight: 500;color: #000;}
.mega-right >ul >li:hover{background-color: #e6e5e5;}
.mega-right >ul >li:hover >a{color: var(--red);}
.mega-right >ul >li >p{font-size: 12px;font-weight: 400;color: #353535;}
}
/* Mobile Menu */

@media screen and (max-width: 1600px) {
 .dt-logo{max-width: 180px;}
}
@media screen and (max-width: 1260px) {
  .dt-logo{max-width: 120px;}
  .navbar-nav .nav-link{min-height: 71px;}
}
@media screen and (max-width: 1199.99px) {
  .offcanvas-end{max-width: 90vw;}
  .dt-logo{max-width: 160px;}
  .mega-left{display: none;}
  .mobile-menu .nav-item{border-bottom: 1px solid #00000024;}
  .mobile-menu .nav-item:last-child{border-bottom: none;}
  .mobile-menu .nav-item > .nav-link{font-size: 18px;font-weight: 500;color: #000;display: flex;justify-content: space-between;padding: 16px 14px;}
  .mega-right >ul >li{padding: 10px;border-bottom: 1px solid #00000024;}
  .mega-right >ul >li:last-child{border-bottom: 0;}
  .mega-right >ul >li >a{font-size: 14px;font-weight: 400;color: #000;}
  .mega-right >ul >li p{display: none;}
  .dropdown-menu.mega-menu-full {position: relative;width: 100%;border: none;background-color: #f6f6f6;overflow: hidden;border-top:1px solid #00000024;}
  .dropdown-menu.mega-menu-full.show {display: block;}
}