@media only screen and (max-width: 1440px) {
    .gallrywrap ul li:nth-child(1),
    .gallrywrap ul li:nth-child(2),
    .gallrywrap ul li:nth-child(3) {
        display: none;
    }

    .gallrywrap ul li:nth-child(4) {
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .hero-section::after {
        display: none !important;
    }

    .nav-item a.active {
        border: none !important;
        padding-left: 0px !important;
    }

    .nav-item a {
        border: none !important;
        padding-left: 0px !important;
    }

    .login-btn {
        display: none;
    }

    .menu-login {
        display: block;
    }

    .cart-countwrap {
        display: inline-block;
    }

    .cart-count {
        right: -10px;
    }

    .navbar-nav {
        align-items: start;
        margin-top: 30px;
        gap: 5px;
    }

    .nav-item {
        border-bottom: var(--border-lightgray);
        width: 100%;
    }

    .active {
        border: var(--border-none);
        padding: 0.5rem 0rem !important;
    }

    .headerleft h2 {
        font-size: var(--font-title-3xl);
        margin-top: 30px;
    }


    .headerright::before {
        background-size: contain;
    }

    /* .imagecolumn {
      text-align: center;
    }
   */
    .prodcatwrap .prod-info h6 {
        height: 100px;
    }

    .prodcatwrap .section-title {
        font-size: var(--font-title-3xl);
    }

    .letushelpyouwrap h2 {
        font-size: var(--font-title-3xl);
    }

    .featuredproductswrap h3 {
        font-size: var(--font-title-2xl);
    }

    .operationhourscol h2 {
        font-size: var(--font-title-3xl);
    }

    .operationhourscol h5 {
        padding-left: 0px !important;
    }

    .operationhourscol ul {
        padding: 0px !important;
    }


    .gallrywrap ul li:nth-child(1),
    .gallrywrap ul li:nth-child(5) {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .featuredproductswrap .owl-nav {
        position: absolute;
        top: -138px;
        right: 30px;
    }

}

@media only screen and (max-width: 768px) {

    .fea-prod-info img{height: auto;}

    .navbar-toggler-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
    }

    .bluepatternbg {
        background-size: cover !important;
    }

    .listbtnstyle a {
        font-size: var(--font-body-sm);
    }

}

@media only screen and (max-width: 767px) {

    .headerleft {
        text-align: center;
        z-index: 99;
    }

    .headerleft h1 {
        text-align: center;
        margin-top: 0;
        line-height: 45px;
    }

    .headerleft h6 {
        text-align: center;
    }

    .headerright img {
        margin-top: 30px;
        width: 78%;
    }

    .operationhourscol ul li {
        display: block !important;
    }

    .carousel-caption h5 {
        font-size: var(--font-body-xl);
        padding: 0px 53px;
    }

    .daycol,
    .timecol {
        font-size: var(--font-body-lg);
    }

    .event-date h4 {
        font-size: var(--h6);
    }

    .event-btn {
        font-size: var(--h6);
    }
}


@media only screen and (max-width: 786px) {
    .navbar-wrapper ul {
        align-items: start;
        margin-top: 30px;
        gap: 5px;
        flex-direction: column;
    }

    .navbar-wrapper ul li {
        position: relative;
        border-bottom: var(--border-lightgray);
        width: 100%;
        padding: 7px 0px !important;
    }

    .navbar-wrapper ul li:last-child {
        border: none;
    }

    .navbar-wrapper ul li > ul {
        position: unset !important;
        display: block;
        margin-left: 0;
        padding-left: 15px;
    }

    .navbar-wrapper ul li > ul a {
        padding: 0 10px !important;
    }

    .navbar-wrapper ul li > ul::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        top: 30px;
        right: 13px;
    }

}