@media only screen and (max-width:768px) {
  h1 {
    font-size: 48px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  h3 {
    font-size: 24px !important;
  }

  h4 {
    font-size: 20px !important;
  }

  h5 {
    font-size: 18px !important;
  }

  h6 {
    font-size: 16px !important;
  }

  p {
    font-size: 16px !important;
  }

  .promo-title {
    font-size: 14px !important;
    margin: 0 0 5px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    padding-bottom: 5px !important;
  }

  .promo-rating {
    margin-top: 10px !important;
  }

  .promo-wishlist .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:before {
    top: 75%;
  }

}




/*Media Queries*/


@media only screen and (max-width:320px) {
  .site-content {
    top:2rem;
    position: relative;
  }


}

@media only screen and (max-width:400px) {
  footer>div.footer-top.container>div.footer-column-1.left>div:nth-child(3)>h4 {
    margin-top: 20px;
    font-size: 16px !important;
    font-weight: 700;
  }
   .header-logo img {
    max-width: 160px;
  }
}

@media only screen and (min-width:320px) and (max-width:480px) {
  .header-search {
    min-width: max-content;
  }
 .header-logo img {
    width: auto;
  }
  .sidebar {
    width: 25%;
    position: sticky;
    top: 80px;
    /* Adjust as needed for spacing */
    align-self: flex-start;
    /* Prevents shrinking/stretching in flex */
    height: fit-content;
    /* Ensures it wraps its content */
  }

  .main {
    width: 100%;
    height: fit-content;
  }

  #mobile-sidebar.active {
    display: block;
    position: absolute;
    z-index: 9999;
    top: 3%;
    margin: auto;
    left: 5%;
    background-color: #EAEFF4;
  }

  .filter-by-price select {
    border: 1px solid #000;
  }

  .search-form-input {
    width: 100%;
    top: 60px;
    position: absolute;
    z-index: 99999;
  }

  .footer-top {
    gap: 0px;
  }



  .newsletter-inline p {
    width: 280px;
    margin: 0px;
  }

  .newsletter-inline input[type="email"],
  .newsletter-inline input[type="submit"] {
    border-radius: 0px !important;
  }

  .newsletter-inline input[type="email"] {
    max-width: 180px !important;
  }

  .product-slide .product {
    max-width: 300px;
    margin: auto;
  }


  .custom-arrow,
  .custom-arrow:hover {
    width: 20px;
    height: 20px;
  }

  .promo-image {
    min-width: 100px;
  }

  .promo-image img {
    width: 100px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .footer-bottom-inner h6 {
    margin: 0px;
    text-align: center;
    font-size: 12px !important;
  }

  .brand-thumb {
    max-height: 36px;
    width: 94px;
    object-fit: contain;
    /* filter: brightness(0) invert(1); */
    transition: transform 0.3s ease;
  }

  .footer-inner-column {
    flex: 1;
    min-width: 150px;
  }

  .categories_on_homepage {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }

  .site-content {
    top: 2rem;
    position: relative;
  }

  .woocommerce-product-gallery .flex-control-thumbs li {
    width: 100%;
    /* 1 per row */
  }
/* .woocommerce div.product form.cart div.quantity {
    float: right;
    margin: 20px 0 0px 10px!important;
} */
.custom-share-icons {
    gap: 5px!important;
}
}

@media only screen and (min-width:481px) and (max-width:767px) {
  .header-search {
    min-width: 430px;
  }

  .brand-thumb {
    max-height: 50px;
    width: 150px;
    object-fit: contain;
    /* filter: brightness(0) invert(1); */
    transition: transform 0.3s ease;
  }

  .categories_on_homepage {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }

  .site-content {
    top: 2rem;
    position: relative;
  }

  .woocommerce-product-gallery .flex-control-thumbs li {
    width: calc(50% - 10px);
    /* 2 per row */
  }
   .header-logo img {
    width: auto;
  }
    .woocommerce .quantity .qty {
  width:60px!important;
  text-align: center;
  background: #fff;
  border: 1px solid #0f0f0f24;
}
}

@media only screen and (min-width:768px) and (max-width:981px) {
  .header-search {
    min-width: 430px;
  }
 .header-logo img {
    width: auto;
  }
  th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions {
    width: 115px;
    text-align: center;
  }

  td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
    text-align: center;
  }

  .site-content {

    top: 2rem;
    position: relative;
  }

}

