.container {
     max-width: 1568px;
     padding: 0 15px;
}
 @media (max-width: 1679px) {
     p {
         font-size: 21px;
         line-height: 25px;
         margin-bottom: 10px;
    }
     .btn {
         font-size: 16px;
         min-width: 225px;
         height: 55px;
    }
     .container {
         max-width: 1268px;
    }
     .header {
         padding: 35px 0;
    }
     .scroller-inner {
         padding: 14px 0;
    }
     .scroller-inner P {
         font-size: 16px;
         margin: 0 20px;
    }
    .location-main {
        padding: 0 0 175px;
    }
    .contact-section {
        padding: 70px 0 115px;
    }
    .los-angeles-love-section .container {
        max-width: 1260px;
    }
    .los-angeles-content {
        width: 540px;
        margin: 30px 0 0 35px;
    }

    .los-angeles-img {
        width: 575px;
    }
    .los-angeles-content h4 {
        font-size: 18px;
        padding-right: 0;
    }
    .about-accordian-section {
        padding: 90px 0;
    }
    .about-accordian-wrapper {
        gap: 0 50px;
    }
    .about-accordian {
        width: 650px;
    }
    .about-accordian-img {
        width: 380px;
    }
    .about-accordian-header h2 {
        font-size: 18px;
    }
    .los-angeles-love-section {
        padding: 91px 0;
    }
    .los-angeles-content .about-accordian-row {
        padding-top: 50px;
    }
}
 @media (max-width: 1439px) {
     .container {
         max-width: 1160px;
    }
     .nav-menu ul li {
         font-size: 16px;
    }
     .header {
         padding: 28px 0;
    }
     .scroller-inner {
         padding: 10px 0;
    }
     .header-cart a .cart-count {
         font-size: 16px;
    }

    .text-scroll-animtion svg {
        height: 200px;
    }
      .location-main-wrapper {
          gap: 0 65px;
          padding-left: 0;
      }
      .location-lyfted-icon {
          width: 420px;
      }
      .location-info {
          width: 470px;
          margin: 70px 0 0;
      }
      .location-order-btn {
          margin: 70px 0 0;
      }
      .location-order-btn .btn {
          width: 285px;
          height: 65px;
      }
      .location-main {
          padding: 0 0 135px;
      }
      .faq-section {
          padding: 60px 0;
      }
      .faq-wrapper h1 {
          font-size: 30.432px;
          margin: 0 0 35px;
      }
      .faq-wrapper h6, .faq-wrapper h5, .faq-wrapper h4, .faq-wrapper h3, .faq-wrapper h2 {
          margin: 45px 0 25px;
          font-size: 18px;
          line-height: 22px;
      }
      .faq-wrapper {
          width: 890px;
          margin-left: 0;
      }
      .contact-main-info h1 {
          font-size: 42px;
          margin: 0 0 30px;
      }
      .contact-section {
          padding: 60px 0 95px;
      }
      .los-angeles-love-section .container {
          max-width: 1150px;
      }
      .los-angeles-content h4 {
          font-size: 16px;
      }
      .los-angeles-img {
          width: 495px;
      }
      .los-angeles-content {
          width: 455px;
      }
      .about-accordian-section {
          padding: 60px 0;
      }
      .default-wrapper {
          padding: 50px 0;
      }
}
 @media (max-width: 1279px) {
     .container {
         max-width: 1060px;
    }
    .stay-it-content {
        width: 53.5%;
    }
}
 @media (max-width: 1199px) {
     .main-nav .menu-bar {
         display: block;
    }
    /************ // MOBILE MENU CSS START HERE // ***********************/
     .menu-bar {
         width: 38px;
         height: 30px;
         position: absolute;
         margin: 0;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .5s ease-in-out;
         -moz-transition: .5s ease-in-out;
         -o-transition: .5s ease-in-out;
         transition: .5s ease-in-out;
         cursor: pointer;
         display: block;
         top: 36px;
         z-index: 1111;
    }
     .menu-bar span {
         display: block;
         position: absolute;
         height: 4px;
         width: 50%;
         background: #73113a;
         border-radius: 9px;
         opacity: 1;
         left: 0;
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
         transform: rotate(0deg);
         -webkit-transition: .25s ease-in-out;
         -moz-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
         transition: .25s ease-in-out;
         background:#fff;
    }
     .menu-bar span:nth-child(even) {
         left: 50%;
         border-radius: 0 9px 9px 0;
         background: #fff;
    }
     .menu-bar span:nth-child(odd) {
         left: 0px;
         border-radius: 9px 0 0 9px;
    }
     .menu-bar span:nth-child(1), .menu-bar span:nth-child(2) {
         top: 0px;
    }
     .menu-bar span:nth-child(3), .menu-bar span:nth-child(4) {
         top: 10px;
    }
     .menu-bar span:nth-child(5), .menu-bar span:nth-child(6) {
         top: 21px;
    }
     .menu-bar span:nth-child(3) {
         width: 40%;
         left: 4px;
    }
     .menu-bar span:nth-child(5) {
         width: 29%;
         left: 9px;
    }
     .mobile-menu .menu-bar span:nth-child(1), .mobile-menu .menu-bar span:nth-child(6) {
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg);
         background: #fff;
    }
     .mobile-menu .menu-bar span:nth-child(2), .mobile-menu .menu-bar span:nth-child(5) {
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
         background: #fff;
    }
     .nav-manu ul li a:hover{
         color: #b8dd5c;
    }
     .mobile-menu .menu-bar span:nth-child(1) {
         left: 5px;
         top: 7px;
    }
     .mobile-menu .menu-bar span:nth-child(2) {
         left: calc(50% - 5px);
         top: 7px;
    }
     .mobile-menu .menu-bar span:nth-child(3) {
         left: -50%;
         opacity: 0;
    }
     .mobile-menu .menu-bar span:nth-child(4) {
         left: 100%;
         opacity: 0;
    }
     .mobile-menu .menu-bar span:nth-child(5) {
         left: 5px;
    }
     .mobile-menu .menu-bar span:nth-child(6) {
         left: calc(50% - 5px);
    }
     .mobile-menu .menu-bar span:nth-child(6), .mobile-menu .menu-bar span:nth-child(5) {
         top: 16px;
         width: 50%;
    }
     .mobile-menu .menu-bar {
         background: none;
         position: fixed;
         top: 34px;
    }
    .navigation {
        background: #000;
        position: fixed;
        top: 0;
        padding-top: 0px;
        right: -150%;
        width: 100%;
        height: 100%;
        z-index: 99;
        transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        overflow-y: auto;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 92px;
        margin: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
     body.mobile-menu .navigation {
         display: block;
         right: 0;
    }
     .nav-manu{
         flex-wrap: wrap;
    }
     .navigation ul {
         display: block;
         width: 100%;
    }
     .navigation ul li {
         margin-right: 0;
         padding: 0;
         margin: 0;
         position: relative;
    }
     .navigation ul > li::before {
         display: none;
    }
     .navigation .menu-item-has-children > a::before {
         display: none;
    }
     .menu-item-has-children::after {
         content: "\f107";
         position: absolute;
         top: 0;
         right: 0;
         width: 50px;
         height: 56px;
         transition: 0.4s;
         font-family: FontAwesome;
         color: #fff;
         padding: 0;
         z-index: 111;
         text-align: center;
         font-size: 16px;
         font-weight: 700;
         display: flex;
         justify-content: center;
         align-items: center;
         cursor: pointer;
    }
     .navigation ul li.menu-item-has-children {
         padding-right: 0;
    }
     .navigation ul li.current-menu-item > a {
         background: #285f2b;
         color: #fff;
    }
     .navigation ul>li>a {
         display: block;
         border-top: 1px #515050 solid;
         padding: 14px 20px;
         color: #fff;
    }
     .navigation ul>li>a:hover {
         background: #285f2b;
         color: #fff;
    }
     .navigation .mobilelogo {
         display: block !important;
         width: 200px;
         margin: 15px;
    }
     body.mobile-menu {
         overflow: hidden;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
    }
     .navigation .moblelogo {
         display: block;
         background: transparent;
         padding: 15px 20px;
         text-align: center;
    }
     .menu-item-has-children::before {
         display: none;
    }
     .navigation .moblelogo img {
         max-width: 200px;
    }
     .navigation ul > li > a::after{
         display: none;
    }
     .navigation ul li ul.sub-menu {
         display: none;
         opacity: 1;
         visibility: visible;
         transform: scale(1);
    }
     .navigation ul li ul.sub-menu.in {
         position: static;
         max-width: 100%;
         top: 0;
         left: 0;
         padding: 0;
         display: block;
         opacity: 1;
         visibility: visible;
         box-shadow: none;
    }
     .navigation ul li ul.sub-menu li {
         width: 100% !important;
         padding: 0;
         border-bottom: none;
         transform: none;
         -webkit-transform: none;
         -ms-transform: none;
         border-radius: 0;
         margin: 0;
         box-shadow: none;
         background-color: #333333;
    }
     .navigation ul li ul.sub-menu li:hover {
         background-color: inherit;
    }
     .navigation ul li ul.sub-menu li.current-menu-item {
         background-color: inherit;
    }
     .navigation ul li ul.sub-menu li.current-menu-item a {
         color: #b8dd5c;
    }
     .navigation ul li ul.sub-menu li a {
         padding: 14px 15px 14px 30px;
         font-weight: 500;
         transform: skewX(0deg);
         -webkit-transform: skewX(0deg);
         -ms-transform: skewX(0deg);
         color: #fff;
    }
     .navigation ul li ul.sub-menu li a:hover {
         color: #b8dd5c;
    }
     .navigation ul li ul.sub-menu ul.sub-menu {
         width: 100%;
         padding: 0;
    }
     .navigation ul li ul.sub-menu ul.sub-menu {
         margin-left: 0;
    }
     .navigation ul li ul.sub-menu ul.sub-menu li a {
         padding-left: 40px;
    }
     nav.mobile-scroll {
         display: block;
         width: 100%;
    }
     .age-verify-section .logo {
         margin: 0 0 10px;
    }
     p {
         font-size: 18px;
         line-height: 23px;
         margin-bottom: 10px;
    }
     .age-verify-section p {
         margin: 0 0 24px;
    }
     .btn {
         font-size: 15px;
         min-width: 205px;
         height: 52px;
    }
     .age-verify-btn .btn + .btn {
         margin-top: 16px;
    }
     .shop-address-form .form-control {
         width: 380px;
         height: 60px;
         background-position: 32px center;
         padding: 8px 15px 8px 60px;
    }
     .header-cart {
         width: 22px;
         margin-right: 95px;
    }
     .container {
         max-width: 100%;
         padding: 0 30px;
    }
     .header {
         padding: 15px 0;
    }
     .scroller-inner P {
         margin: 0 14px;
    }
     .shop-menu-section .container {
         max-width: 100%;
         padding: 0 15px;
    }
     .shop-menu-section {
         padding: 15px 0;
    }

    .menu-header-menus-container {
          width: 100%;
    }
    .footer .container,
    .stay-it-section .container {
          max-width: 100%;
          padding: 0 40px;
    }
    .footer-col-left {
      width: 44.5%;
    }
    .footer-col-right {
      width: 55%;
    }
    .copyright {
        margin: 30px 0 0;
    }
    .stay-it-content {
          width: 48.5%;
      }
      .text-scroll-animtion svg {
          height: 150px;
      }
      .faq-section {
          padding: 50px 0;
      }
      ol li {
          padding-left: 15px;
      }
      .faq-wrapper h6, .faq-wrapper h5, .faq-wrapper h4, .faq-wrapper h3, .faq-wrapper h2 {
          margin: 35px 0 20px;
          font-size: 18px;
          line-height: 22px;
      }
      .faq-wrapper {
          width: 100%;
          margin-left: 0;
      }
      .contact-section .container {
          max-width: 100%;
          padding: 0 40px;
      }
      .contact-section {
          padding: 50px 0 65px;
      }
      .contact-main-info h1 {
          font-size: 38px;
      }
      .contact-form-wrap .form-group input.contact-submit {
          padding: 14.5px 32.5px;
      }
      .wpcf7 form.invalid .wpcf7-response-output,
      span.wpcf7-not-valid-tip {
          font-size: 11px;
          padding: 8px 10px;
      }
      .los-angeles-love-section .container {
          max-width: 100%;
      }
      .los-angeles-img {
          width: 45%;
      }
      .los-angeles-content {
          width: 55%;
          margin: 20px 0 0 45px;
      }
      .about-accordian-wrapper {
          gap: 0 30px;
          padding-left: 0;
      }
      .about-accordian-img {
          width: 330px;
      }
      .about-accordian {
          width: 550px;
      }
      .about-accordian-body p {
          padding-bottom: 10px;
          margin-top: 10px;
          margin-bottom: 10px;
          min-width: 95%;
          max-width: 300px;
      }
      .about-accordian-header h2 {
          font-size: 16px;
          padding: 10px 28px 10px 0;
      }
      .about-accordian-section {
          padding: 40px 0;
      }
      .about-ticker-section {
          padding: 30px 0;
      }
      .default-wrapper {
          width: 100%;
      }
      .default-wrapper h1 {
          font-size: 28px;
          margin: 0 0 25px;
      }
      .header-wrapper .logo {
          width: 72px;
      }
      .los-angeles-content .about-accordian-row {
          padding-top: 35px;
      }
}


