.navbar .megamenu{ padding: 1rem; }
    /* ============ desktop view ============ */
    @media all and (min-width: 992px) {
            
            .navbar .has-megamenu{position:static!important;}
            .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

    }	
    /* ============ desktop view .end// ============ */


    /* ============ mobile view ============ */
    @media(max-width: 991px){
            .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
                overflow-y: auto;
                overflow-x: hidden;
                max-height: 85vh;
                margin-top:10px;
                padding: 15px 15px 35px 15px;
            }
    }
    /* ============ mobile view .end// ============ */



.navbar {
    padding:0px;
} 
.navbar-toggler-icon {
  background-image: none!important;
  background-color: var(--bs-gray-800);
  height: 3px;
  width: 25px;
  margin: 10px 0;
  position: relative;
  transition: all 0.35s ease-out;
  transform-origin: center;
}

.navbar-toggler-icon::before {
  display: block;
  background-color: var(--bs-gray-800);
  height: 3px;
  content: "";
  position: relative;
  top: -7px;
  transition: all 0.15s ease-out;/*taken down to hide quicker*/
  transform-origin: center;
}

.navbar-toggler-icon::after {
  display: block;
  background-color: var(--bs-gray-800);
  height: 3px;
  content: "";
  position: relative;
  top: 4px;
  transition: all 0.35s ease-out;
  transform-origin: center;
}

.navbar-dark .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon::before,
.navbar-dark .navbar-toggler-icon::after {
  background-color: var(--bs-gray-100);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: rotate(-90deg) translateX(7px);
}
.navbar-toggler,
.navbar-toggler:focus {
    border: 0px
}

.form-check-input:checked {
    background-color: #453D66;
    border-color: #453D66;
}

.dropdown-menu {
    border-radius: 0px;
    border:0px;
    color:#453D6B;
}
.dropdown-menu h6 {
    margin-bottom: 15px
}
.dropdown-menu a {
    color:#453D6B;
}
.dropdown-menu a:hover {
    color:#AC93C6;
}
.dropdown-menu .btn-primary {
    color:#FFF;
}
.dropdown-menu .btn-primary:hover {
    color:#FFF;
}
.dropdown-menu li {
    margin-bottom: 10px
}
.bg-dark-grey {
    background: #E7E7E7;
}
.lh-1-5 {
    line-height: 1.5 !important;
}
.mood {
    color:#fff;display:block;
    border-radius: 0 0 0.375rem 0.375rem; 
    padding: 5px;
    font-size:14px;
    font-weight: 500;
    margin-bottom:15px;
}

.dreamtime {
    background-color:#4371D5;
}
.creative {
    background-color:#E86D77;
}
.social {
    background-color:#EE973A;
}
.chill {
    background-color:#558E97;
}
.category {
    background-color: #00000036!important;
    z-index: 2;
}

.gummies {
    background:linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/card_gummies.jpeg) no-repeat center center;
    background-size:cover;
    height:250px       
}
.flower {
    background:linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/card_flower.jpeg) no-repeat center center;
    background-size:cover;
    height:250px;
    z-index: 1;
}
.preroll {
    background:linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/card_preroll.jpeg) no-repeat center center;
    background-size:cover;
    height:250px
}
.vape {
    background:linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/card_vape.jpeg) no-repeat center center;
    background-size:cover;
    height:250px
}
.leaf {
    background:url(../../images/leaf.jpeg) no-repeat center center;
    background-size:cover;
    height:400px
}
.initial {
    background: url(../../images/initial.svg) no-repeat center center;
    background-size:45px;
    width: 45px;
    height:50px
}
.initial p {
    font-weight:600;
    font-size:18px;
    text-align:center;
    margin-top:11px
}

.btn-modal {
    --bs-btn-color: #453D66;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #453D66;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #AC93C6;
    --bs-btn-hover-border-color: #AC93C6;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #453D66;
    --bs-btn-active-border-color: #453D66;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #453D66;
    --bs-btn-disabled-border-color: #453D66;
    --bs-btn-border-radius:0px;
}
.modal-content {
    border-radius: 0px;
}

.btn-accent, .btn-package {
    --bs-btn-color: #453D66;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #453D66;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #453D66;
    --bs-btn-hover-border-color: #453D66;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #453D66;
    --bs-btn-active-border-color: #453D66;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #453D66;
    --bs-btn-disabled-border-color: #453D66;
}

.wavy {
    background: url(../../images/blue-waves.jpg) no-repeat center center #fff;
    background-size:cover;
}
.pdp-single {
        margin-bottom:15px;
        color:#fff
    }
