@media screen and (max-width:1024px) {
    section {
        margin-bottom: 50px;
    }

    h1, .h1 {
        font-size: 42px;
    }

    h2, .h2 {
        font-size: 32px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 22px;
    }

    .hb_txt {
        padding: 0 15px;
    }

    .woocommerce .hfkd_main_content ul.products li.product, .woocommerce-page .hfkd_main_content ul.products li.product {
        width: 50%;
    }

    .row.collection_list>div {
        width: 33.33%;
    }

    .categories>div {
        width: 33.33%;
        margin-bottom: 20px;
    }

    .categories_sec {
        background-color: #F8f8f8;
        padding: 70px 0 60px;
    }

    a.wpmm_mobile_menu_btn {
        display: inline-block !important;
    }

    .wp-megamenu-wrap.wpmm-mobile-menu ul.wp-megamenu {
        position: fixed;
    }

    .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap .wp-megamenu {
        padding: 20px 25px;
    }

    body .wp-megamenu-wrap .wpmm-nav-wrap > ul {
        display: none;
    }

    .wpmm-mobile-menu .wpmm_mobile_menu_btn i {
        vertical-align: middle;
        font-size: 20px !important;
        margin-right: 5px;
    }

    #wp-megamenu-menu-1.wp-megamenu-wrap.wpmm-mobile-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a {
        font-size: 14px;
    }

    #wp-megamenu-menu-1.wp-megamenu-wrap.wpmm-mobile-menu>.wpmm-nav-wrap ul.wp-megamenu>li>a {
        padding: 0;
    }

    #wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: unset;
        box-shadow: unset;
        padding: 10px 0 0 15px;
        display: none;
    }

    #wp-megamenu-menu-1>.wpmm-nav-wrap ul.wp-megamenu>li.wpmm_mega_menu>ul.wp-megamenu-sub-menu > li {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #wp-megamenu-menu-1.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap {
        text-align: left;
        height: 100%;
    }

    #wp-megamenu-menu-1.wpmm-mobile-menu {
        padding: 0;
    }

    .wpmm_mobile_menu_btn, .wpmm_mobile_menu_btn:hover {
        color: #000 !important;
        background-color: transparent;
        font-size: 18px;
        padding: 0 !important;
        margin: 0 !important;
    }

    .hb-search-form .search-form-container {
        padding: 80px 20px;
    }

    .search-result-wrapper > article {
        width: 33.33%;
        margin-bottom: 20px;
    }
    .search-result-wrapper > article .post-thumbnail{
        margin-bottom: 12px;
    }
}

@media screen and (max-width:768px) {
    #mega-menu-wrap-menu-1 .mega-menu-toggle {
        width: 40px;
        height: 40px;
        background: transparent;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #000;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:focus, .main_menu ul>li>a {
        color: #FFFFFF;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
        padding: 50px 30px 0;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin: 0 0 25px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu {
        background: transparent;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background: transparent;
        color: #FFF;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        background: transparent;
    }

}