@media (max-width: 1023px) {
    .footer .container, .stay-it-section .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .stay-it-form .form-group p {
        position: relative;
    }
    span.wpcf7-spinner {
        position: absolute;
        right: -20px;
        top: 16px;
    }
    .stay-it-content {
        width: 42.5%;
    }
    .footer {
        padding: 30px 0 0;
    }
    .footer-col-left {
        width: 100%;
        text-align: center;
        margin: 0 0 15px;
    }
    .footer-col-right {
        width: 100%;
    }
    .footer-col.footer-nav {
        width: 100%;
        text-align: center;
        margin: 0 0 15px;
    }
    .footer-col.footer-nav:last-child {
        width: 100%;
    }
    .copyright {
        margin: 0;
    }
    .stay-it-form input.email-input {
        width: 245px;
    }
    .stay-it-wrapper {
        justify-content: space-between;
    }
    .location-main-wrapper {
        gap: 0 45px;
        padding-left: 0;
    }
    .location-lyfted-icon {
        width: 320px;
    }
    .location-info {
        width: 320px;
        margin: 30px 0 0;
    }
    .location-order-btn {
        margin: 40px 0 0;
    }
    .location-order-btn .btn {
        width: 255px;
        height: 60px;
    }
    .location-main {
        padding: 0 0 75px;
    }
    .contact-section .container {
        max-width: 100%;
        padding: 0 30px;
    }
    .contact-section {
        padding: 50px 0;
    }
    .los-angeles-content {
        margin: 10px 0 0 25px;
    }
    .default-page {
        min-height: 300px;
    }
    .los-angeles-love-section {
        padding: 70px 0;
    }
    .los-angeles-content h4 {
        line-height: 24px;
    }
}


 @media (max-width:767px) {
     .container {
         max-width: 100%;
         padding: 0 15px;
    }
     .age-verify-section .logo img {
         width: 225px;
    }
     .age-verify-section {
         max-width: 500px;
         min-height: 260px;
    }
     .header-cart {
         margin-right: 75px;
    }
     .header-wrapper .logo {
         /* width: 180px; */
    }
    .menu-bar {
        top: 36px;
    }
     .shop-menu-section .container {
         max-width: 100%;
         padding: 0;
    }

    .footer .container, .stay-it-section .container {
          max-width: 100%;
          padding: 0 15px;
      }
      .stay-it-wrapper {
          justify-content: center;
      }
      .stay-it-content {
          width: 100%;
          text-align: center;
          margin: 0 0 25px;
      }
      .stay-it-form {
          width: 100%;
          text-align: center;
      }
      .stay-it-form .form-group p {
          justify-content: center;
      }
      .stay-it-content h3 {
          margin: 0 0 5px;
      }
      .stay-it-section {
          padding: 25px 0;
      }
      .stay-it-form input.email-input {
          height: 50px;
          padding: 8.4px 16px;
      }
      .stay-it-form input.email-submit {
          height: 50px;
      }
      .text-scroll-animtion text {
          font-size: 180px;
      }
      .location-lyfted-icon {
          width: 42%;
      }
      .location-info {
          width: 55%;
          margin: 30px 0 0;
      }
      .location-main-wrapper {
          gap: 0 25px;
          padding-left: 0;
      }
      .location-order-btn {
          margin: 25px 0 0;
      }
      .location-order-btn .btn {
          width: 225px;
          height: 55px;
      }
      .faq-wrapper h1 {
          font-size: 28px;
          margin: 0 0 35px;
      }
      .contact-section .container {
          max-width: 100%;
          padding: 0 15px;
      }
      .contact-main-info h1 {
          font-size: 34px;
          margin: 0 0 20px;
      }
      .contact-info-list {
          margin: 0 0 10px;
      }
      .contact-main-info {
          width: 30%;
      }
      .contact-form-wrap {
          width: 65%;
      }
      .about-accordian-img {
          width: 35%;
      }
      .about-accordian {
          width: 63%;
      }
      .los-angeles-love-section {
          padding: 40px 0;
      }
}
 @media (max-width:575px) {
     .age-verify-section {
         max-width: 100%;
         min-height: 250px;
         margin-top: -10%;
    }
     .age-verify-section p {
         margin: 0 0 20px;
    }
     .btn {
         font-size: 15px;
         min-width: 185px;
         height: 50px;
         border-width: 1px;
    }
     p {
         font-size: 16px;
         line-height: 22px;
         margin-bottom: 10px;
    }
     .shop-address-form {
         width: 100%;
    }
     .shop-address-form .form-group .address-submit.btn-white.btn {
         min-width: 115px;
         height: 52px;
         border-radius: 0 10px 10px 0;
         padding: 0;
         margin-left: -2px;
         font-family: "Montserrat", sans-serif;
         font-weight: 600;
         text-transform: uppercase;
         font-size: 13px;
    }
     .shop-address-form .form-control {
         width: 220px;
         height: 52px;
         background-position: 11px center;
         padding: 8px 15px 8px 33px;
         background-size: 15px;
         border-width: 1px;
         font-size: 14px;
         overflow: hidden;
         -o-text-overflow: ellipsis;
         -ms-text-overflow: ellipsis;
         text-overflow: ellipsis;
    }
    .stay-it-form input.email-input {
        width: 220px;
    }
    .footer-col.footer-nav ul li {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .footer-col.footer-nav h6 {
        margin: 0 0 12px;
    }
    .text-scroll-animtion svg {
        height: 90px;
    }
    .text-scroll-animtion text {
        font-size: 220px;
    }
    .location-main-wrapper {
        gap: 0;
        padding-left: 0;
        flex-wrap: wrap;
    }
    .location-lyfted-icon {
        width: 100%;
        padding: 0 20px 25px;
    }
    .location-info {
        width: 100%;
        margin: 10px 0 0;
    }
    .location-main {
        padding: 0 0 50px;
    }
    .contact-wrapper {
        justify-content: center;
    }
    .contact-main-info {
        width: 100%;
        text-align: center;
        margin: 0 0 15px;
    }
    .contact-form-wrap {
        width: 100%;
    }
    .contact-form-wrap .form-group {
        width: 100%;
        padding: 0 5px;
        margin: 0 0 20px;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
    }
    .los-angeles-wrapper {
        justify-content: center;
        flex-wrap: wrap;
    }
    .los-angeles-img {
        width: 100%;
    }
    .los-angeles-content {
        margin: 30px 0 0;
        width: 100%;
        text-align: center;
    }
    .about-accordian-wrapper {
        gap: 0;
        padding-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .about-accordian {
        width: 100%;
    }
    .about-accordian-img {
        width: 100%;
        margin: 15px 0 0;
    }
    .about-accordian-header h2 {
        font-size: 14px;
    }
    .about-accordian-body p {
        padding-bottom: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: 100%;
        max-width: 100%;
    }
    .about-accordian-section {
        padding: 40px 0 0;
    }
    .los-angeles-love-section {
        padding: 0px 0 20px;
    }
    .default-wrapper h1 {
        font-size: 25px;
        margin: 0 0 25px;
        text-align: center;
    }
    .default-wrapper P {
        text-align: center;
    }
    .default-wrapper {
        padding: 50px 0 35px;
    }
}