﻿@media (max-width: 767px) {

    .banner-wrapper {
        display: none;
    }

    .instagram-media {
        max-width: 100% !important;
        padding:0px !important;

    }
        .newarrivals {
        margin-top: 20px !important;
    }

    .new-account{font-size:14px;}

    .ping_bg {
        float: none !important
    }

    .whyshop .col {
        flex: auto !important;
        margin-bottom: 22px;
        border-bottom: solid #ffffff5c 1px;
        padding: 0 31px;
    }

        .whyshop .col:last-child {
            border: none;
        }

    .whyshop .img_box img {
        width: 60px;
    }

    .img_box {
        padding: 14px 0;
    }

    .whyshop .box p {
        font-size: 12px;
        color: #fff;
        text-align: center;
        line-height: 18px;
        font-weight: 300;
    }

    .whyshop .box h1 {
        color: #fff;
        margin: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 500;
    }


    .carousel-caption {
        position: absolute;
        right: 10%;
        bottom: 0;
        left: 10%;
        padding-top: 0;
        padding-bottom: 0;
        color: #fff;
        text-align: center !important;
        top: 40px;
    }

    .carousel-item .display-5 {
        font-family: "Kiwi Maru", serif;
        font-size: 24px;
        color: #fff;
    }

    .carousel-item .lead {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0.5px;
        line-height: 18px;
    }




    .announcement-meta {
        /* float: right; */
        margin-top: -22px;
    }


    .search-modal .modal-dialog {
        max-width: 88%;
        padding: 13px 20px;
    }

    .search-modal__form input {
        width: 100%;
        height: 48px;
        background: none;
        color: #fff;
        border: 0;
        border-bottom: 1px solid hsla(0, 0%, 100%, .44);
        font-size: 14px;
        outline: none;
        border-radius: 0px;
    }

    .search-modal__form button:hover {
        color: #f7f7f7;
    }

    .search-modal__form button {
        position: absolute;
        top: 0;
        right: 9px;
        background: none;
        border: 0;
        height: 47px;
        font-size: 15px;
        color: #fff;
        transition: all .3s cubic-bezier(.22,.61,.36,1);
    }

    .search-modal__close {
        padding: 8px;
        font-size: 15px;
        position: absolute;
        top: 36px;
        right: 40px;
        margin: 0;
        padding: 1px;
        font-size: 21px;
        border: 0;
        background: none;
        line-height: 1;
        /* color: #ff0000; */
        transition: all .3s cubic-bezier(.22, .61, .36, 1);
        z-index: 99999;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        /* border: solid #fff 1px ! IMPORTANT; */
        text-align: center;
        line-height: 2px;
        font-weight: 300;
    }

    .header-logo img {
        height: auto;
        width: 60;
        width: 110px;
    }

    .announcement-text svg {
        width: 20px !IMPORTANT;
        height: 20px !IMPORTANT;
        /* display: none; */
    }

    .icon-cart-empty {
        width: 34px !IMPORTANT;
        height: 41px !IMPORTANT;
    }

    .trending {
        margin-top: 0px;
    }

        .trending .section-header {
            display: block;
        }

        .trending .section-heading {
            font-size: 23px !important;
            text-align: center;
        }

    .btn-link-shop {
        font-size: 15px;
        color: #000 !IMPORTANT;
        padding: 0px 0 !IMPORTANT;
    }

        .btn-link-shop i {
            padding-left: 10px;
            font-size: 12px;
        }

    .product-top h3 {
        font-size: 18px !important;
    }

    .product-top .card {
        margin-bottom: 20px;
    }

    .dtdc {
        margin-bottom: 20px;
    }

    .whyshop {
        /* background: #f1f1f1; */
        padding: 18px 0;
        margin: 0 0 0;
    }

        .whyshop h2 {
            /* font-family: Butler; */
            font-size: 23px !IMPORTANT;
            text-transform: uppercase;
            padding-bottom: 20px;
            line-height: 31px;
        }

        .whyshop .mt-3 {
            margin-top: 0px !IMPORTANT;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .whyshop h3 {
            font-size: 16px !important;
        }

    .trusted-section {
        padding: 0px 0 10px;
        background: #ebebeb;
        /* margin-top: 50px; */
    }

    .trusted-row > div {
        height: 100%;
        margin-top: 20px;
    }

    .footer-style-2 .footer-heading {
        color: #ffffff;
        font-weight: 700;
        font-size: 14px;
        padding: 2px 0;
    }

    .icon-dropdown {
        fill: #ffffff !IMPORTANT;
    }

    .footer-menu {
        display: none;
        padding-top: 21px;
        overflow: hidden;
        padding-bottom: 0;
    }

    .footer-style-2 .footer-menu-item a, .footer-style-2 .footer-text {
        color: #adadad;
        padding: 6px 0;
        font-size: 13px;
        border-bottom: solid #2c2c2c 1px;
        display: block;
    }

    .announcement-bar {
        /* background: #6e2356; */
        padding: 5px 0 !IMPORTANT;
    }

        .announcement-bar p {
            font-size: 11px;
        }

    .header-action-item {
        margin-top: 0;
    }

    .icon-search {
        width: 20px !IMPORTANT;
        height: 20px !IMPORTANT;
    }

    .header-wishlist, .header-hamburger {
        margin-top: 0px !important;
    }

    .icon-cart {
        margin-right: 12px !important;
    }

    .header-action-item .icon {
        margin-right: 0px;
    }

    .header-top, .header-bottom {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        position: relative;
    }

    .menu-list-item {
        padding: 0px 0px !IMPORTANT;
    }

    .main-menu .nav-link {
        /* font-size: 14px; */
        /* font-weight: 500; */
        /* color: #fff !IMPORTANT; */
        /* display: block; */
        /* width: 100%; */
        /* padding: 10px 0px !important; */
        /* border-bottom: dotted #5c5c5c 1px; */
    }

    ul.main-menu {
        margin-top: 0;
        margin: 0px;
    }

    .header-hamburger {
        margin-left: 0px !important;
    }

    .header-cart {
        margin-left: 10px !important;
        /* width: 20px; */
    }

    .header-action-item .icon-cart {
        width: 20px;
        height: 20px;
    }

    .filter-sort-wrapper .collection-title {
        font-size: 15px !important;
        margin-bottom: 0px !IMPORTANT;
        line-height: 21px;
        font-weight: 700;
    }

    .collection-title-wrap, .filter-sorting {
        padding: 5px 0;
    }

    .filter-sort-wrapper {
        padding: 5px 0;
        border-bottom: solid #e3e3e3 1px;
        border-top: solid #e3e3e3 1px;
        margin-top: 13px;
    }

    .mobile-filter-heading {
        font-weight: 700 !IMPORTANT;
        font-size: 12px !important;
    }

    .filter-sort-wrapper .collection-counter {
        font-size: 12px !important;
        margin-left: 3px !IMPORTANT;
    }

    .pagination {
        border-top: solid #e5e5e5 1px;
        padding: 30px 0 0px;
        display: flex;
        text-align: center;
        margin-top: 35px !IMPORTANT;
    }

        .pagination ul li {
            list-style: none;
        }

        .pagination ul {
            margin: 0px !IMPORTANT;
            padding: 0;
        }

    .footer-widget-inner {
        padding-top: 3px;
    }

    .product-details {
        margin-left: 0px;
    }

    .ltn__product-details-menu-2 ul li {
        list-style: none;
        display: inline-block;
        margin-right: 0px;
        width: 100%;
    }

    .ltn__product-details-menu-2 .btn {
        width: 100%;
        margin-top: 10px;
    }

    .blog-page {
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .article-page {
        padding: 30px 0;
    }

    .product-gallery-vertical .img-thumb-wrapper {
        width: auto;
    }

    .activate-dots {
        position: relative;
        margin-top: 30px;
    }

    .featured-collection-section {
        margin-top: 0px !important;
    }

    .product-card-title, .product-card-title a {
        font-size: 15px !IMPORTANT;
        width: 100% !IMPORTANT;
        display: block;
        margin: 0px;
        padding: 0px;
        height: 35px !IMPORTANT;
    }
}
