/* Mobile Menu */

@media (min-width: 991px) {
    .filter-button-mbl{
        display: none;
    }
}

/** region mobile-menu responsive **/

@media (max-width: 991px) {
  #nav-toggler {
    width: 20px;
    height: 25px;
  }
  #nav-toggler span:after,
  #nav-toggler span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -7px;
  }
  #nav-toggler span:after {
    top: 7px;
  }

  /* on activation */
  #nav-toggler.close span {
    background-color: transparent;
  }
  #nav-toggler.close span:before {
    transform: rotate(45deg) translate(6px, 5px);
  }
  #nav-toggler.close span:after {
    transform: rotate(-45deg) translate(5px, -4px);
  }
  .header-area{
    border-bottom: 2px solid var(--main);
  }
  .main-nav .nav.open .overlay {
    content: "";
    position: fixed;
    left: 0;
    top: 112px;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
    display: block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .on-sticky .main-nav .nav.open .overlay {
    top: 70px;
  }
  .main-nav .nav .toggle + a {
    display: none;
  }
  .nav .drop-down li.drop-open > a:before {
    display: none;
  }
  .main-nav .nav .drop-down a:hover {
    background: none;
    color: inherit;
  }
  .main-nav .nav .drop-menu-2 li a.active {
    color: var(--main);
  }
  .main-nav .nav .drop-menu-2 li:hover {
    color: var(--main);
  }
  .on-sticky .main-nav .nav .responsive-menu {
    top: 74px;
  }
  .main-nav .nav.open .responsive-menu {
    left: 0;
  }
  .main-nav .nav:before {
    display: none;
  }
  .main-nav .nav ul li.open > ul {
    display: block !important;
    width: 300px !important;
    left: 0 !important;
    transform: initial !important;
    padding: 0 !important;
    box-shadow: none;
  }
  .main-nav .nav li a:hover {
    background: none;
    color: var(--main);
  }
  /* Fisrt Tier Dropdown*/
  .main-nav .nav li.open > a:after {
    content: "\f106";
  }
  .drop-menu-1 li a:only-child:after {
    content: " ";
  }
  .responsive-menu > li:last-child {
    margin-bottom: 100px !important;
  }
  .main-nav .nav ul li:hover > a {
    color: var(--main);
  }
  .f-items-wrapper {
    justify-content: space-between;
  }
  .f-items-wrapper .f-item {
    width: 25%;
  }
  section.delivery-section {
    margin-top: 15px;
    padding-top: 15px;
  }
  .f-items-wrapper .f-item-img img.mask {
    width: 100%;
  }
  .f-items-wrapper .f-item-img .cat-image {
    padding: 10px;
    margin: 0;
  }
  .header-middle-wrapper {
    flex-direction: block;
  }
  .header-icons {
    display: none;
  }
  .header-search-bar .form-group input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    height: 100%;
    padding: 0 16px;
  }
  .header-middle-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .header-logo img {
    height: 55px;
    padding-left: 10vw;
  }
  .sticky-footer {
    display: block;
  }
  body {
    margin-bottom: 59px;
  }
  .on-sticky .header-middle {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: white;
    border-bottom: 2px solid var(--main);
    border-top: 2px solid var(--main);
  }
  .sticky-btn,
  .header-search-bar {
    display: none !important;
  }
  .compare-icon-mobile,
  .cart-icon-mobile,
  .search-icon-mobile {
    display: block;
    position: relative;
  }
  #column-left .lc-close {
    display: inline !important;
  }
  #column-left {
    right: -320px;
    background: #fff;
    display: block !important;
    width: 300px;
    position: fixed;
    top: 0;
    height: calc(100vh - 110px);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-top: 0;
  }

  #column-left.open {
    right: 0;
    top: 0;
    z-index: 99999;
    height: calc(100vh - 59px);
    box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2);
    overflow: auto;
  }
  button#lc-toggle {
    border: 1px solid rgb(21 126 210 / 11%);
    padding: 3px 5px;
  }

  button#lc-toggle i.fa {
    color: var(--main);
  }
  .header-middle-icons {
    display: none;
  }
  .header-searchBar {
      position: static;
      width: 100%;
      margin-top: 1vh;
      border: 1px solid var(--main);
  }
  .on-sticky .header-searchBar {
    top: 74px;
  }
  .header-searchBar.search-active {
    display: block;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  
  .header-searchBar .search-box-wrapper button i {
    font-size: 20px;
  }
  .header-searchBar .search-box-wrapper input {
    width: 100%;
    border: none;
    border-radius: 0 !important;
    height: 25px;
    padding-left: 45px;
    font-size: 13px;
  }
  .header-middle {
    border-bottom: 1px solid rgb(21 126 210 / 11%);
  }
  .shipping-information-area{
      padding: 0;
  }
}
/**endregion**/

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
}
@media (max-width: 1230px) {
}