@media only screen and (min-width:982px) and (max-width:1180px) {
  .header-search {
    min-width: 300px;
  }

  .wrapper {
    padding: 20px 20px 75px 20px;
  }

  .header-menu .main-menu {
    gap: 0px;
  }

  .header-menu .main-menu {
    font-size: 14px;
  }

  .custom-header.desktop-header .menu-container .parent-menu-item {
    padding: 25px 5px;
  }
}

@media only screen and (min-width:1181px) and (max-width:1280px) {
  .header-search {
    min-width: 350px;
  }

  .custom-header.desktop-header .menu-container .parent-menu-item {
    padding: 25px 5px;
  }

  .wrapper {
    padding: 20px 20px 75px 20px;
  }

  .header-menu .main-menu {
    gap: 10px;
  }

  .offer-text {
    top: 50% !important;
    left: 50% !important;
  }

}

@media only screen and (max-width:1279px) {
  .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0px 20px;
    max-width: 1280px;
    margin: 0px auto;
  }
}

@media only screen and (max-width:768px) {


  .footer-flex {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    align-content: flex-start;
    flex-wrap: nowrap;
  }

  .footer-column-1,
  .footer-column-2 {
    min-width: fit-content;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100%;
  }

  div.categories_on_homepage a img {
    width: 92px !important;
    height: 92px !important;
    margin-bottom: 0px !important;
  }

}

