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

    .header-container {
      
        padding-right: 64px;
        padding-left: 64px;
    }
}
@media screen and (min-width: 1024px) {
    .container {
        max-width: 1402px;
    }
}

@media screen and (min-width: 992px) {
    .header-mobilcontainer {
        display: none;
    }
    .footer-navigations{
        display: none;
    }
}

@media screen and (max-width:1024px){
    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view button#show-filter {
        font-size: 12px;
    }
    
    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view button#show-filter > i {
        font-size: 21px;
    }
  
}

@media screen and (max-width: 992px) {
    .header-container {
        /* display: none; */
        height: 0;
    }

    .header-mobilcontainer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .header-mobilcontainer.sticky {
        position: fixed;
        top: 0 !important;
        width: 100%;
        z-index: 10000;
        width: 100%;
        border: 1px solid #ddd;
        left: 0;
        background: #fff;
        right: 0;
        z-index: 999;
    }
    
    .header-mobilcontainer .header-mobil-user-content {
        display: flex;
        align-items: center;
        width: 25%;
        gap: 1rem;
    }
    
    .header-mobilcontainer .heade-mobil-logo {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header-mobilcontainer .header-mobil-user-content:nth-child(2) {}
    
    .header-mobilcontainer .header-mobil-user-content:nth-child(3) {
        justify-content: flex-end;
        padding-right: 1rem;
    }
    
    .header-mobilcontainer .header-mobil-user-content:nth-child(1) {
        justify-content: flex-start;
        padding-left: 1rem;
    }
    
    .header-mobilcontainer .heade-mobil-logo > a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header-mobilcontainer .heade-mobil-logo > a > img {
        width: 187px;
    }
    
    .header-mobilcontainer .header-mobil-user-content i {
        font-size: 18px;
    }
    
    .header-mobilcontainer .header-mobil-user-content .header-mobil-menu-icon > i {
        font-size: 22px;
    }

    .footer-navigations {position: fixed;bottom: 0;display: flex;background: #fff;padding: 0.2rem .5rem;width: 100%;justify-content: space-between;z-index: 99;border-top: 1px solid;}

    .footer-navigations .footer-navigation > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
        height: 48px;
        font-family: 'Jost';
    }

    .footer-navigations .footer-navigation {
        width: 25%;
    }

    .footer-navigations .footer-navigation > a > i {
        font-size: 17px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-navigations .footer-navigation > a i.bi.bi-person {
        font-size: 19px;
    }

    .footer-navigations .footer-navigation > a i.bi.bi-house {
        font-size: 18px;
    }

    .footer-wrapper .footer-list {
        width: 100% !important;
        align-items: center;
        padding-bottom: 1rem;
        padding-left: 0;
    }
    
    .footer-list-title {
        position: relative;
        margin-bottom: 0.5rem;
    }
    
    .footer-list ul {
        width: 100%;
        /* align-items: center; */
        opacity: 0;
        visibility: hidden;
        height: 0;
        top: -100px;
        transition: .5s ease;
        position: relative;
        overflow: hidden;
        gap: .5rem;
    }
    
    .footer-list ul.active {
        opacity: 1;
        visibility: visible;
        height: auto;
        top: 0;
    }
    
    .footer-list  .footer-list-title::after {
        content: "\F4FA";
        font-family: 'bootstrap-icons';
        position: absolute;
        right: 0;
        top: 0;
        color: #000000;
    }
    
    .footer-list  .account-button::after {
        content: "\F2E6";
    }
    
    .footer-wrapper.container {
        flex-wrap: wrap;
        max-width: 100%;
    }

    .footer-social-media {
        max-width: 100%;
    }

    .footerwebsite .footer-middle .middle-heading {
        width: 100% !important;
    }
    
    .footerwebsite .footer-middle .newsletter-wrapper {
        width: 100% !important;
    }
    
    .footerwebsite .footer-middle {
        margin-bottom: 3rem;
        padding: 1rem;
    }

    .home-gallery {
        margin-top: 2rem;
    }

    .header-container .header-right .header-logo {
        display: none;
    }
    
    button#show-megamenu {
        display: none;
    }
    
    .header-container .header-left > .header-search > i {
        display: none;
    }
    
    .header-container .header-left > div > span {
        display: none;
    }
    
    .header-container .header-left > div:not(:last-child):after {
        display: none;
    }
    
    .header-container .header-left .header-account {
        display: none;
    }
    
    .header-container .header-left  .header-shop {
        display: none;
    }

    nav.megamenu-nav .megamenu-wrapper.menu-mobil-active {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 280px !important;
    }

    nav.megamenu-nav .megamenu-wrapper .html {
        display: none;
    }
    
    ul.megamenu li.active .sub-menu .content .categories .menu > ul {
        width: 100%;
    }
    
    .header-menu ul.megamenu > li .sub-menu {
        width: 100% !important;
        left: 0 !important;
        background: none !important;
    }
    
    .megamenu-upper-container {
        width: 100%;
    }
    
    .header-menu ul.megamenu > li, .header-menu ul.megamenu > li > a {
        height: auto !important;
    }

    ul.megamenu li .sub-menu .content .categories > span {
        display: none;
    }



    .category-top-text.container {
        max-width: 97%;
    }
    
    .sogo-content.container {
        max-width: 97%;
    }

    .header-menu ul.megamenu > li > a {
        padding-left: .5rem;
    }

    ul.megamenu li.active .sub-menu .content .categories .menu > ul > li {
        height: 27px;
    }
    
    ul.megamenu li .sub-menu .content .categories .menu > ul > li > a.main-menu {
        font-size: 15px;
    }
}

@media screen and (min-width:768px){
    span.mobil-filtre {
        display: none;
    }
}

@media screen and (max-width:768px){
    .footer-logo-content .footer-logo {
        width: 40%;
    }

    .content-wrapper .sogo-content .filter-sort-web.filter-sort {left: 0;padding: 0.5rem 0 !important;}

    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left {
        width: 100% !important;
    }

    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-right {
        display: none;
    }

    
    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view {
        justify-content: space-between;
    }

    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view button#show-filter {
        width: 50%;
        justify-content: center;
        border-bottom: none;
        font-size: 14px;
        align-items: center;
    }

    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view button#show-filter > i.tikla {
        display: none;
    }

    .content-wrapper .sogo-content .filter-sort .sort-view .sort-wrapper .select-styled {
        font-size: 14px;
    }
    .category-container {
        padding-top: 1rem;
    }

    .category-container .category-left {
        display: none;
    }

    .category-container .category-right {
        width: 100%;
    }
    .category-container .category-right .product-layout {
        justify-content: unset;
    }

    .sogo-breadcrumb > li:not(:last-child)::before {
        top: 9px;
        right: -9px;
    }

    .product-modal-content {
        justify-content: space-between;
    }
    
    .sogo-product-container .product-right .product-details-lower .collapse-description {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    
    .sogo-product-container .product-right .card-body {
        width: 100% !important;
    }
    
    .sogo-product-container .product-right .product-details-lower div#collapsedescription {
        padding: 0;
    }
    .sogo-container.container {
        max-width: 100%;
    }

    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view button#show-filter > span {
        display: none;
    }
    
    .content-wrapper .sogo-content .filter-sort-web.filter-sort .filter-sort-left .sort-view button#show-filter span.mobil-filtre {
        display: block;
    }

    .cart-wrapper .cart-side .cart-content form.cart-form {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
    }
    
    .cart-wrapper .cart-side .cart-content form.cart-form .cart-row {
        width: calc(50% - .5rem);
        align-items: flex-start;
        gap: .5rem;
    }

    .cart-wrapper .cart-side .cart-content .cart-row > div.cart-product-content .cart-product-name {
        font-size: 13px;
        margin-top: 0;
    }

    .cart-wrapper .cart-side .cart-content .cart-row .cart-product-content {height: 145px;}

    .cart-wrapper .cart-side .cart-content form.cart-form .cart-row:only-child {
        width: 100%;
    }

}