/*  MD Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
}

/* small mobile :320px. */
@media (max-width: 767px) {
  .ecom-feature-product-list-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .ecom-single-product-item .ecom-product-img img {
    max-width: 100%;
    height: auto;
  }

  .ecom-single-product-item {
    padding: 15px;
  }

  .ecom-single-product-item .ecom-product-info .title, .ecom-single-product-item.category .ecom-product-info .title {
    -webkit-line-clamp: 4;
    height: 64px;
    font-size: 12px;
    line-height: 16px;
  }

  .cart-button-wrap .add-to-cart {
    font-size: 8px;
  }

  .cart-button-wrap .add-to-cart svg {
    width: 18px;
  }
  .featured-product-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .single-information-box {
    flex-direction: column;
    width: 50%;
    gap: 5px;
    margin-bottom: 15px;
  }

  .information-box-wrapper {
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .single-information-box .icon span {
    font-size: 40px;
  }
  .description.rounded-shape-bg table {
    width: auto !important;
  }
  .description.rounded-shape-bg h1, .description.rounded-shape-bg h2, .description.rounded-shape-bg h3, .description.rounded-shape-bg h4, .description.rounded-shape-bg h5, .description.rounded-shape-bg h6 {
    font-size: 16px !important;
    line-height: initial !important;
  }
  .description.rounded-shape-bg table td p, .description.rounded-shape-bg table td, .description.rounded-shape-bg table td span {
    font-size: 11px !important;
    word-break: break-word;
  }
  .single-information-box .text {
    text-align: center;
  }

  .single-information-box .text h5 {
    font-size: 13px;
  }

  .single-information-box .text p {
    font-size: 12px;
  }

  .footer-widget.quick-links ul li {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin-bottom: 10px;
    position: relative;
  }

  .footer-widget.quick-links ul li:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: white;
    left: -4px;
    top: 60%;
    transform: translateY(-50%);
    border-radius: 50%;
  }

  .footer-widget.quick-links ul li:first-child:before {
    width: 0;
  }
  .footer-widget.quick-links {
    padding-left: 0;
  }

  .footer-widget.quick-links ul {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .footer-widget.quick-links a > i {
    display: none;
  }

  .footer-widget h4 {
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .footer-widget {
    margin-bottom: 20px;
  }
  .information .social-links ul {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .footer-block a > img {
    height: auto;
  }

  .footer-area {
    padding-bottom: 20px;
  }
  .opening-hour.icon-text-wrapper {
    display: none;
  }

  .header-top-wrapper {
    justify-content: space-between;
  }
  .featured-category-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-header h2 {
    font-size: 14px;
  }

  .single-banner-item {
    margin-bottom: 20px;
  }

  .col-lg-6:nth-child(2) .single-banner-item {
    margin-bottom: 0;
  }
  .single-slider-item {
    height: 220px;
  }
  .brand-association p {
    width: 80%;
    text-align: center;
    font-size: 8px;
    top: -25px;
    padding: 7px 10px;
    letter-spacing: 2px;
  }
  .footer-radius-circle,
  .query-block-wrapper .query-icon {
    border-color: white;
    font-size: 16px;
  }
  .query-block {
    max-width: 250px;
  }
  .footer-widget .widget-info p {
    font-size: 12px;
    text-align: center;
  }

  .footer-widget.quick-links ul li {
    font-size: 12px;
    margin: 0;
  }

  .footer-block h4 {
    font-size: 16px;
  }

  .query-block-wrapper .query-text h3 {
    font-size: 14px;
  }

  .query-block-wrapper .query-text p {
    font-size: 12px;
  }
  .footer-block {
    margin: 0 !important;
  }
  .footer-area hr {
    margin-top: 0;
  }
  .slider-area-wrapper .owl-dots {
    bottom: 20%;
  }
  .widget-info .info .icon {
    margin-right: 0;
  }

  .widget-info .info {
    flex-direction: column;
    align-items: center;
  }
  .ending-footer {
    padding-bottom: 20px;
  }

  .footer-btm-widget p {
    font-size: 12px;
  }
  .mobile .single-banner-item img {
    display: none;
  }

  .mobile .single-banner-item .mobile-banner {
    display: block;
    width: 100%;
  }
  .sticky-btn {width: 50px;height: 50px;font-size: 8px;bottom: 160px;}

  .sticky-btn i {
    font-size: 16px;
    margin: 10px 0 5px;
  }

  .sticky-btn.cmpr-toggler {
    bottom: 225px;
  }
  .service-area.section-padding .col-lg-4.col-md-6 {width: 50%;}

  .ecom-price-info p {
    font-size: 12px;
  }

  .ecom-price-info {
    gap: 15px;
  }

  .service-item-wrapper {
    padding: 15px;
    height: auto;
    margin-bottom: 20px;
  }

  .service-item-wrapper .service-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    margin-bottom: 10px;
  }

  .service-item-wrapper .service-icon img {
    width: 25px;
    height: 25px;
  }

  .service-text-wrapper h2 {
    font-size: 13px;
    text-align: center;
    height: 22px;
  }

  .service-text-wrapper p {
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }

  .service-item-wrapper .service__floating_img {
    display: none;
  }

  .single-news-item {
    margin-bottom: 25px;
  }

  .single-news-item .news-info {
    padding: 15px;
  }

  .single-news-item .news-info .title {
    height: 40px;
    -webkit-line-clamp: 2;
  }

  .single-news-item .news-info .read-more {
    font-size: 12px;
    line-height: 16px;
  }
  .seo-description h3 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 4px !important;
  }

  .seo-description p {
    font-size: 14px !important;
    line-height: 20px;
  }
  .breadcrumb {
    margin: 20px 0;
  }
  
  .breadcrumb li a {
    font-size: 11px;
    margin-right: 7px;
  }

  .breadcrumb li {
    padding-right: 6px;
  }
  .contact-wrapper .contact_form textarea#input-enquiry {
    height: 100px !important;
  }

  .contact-map iframe {
    height: 200px;
  }

  .tab-area button.nav-link.active {
    font-size: 14px;
  }

  .contact-wrapper .contact-title h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .contact_form .buttons .btn-basic-sm {
    font-size: 12px;
  }
  .main_content {
    padding: 20px;
  }
  .main_content.offer_content_wrap h2 {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .main_content.offer_content_wrap .description {
    margin: 10px 0;
  }

  .main_content.offer_content_wrap h4 {
    font-size: 14px;
  }
  body .popup.f-in .btn-wrapper a button.btn {
    font-size: 12px;
    padding: 6px 14px;
    width: auto;
  }
  .empty-content img {
    height: auto;
    width: 50%;
  }

  .empty-content .btn {
    font-size: 12px;
  }
  .compare_table .btn {
    font-size: 11px;
    width: auto;
    padding: 9px 10px;
  }
  .section-header h2:after{
    width: 40%;
  }
  .section-header .featured-view-all-btn {
    font-size: 12px;
  }
  .section-padding-top {
    padding-top: 20px;
  }
.common-home .ecom-feature-product-list-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.common-home .ecom-feature-product-list-wrapper .ecom-single-product-item {
    max-width: 48%;
}
}
@media (max-width: 480px) {
  .featured-product-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .single-slider-item {
    height: 120px;
  }
  .header-search-bar .form-group.input input {
    width: auto;
  }
  .f-items-wrapper .f-item-img {
    padding-bottom: 5px;
  }
}

/* Large Mobile :480px. */

@media (min-width: 1366px) {
  .container {
    max-width: 1320px;
  }
}

}