@media only screen and (max-width: 981px) {

  html,
  body {
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .header-menu .main-menu {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0px auto;
    font-family: "Ubuntu";
    text-transform: uppercase;
    font-size: 15px;
    height: auto;
    font-weight: bold;
    position: absolute;
    background: #fff;
    flex-direction: column;
    z-index: 99999;
    color: #000;
    width: 100%;
    top: 105px;
    left: 0px;
  }


  button.menu-toggle:hover,
  button.menu-toggle:focus {
    color: #fff;
  }

  .search-form-input {
    width: 100%;
    top: 60px;
    position: absolute;
    z-index: 99999;
    background-color: #fff !important;
    box-shadow: 0px 2px 6px 1px #d9d9d9;
  }

  .main-menu li:hover>.sub-menu li a {
    color: #fff;
  }

  .main-menu li .sub-menu {
    display: block;
    position: relative;
    background: #eaeff4;
    padding: 5px 10px;
    top: 100%;
    left: 0px;
    width: 100%;
  }

  .menu-toggle {
    display: contents;
  }

  /* menu toogle */
  /* Base icon styles */
  .hamburger-icon {
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #000;
    position: relative;
    transition: all 0.3s ease-in-out;
  }

  /* Top and bottom lines */
  .hamburger-icon::before,
  .hamburger-icon::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #000;
    transition: all 0.3s ease-in-out;
  }

  .hamburger-icon::before {
    top: -8px;
  }

  .hamburger-icon::after {
    top: 8px;
  }

  .smart-woo-results {
    top: 60px;
  }

  /* When open: turn into X */
  .menu-toggle.open .hamburger-icon {
    background-color: transparent;
    /* hide middle bar */
  }

  .sub-menu .sub-menu {
    z-index: 0;
  }

  .menu-toggle.open .hamburger-icon::before {
    top: 0;
    transform: rotate(45deg);
  }

  .menu-toggle.open .hamburger-icon::after {
    top: 0;
    transform: rotate(-45deg);
  }


  /* end */
  .header-menu .main-menu li a {
    color: #000;
    text-decoration: none;
  }

  .menu-item-has-children:hover>.sub-menu {
    padding-left: 25px;
  }

  .menu-container {
    /* display: none; */
    width: 100%;
    flex-direction: column;
    gap: 5px;
    background: #EAEFF4;
    padding: 15px 10px;
    position: fixed;
    z-index: 9999;
    top: 60px;
    overflow-y: scroll;
    max-height: 450px;
    box-shadow: 0px 2px 6px 1px #d9d9d9;
  }

  .menu-container.show {
    display: flex;
  }

  .main-menu {
    flex-direction: column;
    width: 100%;
    gap: 0;
  }

  .main-menu li {
    width: 100%;
    border-bottom: none;
  }

  .main-menu li a {
    display: block;
    padding: 5px 0px;
    font-size: 16px;
    color: #000;
  }

  .main-menu li:hover>.first-level {
    display: block;
    margin: 0px;
    list-style: none;
    padding-top: 10px;
    left: 0px;
    right: auto;
    position: relative;
  }

  .newsletter-inline input[type="email"] {
    border-radius: 0px 0 0 0px;

  }

  .first-level {
    position: static;
    display: none;
    padding-left: 20px;
    background: #111;
  }

  .first-level li {
    padding-left: 0px;
  }

  .menu-item-has-children.active>.first-level {
    display: block;
  }

  .menu-item-has-children>a::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
    /* Color of arrow */
  }

  .filter-title {
    margin-top: 5px;
  }

  .filter-close-btn,
  .filter-close-btn:hover {
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    border: none;
    font-size: 25px;
    color: #5fb9d3;
    cursor: pointer;
    z-index: 10000;
    padding: 0px 10px
  }

  .header-icons {
    width: 100%;
    justify-content: center;
    padding: 10px 0;
    order: 3;
  }

  .header-icons {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .header-inner {
    padding: 10px;
    gap: 10px;
  }

  .menu-toggle {
    order: 1;
  }

  .site-logo {
    order: 2;
  }

  .header-top {
    padding: 0px 15px;
    flex-direction: column;
  }

  /* Section-2 */
  .ymm-search-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .ymm-search-box .ymm-horizontal .block-content {
    display: flex !important;
    flex-direction: column;
    width: 100%;
  }

  .ymm-search-box .ymm-horizontal .block-content .level {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  #ymm_content .block-content {
    display: flex !important;
    margin: 0px !important;
    gap: 10px;
  }

  .ymm-selector.ymm-horizontal .level select.ymm-select {
    width: 100%;
    margin: 10px auto;
    color: #575757;
    font-size: 16px;
    height: 30px;
    border-radius: 5px;
    padding: 0px;
  }

  .hot-deal-img span {
    width: 100% !important;
  }

  .hot-deal-img span img {
    width: 100% !important;
  }

  /*footer*/
  .newsletter-inline {
    display: flex;
    align-items: center;
    max-width: 300px;
    width: 100%;
    gap: 0;
    justify-content: flex-start;
  }

  .newsletter-inline p {
    display: flex;
    flex-direction: row;
  }

  .footer-bottom-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }

  .footer-bottom-inner h6 {
    margin: 0px;
    text-align: center;
  }

  .filter-by-price select {
    border: 1px solid #000;
    padding: 5px 0px !important;
  }


  #filter-toggle {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #5FB9D3;
    color: white;
    border: none;
    cursor: pointer;
    min-width: 131px;
    height: 38px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;

  }

  /* Hide sidebar by default */
  #mobile-sidebar {
    display: none;
    width: 90%;
    background: #f7f7f7;
    padding:50px 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
  }

  /* Show sidebar when active */
  #mobile-sidebar.active {
    display: block;
    position: absolute;
    z-index: 999;
    top: 3rem;
    margin: auto;
    left: 5%;
    background-color: #EAEFF4;
  }

  /* Optional: Make sidebar full width */
  .sidebar {
    width: 100%;
    display: none;
  }

  .hero-sub-title {
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
  }

  .wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 50px 20px 50px 20px;
  }

  .Filter-by-main-category {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .time-to-ride {
    min-height: 900px !important;
  }

  .offer-text {
    top: 50% !important;
    left: 50% !important;
  }

  .desktop-header {
    display: none;
  }

  .submenu-wrapper {
    display: none;
  }

  .for-me-list,
  .brand-list {
    max-height: none;
    overflow-y: scroll;
  }

  .second-level {
    max-height: none;
    overflow-y: scroll;
  }

  .menu-item.open>.submenu-wrapper {
    display: block;
  }

  .menu-item-toggle button:hover {
    background: transparent;
  }

  .first-level>.menu-item-has-children>.menu-item-toggle .menu-item-label {
    color: #000 !important;
  }

  .mobile-header {
    display: block;
    background-color: #161818;
  }

  .header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 0 20px;
    position: fixed;
    background: #000;
    width: 100%;
    top: 0px;
  }

  .header-left,
  .header-right {
    width: 20%;
  }

  .header-center {
    width: 60%;
  }

  .header-left,
  .header-center,
  .header-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-center {
    flex-grow: 1;
    justify-content: center;
  }

 

  /* Hamburger icon */
  .menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .custom-breadcrumb {
    margin: 10px 0px 10px 0px;
  }

  .sub-menu .sub-menu {
    box-shadow: none;
  }

  .hamburger-icon {
    width: 22px;
    height: 2px;
    background-color: #90cad8;
    position: relative;
    display: inline-block;
  }

  .hamburger-icon::before,
  .hamburger-icon::after {
    content: '';
    width: 22px;
    height: 2px;
    background-color: #90cad8;
    position: absolute;
    left: 0;
  }

  .hamburger-icon::before {
    top: -6px;
  }

  .hamburger-icon::after {
    top: 6px;
  }

  .header-right img {
    height: 20px;
    margin-left: 0px;
  }

  .cart-count {
    background: #5fb9d3;
    color: #000;
    border-radius: 10px;
    padding: 1px 5px;
    font-size: 10px;
    margin-left: 4px;
    vertical-align: middle;
  }

  /* Hide mobile nav by default */
  .mobile-nav {
    display: none;
    background-color: #161818;
    padding: 0px;
  }

  .mobile-nav.active {
    display: block;
  }

  .mobile-nav .main-menu {
    flex-direction: column;
  }

  .mobile-nav ul {
    list-style: none;
    padding-left: 0;
  }

  .mobile-nav a {
    color: #fff;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    border-bottom: none;
  }

  /* CSS for Mobile Accordion and Arrows */
  .menu-item-has-children>.menu-item-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 5px 0;
  }

  .menu-item-label {
    color: #000;
    font-size: 16px;
  }

  /* Outer toggle button box */
  .submenu-toggle {
    background: transparent;
    border: none;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  /* Arrow shape (border-based) */
  .submenu-toggle .arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform 0.2s ease;
  }

  /* Down-facing arrow */
  .submenu-toggle .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  /* Up-facing arrow */
  .submenu-toggle .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .open .menu-item-toggle .menu-item-label {
    color: #90cad8 !important;
  }

  /* .open .menu-item-toggle .submenu-toggle .arrow {
   border: solid #90cad8;
} */

  .first-level .menu-item:hover,
  .first-level menuitem:active,
  .first-level .menu-item:focus {
    background-color: transparent;
  }

  ul.first-level>li.menu-item-has-children>a::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    vertical-align: middle;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    /* This makes the outlined down arrow */
    transition: transform 0.3s ease;
    position: relative;
    top: -1px;
  }

  ul.first-level>li.menu-item-has-children.open>a::after {
    border-top: none;
    border-bottom: 5px solid #fff;
  }

  /* Collapse all submenu wrappers by default */
  .submenu-wrapper {
    display: none;
  }

  /* Show only when open */
  .menu-item-has-children.open>.submenu-wrapper {
    display: block;
  }


  .menu-item-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    cursor: pointer;
    color: #fff;
    text-align: left;
    background: transparent;
    border: none;
    font-size: 16px;
  }

  .menu-item-label {
    white-space: nowrap;
    flex: 1;
  }

  .submenu-wrapper .sub-menu .parent-menu-item {
    padding: 5px 0px !important;
  }

  /* /// */
  /* Accordion submenu fix for stacking */


  /*  */
  .smart-woo-results {
    top: 100px;
  }

  .product-page-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 45px 20px;
  }

  .product-card {
    border: 1px solid #D1D1D1;
    max-width: none;
    width: auto;
    margin: 0px auto;
  }

  /* .submenu-toggle {
  background: none;
  border: none;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: block;
} */

  /* 
.submenu-toggle::before,
.submenu-toggle::after {
  content: '';
  position: absolute;
  background-color: #90cad8;
  transition: 0.2s;
} */

  /* .submenu-toggle::before {
  width: 12px;
  height: 2px;
  top: 9px;
  left: 4px;
} */

  /* .submenu-toggle::after {
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #90cad8;  
  display: block;
  width: 0;
  height: 0;
  transition: transform 0.3s ease;
} */


  /* Collapse the plus to a minus when open */
  /* .menu-item.open > .menu-item-toggle > .submenu-toggle::after {
  border-top: none;
  border-bottom: 5px solid #90cad8;  
} */


  /* Nested menus hidden by default */
  .submenu-wrapper {
    display: none;
    padding-left: 0px;
  }

  /* Show when parent is open */
  .menu-item.open>.submenu-wrapper {
    display: inline-block;
    width: 100%;
  }

  .second-level .menu-item {
    padding-left: 0px;
  }

  .main {
    width: 100%;
    height: fit-content;
  }

  .sidebar {
    max-width: 100%;
    position: sticky;
    top: 80px;
    /* Adjust as needed for spacing */
    align-self: flex-start;
    /* Prevents shrinking/stretching in flex */
    height: fit-content;
    margin-right: 44px;
    /* Ensures it wraps its content */
  }

  .product-top {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    flex-direction: column;
  }

  .shop-cta {
    color: #fff !important;
    background-color: #c03026 !important;
    border-radius: 0px !important;
    height: 38px;
    display: inline-block;
    width: 145px;
    text-align: center !important;
    line-height: 38px !important;
    font-size: 16px;
    text-transform: uppercase !important;
    margin: 0px auto !important;
    font-weight: 400 !important;
  }

  .product-slide .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 5px !important;
  }

  .product-slide .price {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 5px !important;
  }

  .customer-recommended-slider .product-title a {
    font-size: 14px;
    color: #000 !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    display: inline-block;
  }

  .customer-recommended-slider .product-description {
    font-size: 12px !important;
    font-weight: 400;
    ;
  }

  .product-details .woocommerce-loop-product__title {
    min-height: auto !important;
  }

  #step-2 {
    padding: 10px 15px;

  }

  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100%;
    overflow: visible;
  }

  .custom-cart-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    display: none;
  }

  .custom-cart-left,
  .custom-cart-right {
    width: 100%;
  }

  .product-gallery,
  .product-details {
    flex: 0 0 100%;
  }

  .woocommerce-product-gallery .flex-direction-nav a {
    position: absolute;
    top: 45%;
    /* Vertical center */
    transform: translateY(-50%);
    background-color: #000;
    color: white !important;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 0%;
    z-index: 99;
    opacity: 0.8;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    overflow: hidden;
  }

  .woocommerce-product-gallery .flex-direction-nav a::before {
    font-family: "dashicons";
    font-size: 15px;
    line-height: 30px;
    display: block;
  }
  .slick-prev::after, .slick-next::after {
    content: "";
    display: block;
    border: solid white;
    border-width: 0 2px 2px 0;
    padding: 4px;
   
}
.slick-prev {
    left: 0px;
}
.slick-next {
    right: 0px;
}
.price{
        margin-bottom: 10px !important;
        display: flex;
        flex-direction: row !important;
        gap: 10px;
}
.woocommerce nav.woocommerce-pagination ul li {
    margin-bottom: 20px;
}



 /* Style +/- buttons */
    .qty-btn, .qty-btn:focus , .qty-btn:active, .qty-btn:hover ,   .qty-btn:visited ,  .qty-btn:focus-visible {
       background: #c03026!important;
    padding: 4px;
    cursor: pointer;
    font-size: 1.2em;
    width: 30px;
    height: 46px;
    }
    .quantity {
        display: flex;
        align-items: center;
        gap: 5px;
    }
   
  #dynamic-price{
      display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px!important;
    flex-wrap: wrap!important;
    margin-bottom: 15px;
}


}