@media screen and (max-width:650px){
    .footer-logo-content .footer-logo {
        width: 50%;
    }

    .product-grid-2 .product-card {
        width: calc(50% - 0.25rem);
    }
}


@media screen and (max-width:450px){
    .cart-wrapper .cart-side .cart-content .cart-row > div.cart-product-content .cart-product-price .price-new {
        font-size: 12px;
    }

    .cart-wrapper .cart-side .cart-content .cart-row .cart-product-image > a > img {
        width: 100%;
    }

    .cart-wrapper .cart-side .cart-content .cart-row .cart-product-content {
        height: 170px;
    }

    .cart-wrapper .cart-side .cart-header .header-buttons > a {
        font-size: 12px;
    }

  

  
}

@media screen and (min-width:426px){
    .home-banners-mobile-container{
        display: none;
    }
}
@media screen and (max-width:426px){
    .home-banners-container {
        display: none;
    }

    .home-banners-mobile-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .home-banners-mobile-container > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .home-banners-mobile-container > a > img {
        width: 100%;
    }
}



@media screen and (max-width:400px){
    .footer-social-media .social-media-content {
        flex-wrap: wrap;
        width: 86%;
        margin-bottom: 1rem;
    }
    
}

@media screen and (max-width:376px){
    .category-top-text .category-top-text-left > span {
        font-size: 13px;
    }
    
    .category-top-text .category-top-text-right > span {
        font-size: 10px;
    }

    .cart-wrapper .cart-side .cart-content .cart-row .cart-product-content {
        height: 170px;
    }
    .cart-wrapper .summary-side .total-cart .detail-row > span {
        font-size: 13px;
    }
}