@media screen and (max-width:1100px){
    .cart-wrapper .cart-side .cart-header {
        flex-direction: column;
    }
}
@media screen and (min-width:992px){
  .header-container
  .header-menu
  .megamenu-nav
  .container-megamenu
  .megamenu-wrapper {
      width: 100%;
      justify-content: center;
   }
    .expand-submenu {
        display: none;
    }

    .quick-btn-wrapper.search {
        display: none;
    }
    
    .menu-mobil-button {
        display: none !important;
    }
    .header-container .header-content .header-account-container .header-quick-menu > li:nth-child(1) {
        display: none;
    }
    
    .header-container .header-content .header-account-container .header-quick-menu > li:nth-child(2) {
        display: none;
    }
    
}

@media screen and (max-width:992px) {
    .expand-submenu>i {
        color: #fff;
    }
    
    ul.megamenu li .sub-menu .content .static-menu a.main-menu {
        color: #fff;
    }
   
    .header-container .header-content {
        width: 100%;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .header-top-content {
        width: 100%;
    }
    
    .header-container .header-menu {
        height: 0;
        visibility: visible;
        overflow: hidden;
    }

    .header-container .header-content .header-account-container .header-quick-menu > li {
        width: auto !important;
    }
    
    .header-container .header-content .header-account-container .header-quick-menu > li > div > button > i {
        color: #fff;
    }
    
    .header-container .header-content .header-account-container .header-quick-menu > li > div > i {
        color: #fff;
        font-size: 19px;
    }
    
    .header-container .header-content .header-account-container .header-quick-menu > li > div > a > span {
        display: none !important;
    }
    .megamenu-overlay.m-active {
        opacity: 1;
        visibility: visible;
    }
    
    .megamenu-wrapper.s-m-active {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .megamenu-upper-container {
        width: 100%;
    }
    .menu-mobil-button {
        cursor: pointer;
    }
    
    .header-container .header-content .logo-container {width: auto !important;}

    .header-container .header-menu .megamenu-nav .container-megamenu .megamenu-wrapper .megamenu-pattern .megamenu-container .megamenu > li > a {
        width: 100%;
    }
    .tab-pane-text > form > h2 {
        font-size: 21px;
    }
    
    .tab-pane-text > form .col-sm-12 > label {
        font-size: 13px;
    }
    .header-container.sticke {
        z-index: 999;
    }
}
@media screen and (max-width:768px){
    .home-banner-group .home-four-banner-container {
        flex-wrap: wrap;
    }
    
    .home-banner-group .home-four-banner-container .home-four-banner-thumb {
        width: calc(50% - 1rem);
        margin-bottom: 1rem;
    }
    
    .home-banner-group .home-four-banner-container .home-four-banner-thumb:not(:last-child) {
        margin-right: 0;
    }
    
    .home-banner-group .home-four-banner-container .home-four-banner-thumb:not(:nth-child(2n)) {
        margin-right: 1rem;
    }
    
    .home-banner-group .home-four-banner-container .home-four-banner-thumb > a > img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    .footer-wrapper>div {
        padding: 0;
        width: calc(50% - 1rem) !important;
    }
    .user-submenu{
        right: 0;
    }
    .product__carousel {
        display: none;
    }
    
    .product-package-included {
        padding: 0.5rem 1.5rem;
    }
    
    .product-detail-content-wrap {
        padding-top: 1rem;
    }
    
    .product-detail-content-wrap .product-review .product-tab-wrapper .tab-content {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .sogo-product-container .product-right .product-details-upper .name-fav .product-name {
        width: 100%;
    }
    .product-detail-content-wrap .product-review .product-tab-wrapper > ul {
        display: flex;
        /* justify-content: center; */
        /* align-items: center; */
        flex-wrap: wrap;
        padding: 0 1rem;
    }
}

@media screen and (max-width:500px){
    .footer-wrapper>div {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

@media screen and (max-width:426px){
    .home-banner-group .home-twin-banner-container {
        flex-wrap: wrap;
    }
    
    .home-banner-group .home-twin-banner-container .home-twin-banner-thumb:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    
    .home-banner-group .home-twin-banner-container .home-twin-banner-thumb {
        width: 100%;
    }
    
    .home-banner-group .home-twin-banner-container .home-twin-banner-thumb > a > figure > img {}
    
    .home-banner-group .home-four-banner-container .home-four-banner-thumb {
        width: 100%;
    }
    
    .home-banner-group .home-four-banner-container .home-four-banner-thumb:not(:nth-child(2n)) {
        margin-right: 0;
    }
    
    .home-banner-group {
    }
    
    .footer-wrapper .footer-list > img {
        height: auto !important;
    }
    .sogo-product-container .product-right .product-details-upper .product-info .detail-info .manufacture-thumb{
        top: 0;
}
.attribute-table .attribute-details .attribute-text {
    font-size: 13px;
}
}

@media screen and (max-width:376px){
    .product-detail-content-wrap .product-review .product-tab-wrapper > ul > li > a {
        font-size: 13px;
    }
    .header-container .header-content .header-account-container {
        width: 70% !important;
    }
    .header-container .header-content .logo-container > a > img{
        width: 100% !important;
    }
}

@media screen and (max-width:330px){
    .header-container .header-content .logo-container{
        width: 90% !important;
}
.header-container .header-content .logo-container > a > img {
    width: 100% !important;
}

.header-container .header-content .header-account-container {
    width: auto !important;
}

}