@media only screen and (min-width:982px) {
.qty-btn { display: none!important; }

  .first-level .menu-item-has-children>.menu-item-toggle::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border: solid #000;
    /* outline color */
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg);
    margin-left: 8px;
    vertical-align: middle;
    right: 23px;
    position: absolute;
    top: 15px;
  }

}

/* Tablet - 3 thumbnails */
@media (max-width: 1024px) {
  .woocommerce-product-gallery .flex-control-thumbs li {
    width: calc(33.333% - 10px);
    /* 3 per row */
  }
}

@media only screen and (max-width:1279px) {
  .footer-top {
    padding: 40px 20px;
    gap: 20px;
  }

  .desktop-header .menu-item {
    position: relative;
    padding: 5px 5px;
    cursor: pointer;
  }
}

@media only screen and (min-width:1600px) and (max-width:1799px) {
  .time-to-ride {
    min-height: 900px !important;
  }

  .offer-text {
    top: 45% !important;
    left: 58% !important;
  }
}

@media only screen and (min-width:1800px) and (max-width:2000px) {
  .time-to-ride {
    min-height: 900px !important;
  }

  .offer-text {
    top: 50% !important;
    left: 55% !important;
  }
}

@media only screen and (min-width:2001px) {
  .time-to-ride {
    min-height: 1100px !important;
  }

  .offer-text {
    top: 60% !important;
    left: 55% !important;
  }
}