@media (max-width:1320px) {
    .cart-nav ul.list-style>li {
        margin-right: 15px;
        padding-right: 15px;
    }


}

@media (max-width: 1199px) {
    .user-nav ul li {
        margin-right: 10px;
    }

    .cart-nav ul.list-style>li {
        margin-right: 10px;
        padding-right: 10px;
    }

    .subscribe-form form .form-group input {
        width: 360px;
    }

    .fs-50,
    .fs-60 {
        font-size: 40px;
    }

    .header .cart-nav ul.list-style>li>ul {
        left: auto;
        right: 0px;
    }

    .store-box .location-box.bg-light.p-4 {
        padding: 10px 10px !important;
    }

    .footer {
        padding-top: 60px;
    }

    .main-section {
        padding: 70px 0px;
    }


}

@media (max-width: 991px) {
    .container {
        max-width: 100%;
    }

    .nav ul.main-list {
        display: none !important;
    }

    button.menu-hamburger {
        display: flex;
        min-width: auto;
        right: 15px;
    }

    .cart-nav {
        justify-content: left;
    }

    .cart-nav ul li:last-child button small {
        display: none;
    }

    .store-pin span {
        top: 4px;
    }

    button.store-pin {
        padding: 0px;
        padding-left: 0px;
        font-size: 0px;
        min-width: auto;
    }

    .cart-nav ul li span {
        position: relative;
        top: 0px;
        left: auto;
    }

    .user-nav ul li {
        margin-right: 5px;
    }

    .user-nav ul li a {
        padding-right: 7px;
    }

    .search-flyout {
        width: 700px;
    }

    .menu-hamburger:hover {
        background: #ececec !important;
    }

    .user-nav ul li a {
        font-size: 13px;
    }

    .slider {
        height: 40vh;

    }

    .first-view-box {
        height: 150px;
    }

    .slide__content {
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        margin-left: 0px;
    }

    .main-section {
        padding: 70px 0px;
    }

    .heading br {
        display: none;
    }

    .feature-box {
        padding: 15px 0px;
    }

    .feature-box.need-help {
        margin-bottom: 25px;
    }

    .footer {
        padding-top: 60px;
    }

    .payment-option {
        max-width: 200px;
    }

    .footer .col-xs-text-center {
        text-align: center !important;
    }

    .site-logo.footer-logo {
        text-align: center;
    }

    .default-menu {
        padding: 10px 0px;
    }

    .footer-bottom {
        padding: 20px 0px;
    }

    .slide__heading {
        font-size: 45px;
        text-align: center;
    }

    .footer .row .col:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .lg-hide {
        display: inline-block;
    }

    .product-fitler {
        position: fixed;
        left: -100%;
        z-index: 9999;
        background: #fff;
        top: 0px;
        height: 100vh;
        width: 320px !important;
        padding: 15px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        overflow-y: auto;
        margin: 0px !important;
    }

    .filter-open .product-fitler {
        left: 0px;
    }

    button#filter-btn {
        min-width: auto;
    }

    .prd-sort-filter select {
        height: 41px;
    }

    button#filter-btn-cls {
        min-width: auto;
        background: transparent !important;
        color: #000;
        opacity: 1;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .product-side-bar .product-img.object-fit {
        height: auto;
    }

    .modal-lg {
        max-width: 90%;
    }

    .inner-banner {
        padding: 70px 0px;
    }

    .main-section {
        padding: 50px 0px;
    }

    .vd-banner {
        height: auto;
    }

    .vd-banner .video-section {
        height: 400px;
    }

    .vd-banner .container.position-absolute {
        transform: translate(-50%, -15%);
    }

    .gift-card-form {
        margin-top: 30px;
        padding: 30px 30px 15px;
    }


}