@media screen and (max-width:767px) {
    section {
        margin-bottom: 25px;
    }

    h1, .h1 {
        font-size: 30px;
    }

    h2, .h2 {
        font-size: 28px;
    }

    .site-branding a.custom-logo-link {
        max-width: 65px;
    }
        .mobile_menu {
        display: block;
        }
    .mobile_menu img {
        max-width: 34px;
        width: 100%;
    }

    .main_menu {
        background: #000;
        height: 100vh;
        padding: 110px 15px 50px;
        position: fixed;
        left: 0;
        right: auto;
        transform: translateX(-100%);
        transition: 0.5s ease all;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .main_menu.active {
        transform: unset;
    }
    .mobile_menu.active {
        z-index: 999;
        position: relative;
    }
    .mobile_menu.active img{
        filter: brightness(0) invert(1);
    }
    .mobile_menu.active > img:first-child {
        display: none;
    }
    .mobile_menu:not(.active) .menu-close{
        display: none;
    }
    .hb_left .close_btn {
        position: absolute;
        right: 14px;
        left: auto;
        top: 15px;
        display: block;
    }

    .close_btn img {
        filter: brightness(1) invert(1);
        max-width: 30px;
    }

    .main_menu ul>li {
        display: block;
        vertical-align: middle;
        margin: 0 0 15px;
    }

    .main_menu ul>li>a {
        color: var(--white);
    }
    .main-navigation ul.sub-menu{
        position: unset;
        padding: 10px 0 0;
        opacity: 1;
        visibility: visible;
        background: transparent;
    }
    .top-bar {
        display: none;
    }
    .site-header.sticky{
        transform: unset;
    }
    .hero_slider .slide_item {
        display: block;
    }

    .hero_slider .slide_item>div {
        width: 100%;
    }

    .hb_txt {
        padding: 30px 15px;
    }

    .categories_sec {
        padding: 40px 0;
    }

    .row.collection_list>div {
        width: 33.33%;
    }

    .categories>div {
        width: 33.33%;
    }

    .category {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .category-list li {
        font-size: 16px;
        line-height: normal;
    }

    .copyright_innr {
        display: block;
        text-align: center;
    }

    .payment_img img {
        margin: 0 auto;
    }

    .site-footer__section {
        margin-bottom: 20px;
    }

    .site-footer .site-footer__section-title {
        margin-bottom: 10px;
    }

    .site-footer__section ul li {
        margin-bottom: 0;
    }

    .site-footer__section ul li a {
        font-size: 16px;
    }

    .sidebar-filter {
        width: 100%;
    }

    .hfkd_shop_data_bollean {
        width: 100%;
    }

    .header_bottom_inner .hb_right>a+* {
        margin-left: 15px;
    }

    .header_bottom_inner .hb_right>a {
        height: 20px;
        width: 20px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 16px;
        line-height: 1.2;
    }

    .woocommerce .hfkd_main_content ul.products li.product .price {
        font-size: 16px !important;
    }

    .add_to_cart_button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
        font-size: 16px;
        padding: 12px 20px;
    }

    .woocommerce div.product div.summary.entry-summary {
        padding-left: 0;
    }

    div.summary.entry-summary h1.product_title.entry-title {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    body.woocommerce div.product div.summary p.price{
        padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    }

    .hfkd_woocommerce_tabs {
                padding: 30px 0px;
        margin: 10px 0px 30px 0px;
    }

    .hfkd-product-price {
        font-size: 14px;
    }

    .hfkd-product-title {
        font-size: 16px;
        line-height: 1.3;
    }

    .hfkd-product-category {
        font-size: 14px;
    }
    .parallax-banner-new .prow {
    display: flex;
    flex-wrap: wrap;
}
.parallax-banner-new .prow .parallax-banner-new-img {
    width: 100%;

}
.parallax-banner-new .prow .parallax-banner-new-meta {
    padding: 20px;
    width: 100%;
}
.quotes-section {
    padding: 30px 0px;
}
.search-result-wrapper > article {
    width: 50%;
    margin-bottom: 20px;
}
.hfkd_shop_data_bollean{
    padding-left: 0;
}
header.site-header .container {
    max-width: 100%;
}
.header_bottom_inner{
    padding: 20px 0;
    justify-content: space-between;
}
.header_bottom_inner .hb_left,
.header_bottom_inner .hb_center,  
.header_bottom_inner .hb_right {
    width: auto;
}
.header_bottom_inner .hb_center .site-branding a.custom-logo-link {
    max-width: 150px;
}
.single-product #wpgs-gallery.wcgs-woocommerce-product-gallery{
    flex-flow: column;
    flex-direction: column-reverse !important;
}
.single-product #wpgs-gallery.wcgs-woocommerce-product-gallery .wcgs-carousel{
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 auto !important;
}
.single-product #wpgs-gallery .gallery-navigation-carousel-wrapper {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 20px;
}
.gallery-navigation-carousel div.spswiper-wrapper{
    flex-flow: nowrap;
}
.gallery-navigation-carousel .wcgs-thumb{
    width: none !important;
}
.woocommerce .woocommerce-cart-form, 
.woocommerce .cart-collaterals{
    width: 100%;
        padding: 0;
    margin: 0;
}


body.woocommerce-checkout .wc-block-components-sidebar{
    margin-bottom: 15px;
}
body.woocommerce-checkout .wc-block-components-main form.wc-block-components-form{
    position: relative;
    overflow: hidden;
}

body.woocommerce-checkout main#primary, 
body.page-id-30 main#primary{
    padding: 0;
}
body.woocommerce-checkout .wc-block-components-main form.wc-block-components-form .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
    border: 0;
    padding-top: 25px;
}
body.woocommerce-checkout .wc-block-components-main form.wc-block-components-form .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper .wc-block-components-checkout-step__heading {
    margin-bottom: 15px;
}
body.woocommerce-checkout .wc-block-components-main form.wc-block-components-form .checkout-order-summary-block-fill {
    border-radius: 0;
}
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky{
    display: none;
}
.wc-block-components-product-name{
    line-height: 1.4;
    margin-bottom: 0;
}
}

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

    #wpgs-gallery.wcgs-woocommerce-product-gallery {
    margin-right: 0 !important;
    flex-direction: unset !important;
}

.gallery-navigation-carousel div.spswiper-wrapper {
    display: flex;
    flex-flow: column;
}
.gallery-navigation-carousel .wcgs-thumb {
    width: 100% !important;
    margin: 0 0 11px !important;
}


}
@media screen and (max-width:479px) {
    .row.collection_list>div {
        width: 50%;
    }

    .categories>div {
        width: 50%;
        margin-bottom: 30px;
    }

}