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

    .mobil-filterr{
        display:block;
    }
    #secondary{
        display:none;
    }

}
@media only screen and (max-width: 767px) {
    header .velmut-top {
        display: none;
    }

    header .velmut-head .box-head img {
        width: 150px;
    }

    header .velmut-head .box-search {
        display: none;
    }

    header .box-user-head {
        display: none;
    }

    header .velmut-head .menu-head a {
        color: #000;
        font-size: 14px;
        font-weight: 300;
    }

    header .velmut-head .menu-head a i {
        color: #000;
    }

    header .velmut-head .search-head a {
        color: #000;
        font-size: 14px;
        font-weight: 300;
    }

    .box-head-l-user {
        border: 0;
    }

    header .menu-velmut {
        display: none;
    }

    .home-story .swiper {
        overflow: visible;
    }

    .home-story .swiper-slide span {
        font-size: 12px;
        color: #BA9A67;
    }

    .home-story .swiper-slide img {
        border-color: #DCDCDC;
        border-style: solid;
        border-width: 1px;
    }

    header .velmut-head {
        margin: 20px 0;
    }

    .home-story {
        overflow: hidden;
    }

    .home-slider .swiper-slide img {
        border-color: #B7B7B7;
        border-style: solid;
        border-width: 1px;
    }

    .home-slider .swiper-pagination {
        background: #F4F4F4;
        border-radius: 0;
        padding: 10px 0;
        display: flex;
        align-items: center;
    }

    .home-slider .swiper-pagination .swiper-pagination-bullet {
        background-color: #E4E4E4;
        opacity: 1;
        height: 8px;
        width: 8px;
    }

    .home-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #BA9A67;
        width: 25px;
        border-radius: 100px;
        height: 6px;
    }

    .home-slider {
        margin-top: 20px;
    }

    .product-cart-velmut {
        margin: 40px 0;
    }

    .product-cart-velmut h2 {
        font-size: 16px;
        margin: 0 0 25px;
    }

    .product-cart-velmut h2 span {
    }

    .product-cart-velmut .comment-count {
        font-size: 12px;
    }

    .product-cart-velmut .product-name {
        font-size: 14px;
        line-height: 20px;
    }

    .product-cart-velmut .product-price {
        font-size: 16px;
    }

    .home-bg-second {
        background-color: #F4F4F4;
        padding-top: 0;
        overflow: hidden;
    }

    .list-cat-home {
        margin-bottom: 25px;
    }

    .velmut-cat-list .swiper-slide a {
        font-size: 12px;
        padding: 8px;
    }

    .list-cat-home .swiper-next {
        display: none;
    }

    .list-cat-home .swiper-prev {
        display: none;
    }

    .home-banner .item-img a img {
        height: fit-content;
    }

    .velmut-cat-list {
        overflow: visible;
    }

    .card-box img {
        width: 100%;
    }

    .home-banner-2 img {
        height: fit-content;
    }

    .velmut-blog {
        margin: 30px 0;
    }

    .velmut-blog h2 {
        font-size: 16px;
        margin: 0 0 25px;
        line-height: 26px;
    }

    .velmut-blog .item-blog .blog-name {
        bottom: 20px;
        font-size: 14px;
        line-height: 20px;
    }

    .contect-home {
        padding-bottom: 20px;
    }

    .contect-home h2 {
        font-size: 14px;
    }

    .contect-home p {
    }

    .e-blt {
        padding: 0;
    }

    .e-blt .box-blt {
        padding: 25px 0;
        flex-direction: column;
        gap: 20px;
        margin: 25px 0 0;
    }

    .e-blt .box-blt .text-blt {
        text-align: center;
        font-size: 15px;
    }

    .inpt-button input {
        font-size: 14px;
        padding: 0 20px;
        height: 45px;
    }

    .inpt-button input.has-spinner {
        font-size: 14px;
    }

    footer {
        padding: 20px 0 0;
        background-color: #F4F4F4;
    }

    footer .f-item .head-footer {
        border-bottom: 1px solid #DADADA;
        color: #000;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    footer .f-item ul {
        display: none;
    }

    footer .f-logo {
        display: none;
    }

    footer .f-item-last {
        display: none;
    }

    .social-link {
        display: none;
    }

    .card-box {
        margin: 20px 0;
        padding: 0 10px;
    }

    .bottom-bar {
        background-color: #000;
    }

    .flex-bottom-bar {
        flex-direction: column;
        gap: 20px;
        padding: 20px 0;
    }

    .bottom-bar p {
        text-align: center;
        line-height: 20px;
        font-weight: 300;
    }

    .contect-home .contect-cont {
        overflow-y: scroll;
        height: 250px;
    }

    .contect-home .contect-cont::-webkit-scrollbar {
        border: 0;
    }

    footer .f-item .head-footer i {
        font-size: 16px;
        color: #000;
    }

    .mb-arsch {
        margin-bottom: 15px;
    }

    .woocommerce-products-header__title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .woocommerce-page .woocommerce-result-count {
        font-size: 12px;
        margin-bottom: 0;
    }

    .woocommerce-ordering .orderby {
        padding: 0 10px;
        height: 40px;
        width: 150px;
        font-size: 12px;
    }

    .woocommerce-page .woocommerce-ordering {
        margin-bottom: 25px;
    }

    .velmut-archive {
        flex-direction: column;
        gap: 25px;
    }

    .velmut-archive #secondary {
        width: 100%;
    }

    .velmut-archive .widget_block {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .velmut-archive .widget_block ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 10px;
    }

    .velmut-archive .products {
        width: 100%;
    }

    .velmut-archive ul.products.group-vlmt-sm-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 20px;
        height: 100%;
        margin-bottom: 0;
    }

    .velmut-archive ul.products[class*=columns-]:before {
        display: none;
    }

    .velmut-archive ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
        margin: 0 0 35px;
    }

    .product-breadcrump {
        margin-bottom: 20px;
    }

    .swiper-group {
        flex-direction: column-reverse;
        gap: 20px;
        margin-bottom: 25px;
    }

    .swiper-group .thumb-slide {
        width: 100%;
    }

    .swiper-group .main-slide {
        width: 100%;
    }

    .swiper-group .main-slide .swiper .swiper-slide figure {
        margin-bottom: 0;
    }

    .head-product-h h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .p-detail-box {
        margin-top: 10px;
    }

    .p-detail-box ul {
        gap: 15px;
    }

    .p-detail-box ul li {
        font-size: 12px;
    }

    .p-detail-box ul li span::after {
        right: -8px;
    }

    .price-product {
        padding: 0 10px;
    }

    .price-product span {
        font-size: 18px;
        padding: 10px 0;
    }

    .price-product span:last-child {
        padding-left: 10px;
    }

    .varys {
        margin-top: 20px;
        padding-top: 15px;
    }

    .head-varys {
        margin-bottom: 10px;
    }

    .varys ul li a {
        font-size: 12px;
        padding: 5px 10px;
    }

    .button-cart-buy {
        /* padding-top: 20px; */
        /* margin-top: 25px; */
    }

    .detail-product-ex .item-ex .explanation {
        font-size: 12px;
        line-height: 20px;
    }

    .button-cart-buy button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 0 !important;
        font-size: 14px;
    }

    .detail-product-ex {
        padding-top: 30px;
    }

    .head-page-top {
        padding: 15px 0;
    }

    .head-page-top h1 {
        font-size: 18px;
    }

    .head-page-top .breadcrumb-velmut {
        gap: 25px;
    }

    .head-page-top .breadcrumb-velmut li {
        font-size: 12px;
    }

    .head-page-top .breadcrumb-velmut li span::after {
        width: 10px;
        right: -18px;
        top: 9px;
    }

    .velmut-blog.bg-wh {
        padding: 30px 0;
        margin: 0;
    }

    .sss-page .item-s {
        padding: 15px;
    }

    .sss-page .item-s h3 {
        font-size: 16px;
    }

    .sss-page .item-s p {
        font-size: 12px;
        line-height: 20px;
    }

    .contact-left-box {
        padding: 15px;
        margin-bottom: 20px;
    }

    .contact-list {
    }

    .contact-list li {
        font-size: 14px;
    }

    .contact-list li i {
        top: 0;
        font-size: 14px;
    }

    .contact-left-box h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .contact-left-box input {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .contact-left-box textarea {
        font-size: 12px;
    }

    .contact-left-box .has-spinner {
        font-size: 14px;
        padding: 10px;
        margin-top: 15px;
    }

    .contact-left-box-bank {
        padding: 15px;
        margin-bottom: 30px;
    }

    .contact-left-box-bank ul {
    }

    .contact-left-box-bank li {
        font-size: 14px;
    }

    .contact-left-box-bank li img {
        width: 90px;
        left: -115px;
        top: 25px;
    }

    .home-story .swiper-button-next {
        display: none;
    }

    .home-story .swiper-button-prev {
        display: none;
    }
}

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

    header .velmut-top {
        display: none;
    }

    header .velmut-head .box-head img {
        width: 200px;
    }

    header .velmut-head .box-search {
        display: none;
    }

    header .box-user-head {
        display: none;
    }

    header .velmut-head .menu-head a {
        color: #000;
        font-size: 14px;
        font-weight: 300;
    }

    header .velmut-head .menu-head a i {
        color: #000;
    }

    header .velmut-head .search-head a {
        color: #000;
        font-size: 14px;
        font-weight: 300;
    }

    .box-head-l-user {
        border: 0;
    }

    header .menu-velmut {
        display: none;
    }

    .home-story .swiper {
        overflow: visible;
    }

    .home-story .swiper-slide span {
        font-size: 14px;
        color: #BA9A67;
    }

    .home-story .swiper-slide img {
        border-color: #DCDCDC;
        border-style: solid;
        border-width: 1px;
    }

    header .velmut-head {
        margin: 20px 0;
    }

    .home-story {
        overflow: hidden;
    }

    .home-slider .swiper-slide img {
        border-color: #B7B7B7;
        border-style: solid;
        border-width: 1px;
    }

    .home-slider .swiper-pagination {
        background: #F4F4F4;
        border-radius: 0;
        padding: 10px 0;
        display: flex;
        align-items: center;
    }

    .home-slider .swiper-pagination .swiper-pagination-bullet {
        background-color: #E4E4E4;
        opacity: 1;
        height: 8px;
        width: 8px;
    }

    .home-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #BA9A67;
        width: 25px;
        border-radius: 100px;
        height: 6px;
    }

    .home-slider {
        margin-top: 20px;
    }

    .product-cart-velmut {
        margin: 40px 0;
    }

    .product-cart-velmut h2 {
        font-size: 18px;
        margin: 0 0 25px;
    }

    .product-cart-velmut h2 span {
    }

    .product-cart-velmut .comment-count {
        font-size: 12px;
    }

    .product-cart-velmut .product-name {
        font-size: 14px;
        line-height: 20px;
    }

    .product-cart-velmut .product-price {
        font-size: 18px;
    }

    .home-bg-second {
        background-color: #F4F4F4;
        padding-top: 0;
        overflow: hidden;
    }

    .list-cat-home {
        margin-bottom: 25px;
    }

    .velmut-cat-list .swiper-slide a {
        font-size: 12px;
        padding: 10px 12px;
    }

    .list-cat-home .swiper-next {
        display: none;
    }

    .list-cat-home .swiper-prev {
        display: none;
    }

    .home-banner .item-img a img {
        height: fit-content;
    }

    .velmut-cat-list {
        overflow: visible;
    }

    .card-box img {
    }

    .home-banner-2 img {
        height: fit-content;
    }

    .velmut-blog {
        margin: 30px 0;
    }

    .velmut-blog h2 {
        font-size: 18px;
        margin: 0 0 25px;
        line-height: 26px;
    }

    .velmut-blog .item-blog .blog-name {
        bottom: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .contect-home {
        padding-bottom: 20px;
    }

    .contect-home h2 {
    }

    .contect-home p {
    }

    .e-blt {
        padding: 0;
    }

    .e-blt .box-blt {
        padding: 25px 0;
        flex-direction: column;
        gap: 20px;
        margin: 25px 0 0;
    }

    .e-blt .box-blt .text-blt {
        text-align: center;
        font-size: 16px;
    }

    .inpt-button input {
        font-size: 14px;
        padding: 0 20px;
        height: 45px;
    }

    .inpt-button input.has-spinner {
        font-size: 14px;
    }

    footer {
        padding: 20px 0 0;
        background-color: #F4F4F4;
    }

    footer .f-item .head-footer {
        border-bottom: 1px solid #DADADA;
        color: #000;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    footer .f-item ul {
        display: none;
    }

    footer .f-logo {
        display: none;
    }

    footer .f-item-last {
        display: none;
    }

    .social-link {
        display: none;
    }

    .card-box {
        margin: 20px 0;
        padding: 0 10px;
    }

    .bottom-bar {
        background-color: #000;
    }

    .flex-bottom-bar {
        flex-direction: column;
        gap: 20px;
        padding: 20px 0;
    }

    .bottom-bar p {
        text-align: center;
        line-height: 20px;
        font-weight: 300;
    }

    .contect-home .contect-cont {
        overflow-y: scroll;
        height: 250px;
    }

    .contect-home .contect-cont::-webkit-scrollbar {
        border: 0;
    }

    footer .f-item .head-footer i {
        font-size: 16px;
        color: #000;
    }

    .mb-arsch {
        margin-bottom: 15px;
    }

    .woocommerce-products-header__title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .woocommerce-page .woocommerce-result-count {
        font-size: 14px;
        margin-bottom: 0;
    }

    .woocommerce-ordering .orderby {
        padding: 0 10px;
        height: 40px;
        width: 200px;
        font-size: 14px;
    }

    .woocommerce-page .woocommerce-ordering {
        margin-bottom: 25px;
    }

    .velmut-archive {
        flex-direction: column;
        gap: 25px;
    }

    .velmut-archive #secondary {
        width: 100%;
    }

    .velmut-archive .widget_block {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .velmut-archive .widget_block ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 10px;
    }

    .velmut-archive .products {
        width: 100%;
    }

    .velmut-archive ul.products.group-vlmt-sm-2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 20px;
        height: 100%;
        margin-bottom: 0;
    }

    .velmut-archive ul.products[class*=columns-]:before {
        display: none;
    }

    .velmut-archive ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
        margin: 0 0 35px;
    }

    .product-breadcrump {
        margin-bottom: 20px;
    }

    .swiper-group {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .swiper-group .thumb-slide {
        width: 100%;
    }

    .swiper-group .main-slide {
        width: 100%;
    }

    .swiper-group .main-slide .swiper .swiper-slide figure {
        margin-bottom: 0;
    }

    .head-product-h h1 {
        font-size: 18px;
        max-width: 225px;
        line-height: 24px;
    }

    .p-detail-box {
        margin-top: 10px;
    }

    .p-detail-box ul {
        gap: 15px;
    }

    .p-detail-box ul li {
    }

    .p-detail-box ul li span::after {
        right: -8px;
    }

    .price-product {
        padding: 0 10px;
    }

    .price-product span {
        font-size: 18px;
        padding: 10px 0;
    }

    .price-product span:last-child {
        padding-left: 10px;
    }

    .varys {
        margin-top: 20px;
        padding-top: 15px;
    }

    .head-varys {
        margin-bottom: 10px;
    }

    .varys ul li a {
        padding: 5px 10px;
    }

    .button-cart-buy {
        padding-top: 20px;
        margin-top: 25px;
    }

    .detail-product-ex .item-ex .explanation {
    }

    .button-cart-buy button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        padding: 0 !important;
        font-size: 16px;
    }

    .detail-product-ex {
        padding-top: 30px;
    }

    .head-page-top {
        padding: 15px 0;
    }

    .head-page-top h1 {
        font-size: 20px;
    }

    .head-page-top .breadcrumb-velmut {
        gap: 25px;
    }

    .head-page-top .breadcrumb-velmut li {
    }

    .head-page-top .breadcrumb-velmut li span::after {
        width: 10px;
        right: -18px;
        top: 9px;
    }

    .velmut-blog.bg-wh {
        padding: 30px 0;
        margin: 0;
    }

    .sss-page .item-s {
        padding: 15px;
    }

    .sss-page .item-s h3 {
        font-size: 16px;
    }

    .sss-page .item-s p {
        line-height: 22px;
    }

    .contact-left-box {
        padding: 20px;
        margin-bottom: 20px;
    }

    .contact-list {
    }

    .contact-list li {
        font-size: 15px;
    }

    .contact-list li i {
        top: 0;
    }

    .contact-left-box h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .contact-left-box input {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .contact-left-box textarea {
        font-size: 12px;
    }

    .contact-left-box .has-spinner {
        font-size: 16px;
    }

    .contact-left-box-bank {
        padding: 15px;
        margin-bottom: 30px;
    }

    .contact-left-box-bank ul {
    }

    .contact-left-box-bank li {
        font-size: 15px;
    }

    .contact-left-box-bank li img {
        top: 15px;
    }

    .home-story .swiper-button-next {
        display: none;
    }

    .home-story .swiper-button-prev {
        display: none;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    header .velmut-head .box-head img {
        width: 200px;
    }

    header .velmut-head .box-search .search-input input {
        width: 400px;
    }

    .velmut-archive ul.products.group-vlmt-sm-2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 20px;
        height: 100%;
        margin-bottom: 0;
    }

    .velmut-archive ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
        margin: 0 0 35px;
    }

    .velmut-archive ul.products[class*=columns-]:before {
        display: none;
    }

    .swiper-group {
        flex-direction: column-reverse;
    }

    .swiper-group .thumb-slide {
        width: 100%;
    }

    .swiper-group .main-slide {
        width: 100%;
    }

    .swiper-group .thumb-slide .swiper .swiper-slide {
        height: 100px !important;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
}

@media only screen and (min-width: 992px) {
    header .velmut-head .menu-head {
        display: none;
    }

    header .velmut-head .search-head {
        display: none;
    }

    footer .f-item .head-footer i {
        display: none;
    }

    .mobilefooter-sticky {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .mobilefooter-sticky {
        background: #fff;
        position: fixed;
        z-index: 9;
        width: 100%;
        height: 60px;
        bottom: 0;
        border-top: 2px solid #BA9A67;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobilefooter-sticky .sticky-box {
        width: 20%;
    }

    .mobilefooter-sticky .top-box {
        gap: 5px;
        transform: translateY(-20px);
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .mobilefooter-sticky .top-box .icon {
        background: #BA9A67;
        border-radius: 50%;
        position: relative;
        width: 50px;
        height: 50px
    }

    .mobilefooter-sticky .sticky-box .icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobilefooter-sticky .sticky-box .icon i {
        font-size: 20px;
        color: #000;
    }

    .mobilefooter-sticky .top-box.sticky-box .icon i {
        color: #fff;
    }

    .mobilefooter-sticky .sticky-box .name {
        font-size: 12px;
        color: #000;
        font-weight: 300;
        text-align: center;
    }
}