.pdp-dreamtime {
    background: linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/pdp_dreamtime.jpeg) no-repeat center center;
    background-size:cover;
    height: 400px;
    color:#fff;
}
.pdp-chill {
    background: linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/pdp_chill.jpeg) no-repeat center center;
    background-size:cover;
    height: 400px;
    color:#fff;
}
.pdp-creative {
    background: linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/pdp_creative.jpeg) no-repeat center center;
    background-size:cover;
    height: 400px;
    color:#fff;
}
.pdp-social {
    background: linear-gradient(0deg, rgb(64 64 64 / 35%), rgb(67 67 67 / 35%)), url(../../images/pdp_social.jpeg) no-repeat center center;
    background-size:cover;
    height: 400px;
    color:#fff;
}
.help img {
    height: 40px;
}

.help a {
    font-weight:600;
    color:#453D66;
    text-decoration:underline;
}
#accordionNav .accordion-item,
#accordionFooter .accordion-item {
    border: 0px solid #AC93C6;
    background-color: #AC93C6;
    margin-bottom: 0px;
}
#accordionFooter .accordion-button {
    background: #AC93C6;
    color:#fff;
    font-size: 14px;
    font-weight: 600;
}
#accordionNav .accordion-button {
    background: #AC93C6;
    color:#fff;
    font-size: 1rem;
    font-weight: 700;
}
#accordionNav .accordion-body,
#accordionFooter .accordion-body {
    padding-top:0px;
    padding-bottom: 0px;
}
#accordionNav .accordion-button,
#accordionNav .accordion-button:not(.collapsed) {
    padding:0px
}
#accordionNav .accordion-button:not(.collapsed),
#accordionFooter .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
    box-shadow: 0 0 0 0;
}
#accordionNav .accordion-button:after,
#accordionFooter .accordion-button:after {
  margin-left: 10px;  
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-body ul li {
    margin-bottom: 10px;
    font-size: 14px;
    text-align:left;
}
#accordionNav .accordion-body {
    padding:0px;
    margin-top: 10px;
}
#accordionNav a {
    color:#fff;
}
#accordionNav hr,
#accordionFooter hr {
    margin: 0rem 0;
}

.pdpa {
    --bs-accordion-border-color: #ffffff!important;
}
.pdpa .accordion-item {
    border:0px;
}
.pdpa .accordion-button {
    font-weight: 700;
}
.pdpa .accordion-body ul li {
    font-size: 16px;
}
#mobile-nav {
     display:none!important;
}
#filter-nav {
     display:none!important;
}

@media (max-width: 991px) {
    .logo {
        width: 150px;
    }
    #main_nav p,#main_nav li,#main_nav a {
        font-size:14px;
        margin: 5px 0px;
        color:#fff;
        
    }
    #desktop-nav {
        display:none!important;
    }
    #mobile-nav {
        display:flex!important;
    }


}
@media (max-width: 767px) {
    .btn-primary {
        font-size: 13px;
    }
    p {
        font-size: 13px;
    }
    .lead {
        font-size: 1rem;
        font-weight: 300;
    }
    .pdp-single {
        border-radius: 0 !important;
        margin-bottom:0px
    }
    .pdp-photo {
        border-radius: 0 !important;
        height: 200px;
        margin-bottom: 15px;
    }
    #pdpStats {
        border-left: 0px!important;
    }
    #filter-nav  {
    font-size: 13px;
    display: inline-flex !important;
    align-items: center;
    justify-content: start !important;
    }
    
    #filter-nav .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 85vh;
        margin-top: 10px;
        padding: 0px 0px 15px 0px;
    }
    #filter-nav .form-check-input:checked {
        background-color: #453D66;
        border-color: #453D66;
    }
    #filter-nav .navbar-toggler-icon {
        background-image: none !important;
        background-color: #fff;
        height: 3px;
        width: 10px;
        margin: 10px 0;
        position: relative;
        transition: all 0.35s ease-out;
        transform-origin: center;
    }
    #filter-nav .navbar-toggler-icon::before {
    display: none;
    background-color: #fff;
    height: 3px;
    content: "";
    position: relative;
    top: 0px;
    transition: all 0.15s ease-out;
    transform-origin: center;
    transform: rotate(90deg);
}
    #filter-nav .navbar-toggler-icon::after {
    display: block;
    background-color: #fff;
    height: 3px;
    content: "";
    position: relative;
    top: 0px;
    transition: all 0.15s ease-out;
    transform-origin: center;
    transform: rotate(90deg);
}
}