@media (max-width:767px) {
    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .search-flyout {
        width: 90%;
    }

    .header {
        padding-top: 8px;
    }

    .user-nav {
        justify-content: center;
        padding-bottom: 10px;
    }

    .user-nav ul li a {
        font-size: 15px;
    }

    .site-logo.text-center {
        text-align: left !important;
    }

    .cart-nav ul {
        padding-top: 10px;
    }

    .slide__heading {
        font-size: 44px;
    }

    .slider {
        height: 40vh;
    }

    .cart-nav ul.list-style>li {
        float: left;
    }

    .first-view-box {
        height: auto;
    }

    .collage-section.pt-5 {
        padding-top: 0px !important;
    }

    .order-xs-1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .mob-order-1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .collage-box {
        height: auto !important;
        margin-bottom: 15px;
    }

    .video-section {
        height: auto;
    }

    .videoPosition,
    .videoPosition video {
        position: relative;
        width: auto;
        transform: none;
        height: auto !important;
        left: auto;
        top: auto;
        max-height: 400px;
    }

    .offer-box .position-absolute {
        width: 100%;
        padding: 15px 15px;
    }

    .fs-80 {
        font-size: 35px;
    }

    .mob-app-txt {
        text-align: center;
        max-width: 420px;
        margin: auto;
    }

    .app-btn {
        text-align: center;
    }

    .app-btn a {
        float: none;
    }

    .feature-box {
        padding: 15px 0px;
        max-width: 320px;
        margin: auto;
        text-align: center;
    }

    .feature-box.need-help {
        text-align: center;
    }

    .col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer-widget {
        margin-bottom: 20px;
    }

    .back-to-top {
        bottom: 60px;
        right: 15px;
    }

    .collage-section .pl-0 {
        padding-left: 15px !important;
    }

    .store-box .cart-nav ul.list-style>li>ul {
        position: relative;
        top: 0px;
        width: 100%;
        left: 0px;
        opacity: 1;
        visibility: visible;
    }

    .store-box .cart-nav ul.list-style,
    .store-box .cart-nav ul.list-style li {
        width: 100%;
    }

    .store-box .cart-nav ul.list-style li button.store-pin {
        display: none;
    }

    .store-box .cart-nav.text-left {
        background: transparent;
    }

    .store-box {
        padding-top: 20px;
    }

    .collage-section .p-0 {
        padding: 0px 15px !important;
    }

    .slider__control {
        left: 0px;
        width: 40px;
        height: 40px;
        margin-left: 0px;
        margin-top: 0px;
    }

    .slider__control--right {
        right: 0px;
        left: auto;
    }

    .slider__control--right .slider__control-line {
        left: 30px;
    }

    .slider__control-line {
        left: 17px;
    }

    .col-xs-hide {
        display: none;
    }

    .collage-txt {
        padding: 30px 0px;
    }

    .modal-body .row.m-0 {
        margin: 0px -15px !important;
    }

    .inner-banner {
        padding: 10px 0px;
    }

    .fs-45 {
        font-size: 35px;
    }

    .table-container {
        overflow-x: auto;
    }

    .table-container table {
        min-width: 600px;
    }

    .quick-checkout.bg-light.p-4 {
        max-width: 320px;
    }

    .user-login-box {
        max-width: 100%;
    }

    .abt-me-box {
        max-width: 320px;
        margin: auto auto 25px;
        height: auto;
    }

    .vd-banner .container.position-absolute {
        transform: translate(-50%, -50%);
    }

    .gift-card-box .site-logo a {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .nav-pills .nav-link {
        min-width: auto;
    }

    .prd-tabs.responsive-tab .card-body {
        padding: 15px 0px;
    }

    .fv-content {
        padding: 10px;
    }

    .location-section {
        padding-top: 50px !important;
    }

    .location-widget {
        padding: 10px 15px 10px !important;
    }

    .location-section .copyright-section {
        text-align: center;
    }

    .location-section .copyright-section .text-right {
        text-align: center !important;
    }

    .location-section .social-icon {
        padding: 10px 0px;
    }


}

@media (max-width:575px) {
    .subscribe-form form .form-group input {
        width: 100%;
    }

    .mob-app-txt {
        max-width: 320px;
    }

    .header .site-logo {
        font-size: 23px;
    }

    .cart-nav ul li span sup {
        position: absolute;
        right: 0px;
        top: -6px;
    }

    .menu-hamburger {
        padding: 15px 5px 15px 5px;
    }

    .cart-nav ul.list-style>li {
        margin-right: 8px;
        padding-right: 8px;
    }

    .menu-hamburger {
        padding: 15px 5px 15px 7px;
    }

    .slide__content {
        max-width: 100%;
        width: 65%;
    }

    .slide__heading {
        font-size: 30px;
        text-align: center;
    }

    .slider {
        height: 101px;
        overflow: hidden;
    }

    .slide__inner {
        left: 50%;
        top: 0px;
        width: 100vw;
        height: 100%;
        margin-left: -50vw;
        margin-top: 0px;
    }

    .slide__heading {
        background: rgb(231 39 45 / 55%);
    }

    .blend-txtt {
        font-size: 30px;
        padding: 4px 22px;
        width: 80%;
        text-align: center;
    }

    .videoPosition,
    .videoPosition video {
        max-height: 300px;
    }

    .offer-heading.fs-80 {
        font-size: 18px;
    }

    .offer-box-content h4 {
        font-size: 12px;
        margin-bottom: 9px;
        color: #fff;
    }

    .offer-heading.fs-60 {
        font-size: 17px;
    }

    .offer-box-content .btn {
        min-width: auto;
        font-size: 13px;
        padding: 6px 9px;
    }

    .fs-50,
    .fs-60 {
        font-size: 30px;
    }

    .app-btn a:last-child img {
        margin-right: 0px;
    }

    .se-pre-con {
        width: 100%;
        padding: 20px;
    }

    .loader-box .site-logo {
        font-size: 40px;
    }

    .search-flyout {
        width: 100%;
    }

    .search-flyout {
        padding: 40px 15px;
    }

    .prd-result.scroll-bar {
        margin-left: -15px;
    }

    .prices {
        font-size: 14px;
    }

    .quick-view-box {
        padding: 30px 15px;
    }

    .product-side-bar .col-xs-6 {
        padding: 0px 7px;
    }

    .quick-section {
        padding: 15px 10px;
        background: transparent;
    }

    .quick-section .quick-btn {
        padding: 4px 10px;
        min-width: auto;
        font-size: 13px;
    }

    .prd-name {
        font-size: 14px;
    }

    .status-bar {
        padding: 15px 5px 5px;
    }

    .status-bar span {
        padding: 3px 4px;
        font-size: 10px;
        margin-bottom: 10px;
        margin-right: 5px;
    }

    .wishlist-btn {
        width: 30px;
        height: 30px;
        font-size: 15px;
        margin-top: 0px;
    }

    .fs-45 {
        font-size: 30px;
    }

    .checkout-container .p-4 {
        padding: 10px 0px !important;
    }

    .checkout-container .rounded-pill button {
        min-width: auto;
        padding: 8px 11px !important;
        font-size: 13px;
    }

    .table-container table .sm-btn {
        min-width: auto;
        padding: 4px 4px;
        font-size: 10px;
    }

    .field-sm {
        width: 100%;
        padding: 0px;
        margin-bottom: 20px;
    }

    .field .field-sm:last-child {
        margin-bottom: 0px;
    }

    .user-message-box {
        padding: 0px;
    }

    .vd-banner .video-section {
        height: 320px;
    }

    .fs-35 {
        font-size: 25px;
    }

    .vd-banner .videoPosition,
    .vd-banner .videoPosition video {
        max-height: 400px;
    }

    .fname {
        font-size: 15px;
        padding: 3px 10px;
        font-weight: 300;
    }

    .customer-insta-container {
        padding: 30px 15px;
    }

    .customer-box.object-fit {
        height: 161px;
    }

    .customer-post {
        padding: 5px;
        font-size: 11px;
    }

    .customer-insta-container .fs-20 {
        font-size: 17px;
    }

    .gift-card {
        padding: 20px 10px;
    }

    .gift-tagline {
        font-size: 17px;
    }

    .gift-card-box .site-logo a {
        margin-bottom: 10px;
    }

    .coupon-price {
        font-size: 35px;
    }

    .bar-code-info p,
    .bar-code-info p a {
        white-space: normal;
    }

    .bar-code-info {
        font-size: 12px;
    }

    .col-xs-pl-0 {
        padding-left: 0px;
    }

    .gift-card-form {
        padding: 30px 15px 15px;
    }

    .gift-card-form .btn-section button,
    .gift-card-form .btn-section .btn {
        min-width: auto;
        padding: 9px 8px;
        font-size: 12px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 25px;
    }

    .faq-page .card-header h5 {
        font-size: 17px;
    }

    .faq-page .card-header a {
        padding: 10px 35px 10px 0px;
    }

    .cust-nav1 {
        display: none;
    }

    .prd-tabs.responsive-tab .card-body {
        padding: 15px;
    }

    .prd-tabs.responsive-tab .card-header {
        padding: 0px;
        background: transparent;
    }

    .prd-tabs.responsive-tab .card-header a {
        display: inline-block;
        width: 100%;
        padding: 10px 30px 10px 10px;
        position: relative;
    }

    .accordin-icon {
        position: absolute;
        right: 0px;
        top: 50%;
        width: 25px;
        transform: translateY(-50%);
        font-weight: 400;
    }

    .responsive-tab .card-header .accordin-icon .mins:before {
        content: "-";
        color: #444;
        font-style: normal;
    }

    .responsive-tab .card-header a.collapsed span.accordin-icon .mins:before {
        content: "+";
    }

    .responsive-tab .tab-content>.tab-pane {
        border: none;
    }

    .fv-content P {
        font-size: 15px;
    }

    .fv-content P br {
        display: none;
    }

    .fv-content u {
        display: none;
    }

}