@media screen and (max-width:1400px){
    .header-menu-container {
        padding: 0 !important;
    }
}
@media screen and (max-width:1300px){
    .header-menu-container .header-menu-left .megamenu-wrapper .megamenu-pattern .megamenu-container ul.megamenu > li > a > strong {
        font-size: 8px;
    }
    
    .header-right > .header-link > a {
        font-size: 8px;
    }
    .header-container .logo-header > a > img {
        width: 85%;
    }
    
    .header-right .header-cart > a .cart-text {
        font-size: 8px;
    }
    
    .header-right .header-cart > a > .cart-icon {
        font-size: 13px;
        width: 40px;
    }
    
    .header-right .header-cart > a > .cart-icon .cart-count {
        font-size: 10px;
    }
    
    .header-account .login-account > a > i {
        font-size: 18px;
    }
    
    .header-wishlist > a > i {
        font-size: 16px;
    }
    
    .header-account .header-instagram > a > i {
        font-size: 16px;
    }
    
    .header-wishlist .wishlist-count {
        height: 15px;
        width: 15px;
        font-size: 10px;
        right: -4px;
    }
    
    .header-account .login-account > a .account-text > span {
        font-size: 11px;
    }
    
    .header-account .login-account > a .account-text > span:not(:first-child) {
        font-size: 10px;
    }
    
    .header-top-text {
        font-size: 13px;
    }
    
    .search-input-wrapper > input::placeholder {
        font-size: 12px;
    }
    .tab-featured-container .vertical-tab > ul > li > a {
        font-size: 12px;
    }


      
    .home-comment-wrapper .home-comment .home-comment-footer {
        font-size: 13px;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title > span > font {
        font-size: 30px;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title > a {
        font-size: 20px;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title > span {
        font-size: 13px;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title > button {
        width: 30%;
        font-size: 10px;
        height: 35px;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title > button > a > i {
        font-size: 20px;
    }
    
    .newsletter-group > button > span {
        font-size: 8px;
    }
    
    .newsletter-group > button > i {
        font-size: 11px;
    }
    
    .newsletter-group > input::placeholder {
        font-size: 11px;
    }
    .sogo-product-container .product-right .product-details-lower .product-cart-buttons .cart-count-buttons > .quantity-input-wrapper {
        height: 35px;
    }
    
    .sogo-product-container .product-right .product-details-lower .product-cart-buttons .cart-count-buttons > .minus {
        height: 35px;
    }
    
    .sogo-product-container .product-right .product-details-lower .product-cart-buttons .cart-count-buttons > .plus {
        height: 35px;
    }
    
    .sogo-product-container .product-right .product-details-lower .product-cart-buttons .cart-count-buttons > .quantity-input-wrapper #input-quantity {
        font-size: 1rem;
    }
    
    .btn-div-product {
        height: 35px;
    }
    .product-detail-bottom .product-fav {
        font-size: 11px;
    }
    
    .product-detail-bottom .product-fav > i {
        font-size: 15px;
    }
    
    .delivery-time > i {
        font-size: 15px;
    }
    
    .delivery-time {
        font-size: 8px !important;
    }
}
@media screen and (max-width:1100px){
    .header-menu-container .header-menu-left {
        width: 60%;
    }
    .new-sticker {
        top: 5px;
        left: -20px;
    }
}
@media screen and (min-width:992px){
    .home-banner-container > div > div > a > img {--g: 4px;     /* the gap */
        --b: 4px;    /* border thickness*/
        --c: #fac980; /* the color */
        padding: calc(var(--g) + var(--b));
        --_c: #0000 0 25%,
        var(--c) 0 50%;
        --_g1:
        repeating-linear-gradient(90deg ,var(--_c)) repeat-x;
        --_g2:
        repeating-linear-gradient(180deg,var(--_c)) repeat-y;
        background:
          var(--_g1) var(--_p, 25%) 0   ,var(--_g2) 0    var(--_p,125%),
          var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);
        background-size: 200% var(--b),var(--b) 200%;
        cursor: pointer;
        filter: grayscale(50%);
        transition: .3s;
        
      }
      
      .home-banner-container > div > div > a > img:hover {--_p: 75%;
          filter: grayscale(0%);
      }
      
      .home-banner-container > div > a > img {--g: 4px;
          --b: 4px;
          --c: #9e7e4b;
          padding: calc(var(--g) + var(--b));
          --_c: #0000 0 25%,
          var(--c) 0 50%;
          --_g1:
          repeating-linear-gradient(90deg ,var(--_c)) repeat-x;
          --_g2:
          repeating-linear-gradient(180deg,var(--_c)) repeat-y;
          background: var(--_g1) var(--_p, 25%) 0 ,var(--_g2) 0 var(--_p,125%), var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);
          background-size: 200% var(--b),var(--b) 200%;
          cursor: pointer;
          filter: grayscale(50%);
          transition: .3s;
      }
      
      .home-banner-container > div > a > img:hover {--_p: 75%;
          filter: grayscale(0%);
      }
      .box-container {
        position: relative;
        transform-style: preserve-3d;
        perspective: 500px;
        margin: auto;
      }
      .box-container .box {
        position: relative;
        width: 275px;
        height: 275px;
        background: #000;
        transition: 0.5s;
        transform-style: preserve-3d;
        overflow: hidden;
        margin-right: 15px;
      }
      .box-container:hover .box {
        transform: rotateY(25deg);
      }
      .box-container .box:hover ~ .box {
        transform: rotateY(-25deg);
      }
      .box-container .box:hover {
        transform: rotateY(0deg) scale(1.1);
        z-index: 1;
        box-shadow: 0 25px 40px rgba(0,0,0,0.5);
      }
      .box-container .box .imgBx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      
      
      .box-container .box .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-image-content .follow-image > img {
        /* filter: opacity(0.5); */
    }
}
@media screen and (max-width:992px){
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-image-content .box:not(:last-child) {
        margin-right: 0.5rem;
    }
    .show-menu > i {
        color: #fff !important;
        font-size: 19px;
    }
    
    .header-container {
        width: 100%;
    }
    .header-search {
        width: 58%;
    }
    .header-right {
        width: 45%;
    }
    
    .header-menu-container .header-menu-left {
        width: 50%;
    }
    .footer-container .footer-top {flex-wrap: wrap;}

    .footer-container .footer-top .footer-list-container {
        width: 50% !important;
    }

    .footer-bottom-content {
        padding: 0 65px !important;
    }
    .footer-container .footer-top .footer-list-container > ul > li > a {
        font-size: 13px;
    }
    .new-sticker {
        top: 6px;
        left: -25px;
        width: 11%;
    }
    .new-sticker > span {
        font-size: 10px;
    }
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title > button {
        width: 40%;
    }
    .home-banner-container {
        flex-wrap: wrap;
        width: 100%;
    }
    
    .home-banner-container .home-left-banner-container {
        width: 56%;
    }
    
    .home-banner-container .home-middle-banner-container {
        width: 28%;
        margin-right: 0 !important;
    }
    
    .home-banner-container .home-right-banner-container {
        width: 86%;
        margin-top: 1rem;
    }
    
    
    .home-comment-container .home-comment-content .home-comment-title > span {
        font-size: 25px;
    }
    
    .home-comment-container .home-comment-content .home-comment-description > span {
        font-size: 12px;
    }
    .product-detail-bottom .product-fav {
        font-size: 11px;
        justify-content: center !important;
    }
    
    .product-detail-bottom .product-fav > i {
        font-size: 15px;
    }
    
    .delivery-time > i {
        font-size: 15px;
    }
    
    .delivery-time {
        font-size: 10px !important;
        justify-content: center !important;
        margin-bottom: .5rem;
    }
    
    .product-detail-bottom {
        flex-direction: column;
    }
    
    .sogo-product-container .product-right .product-details-lower .product-tags .tags > span {
        font-size: 14px;
    }
    
    .sogo-product-container .product-right .product-details-lower .product-tags .tags > i::before {}
    
    .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 13px;
        text-transform: uppercase;
    }
}

@media screen and (max-width:870px){
    .new-sticker {
        top: 10px;
        left: -24px;
        width: 14%;
    }
}

@media screen and (min-width: 769px){
    .header-menu-container .header-menu-left .megamenu-wrapper .megamenu-pattern .megamenu-container ul.megamenu > li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
    }
}
@media screen and (max-width: 769px){
    .header-account {
        display: none;
    }
    
    .header-container {
        height: 0 !important;
        padding: 0;
    }

    .header-right {
        display: none;
    }

    .header-menu-container {
        height: 0;
        border: none;
    }

    .show-menu > i {
        display: none;
    }

    button.expand-submenu {
        display: flex !important;
        background: #fff !important;
        height: 45px !important;
    }
    
    ul.megamenu > li > .sub-menu::before {
        display: none;
    }
    
    ul.megamenu > li > .sub-menu {
        width: 100% !important;
        border-radius: unset;
    }

    ul.megamenu li .sub-menu .content .static-menu .menu ul > li > a {
        font-size: 10px;
    }
    .header-mobil-container{
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .header-mobil-bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 10px 15px;
    }
    .header-mobil-bottom .header-mobil-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25%;
    }
    
    .header-mobil-bottom .header-mobil-logo > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .header-mobil-bottom .header-mobil-logo > a > img {
        width: 150px;
    }
    
    .header-mobil-bottom .header-mobil-account {
        display: flex;
        align-items: center;
        justify-content: end;
        width: 70%;
    }
    .header-mobil-bottom .header-mobil-account > .header-mobil-menu-icon> i {
        color: #fff;
        font-size: 23px;
    }
    
    .header-mobil-bottom .header-mobil-account > div {
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-wishlist {
        position: relative;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-wishlist > a {}
    
    .header-mobil-bottom .header-mobil-account .header-mobil-wishlist > a > i {
        font-size: 18px;
        color: #fff;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-wishlist > a > span {
        position: absolute;
        top: -6px;
        right: 0;
        background: #9e7e4b;
        color: #fff;
        border-radius: 50%;
        height: 18px;
        width: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        border: 2px solid;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-search {}
    
    .header-mobil-bottom .header-mobil-account .header-mobil-search > i {
        font-size: 18px;
        color: #fff;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-cart {
        position: relative;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-cart > a {}
    
    .header-mobil-bottom .header-mobil-account .header-mobil-cart > a .cart-icon {}
    
    .header-mobil-bottom .header-mobil-account .header-mobil-cart > a .cart-icon > i {
        color: #fff;
        font-size: 19px;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-cart > a .cart-icon > span {
        position: absolute;
        top: -6px;
        right: 0;
        background: #9e7e4b;
        color: #fff;
        border-radius: 50%;
        height: 18px;
        width: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        border: 2px solid;
    }
    .header-mobil-container .header-mobil-top {
        width: 100%;
        display: flex;
        align-items: center;
        background: #fff;
    }
    
    .header-mobil-container .header-mobil-top .header-mobil-account-buttons {
        display: flex;
        align-items: center;
        padding: 10px;
    }
    
    .header-mobil-container .header-mobil-top .header-mobil-account-buttons > span:not(:last-child) {
        margin-right: 1rem;
    }
    
    .header-mobil-container .header-mobil-top .header-mobil-account-buttons > span > a {color: #000;text-transform: uppercase;font-size: 12px;display: flex;align-items: center;}
    
    .header-mobil-container .header-mobil-top .header-mobil-account-buttons > span {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .header-mobil-container .header-mobil-top .header-mobil-account-buttons > span > a > i {
        margin-right: .3rem;
    }
    .header-container .logo-header {
        display: none;
    }
    
    
    div#search {
        display: none !important;
    }

    .header-menu-container .header-menu-left .megamenu-wrapper.megamenu-active {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        background: #fff !important;
    }
    .header-menu-container .header-menu-left .megamenu-wrapper .megamenu-pattern .megamenu-container ul.megamenu > li > a {
        color: #000;
    }
    
    .header-menu-container .header-menu-left .megamenu-wrapper .megamenu-pattern .megamenu-container ul.megamenu > li > a > strong {
        font-size: 10px;
    }
    
    .megamenu-upper-container .megamenu-logo {background: #9e7e4b;}
    
    #remove-megamenu, ul.megamenu > li.with-sub-menu > button {
        height: 35px;
        background: #9e7e4b;
    }
    
    .megamenu-upper-container > a {
        height: 35px;
    }
    .new-sticker {
        width: 17%;
    }
    .home-intagram-follow-wrapper .home-instagram-follow-wrap {
        flex-wrap: wrap;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-text-title {
        width: 100%;
        margin-right: 0;
    }
    
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-image-content {
        width: 100%;
        margin-top: 1rem;
    }
    .home-comment-wrapper .home-comment-wrap .quote-wrapper > span {
        font-size: 13px;
    }
    /* .home-comment-wrapper {
        width: 100%;
    } */
    .home-comment-container .home-comment-title > span {
        font-size: 25px;
    }
    
    .home-comment-container .home-comment-description > span {
        font-size: 12px;
    }
    .featured-card-wrapper {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }
    .category-list-container {
        display: none;
    }
    
    .category-content-right {
        width: 100% !important;
    }
    
    .category-content-right .filter-sort {
        display: block !important;
    }
    .bf-slider-range.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
        background: #9e7e4b;
    }
    
    .bf-cur-symb {
        display: flex;
        justify-content: center;
    }
    .product-btn-bottom {
        bottom: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
    }
    .sogo-product-container .product-right {
        margin-left: 0 !important;
        width: 95% !important;
    }
    
    .sogo-product-container {
        align-items: center !important;
    }
    
    #product-tab-wrapper {margin: 1rem !important;margin-bottom: 3rem !important;}
    .delivery-time {
        justify-content: flex-start !important;
    }
    
    .product-detail-bottom .product-fav {
        justify-content: flex-start !important;
    }
    
    .product-detail-bottom {
        margin-bottom: 2rem !important;
    }
    .product-related-wrapper {
        background: none !important;
    }
    .sogo-product-container .product-right .product-details-upper .name-fav .product-name {
        width: 100% !important;
    }
    
    .sogo-product-container .product-right .product-details-upper .product-info .detail-info > li {
        font-size: 12px;
    }
    
    .sogo-product-container .product-right .product-details-upper .product-info .detail-info > li > a, .sogo-product-container .product-right .product-details-upper .product-info .detail-info > li > div {
        font-size: 12px;
    }
    .product-content {
        display: none;
    }
}

@media screen and (max-width:550px){
    .home-banner-container .home-left-banner-container {
        width: 59%;
    }
    
    .home-banner-container .home-middle-banner-container {
        width: 30%;
    }
    
    .home-banner-container .home-right-banner-container {
        width: 92%;
    }
    .tab-featured-container {
        width: 92%;
    }
    .footer-container .footer-top .footer-list-container {
        width: 100% !important;
        align-items: center;
        margin-bottom: 1rem;
    }
    
    .footer-container .footer-top .footer-list-container .footer-list-title {
        text-align: center;
    }
    
    .footer-container .footer-top .footer-list-container > ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .footer-container .footer-top .footer-list-container .newsletter-wrapper {
        width: 100%;
    }
    
    .footer-container .footer-top .footer-list-container > label {
        text-align: center;
    }
    
    .footer-container .footer-top .footer-list-container .newsletter-wrapper label.cbx {display: flex;justify-content: center;align-items: center;}
    
    .footer-bottom-content {
        padding: 0 20px !important;
        flex-direction: column;
    }
    
    .footer-bottom-content .footer-bottom-left {
        width: 100%;
        text-align: center;
    }
    .new-sticker {
        width: 22%;
    }
    .header-mobil-bottom .header-mobil-logo {
        width: 35%;
    }
    .header-mobil-bottom .header-mobil-account > div {
        width: 15%;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-wishlist > a > span {
        height: 15px;
        width: 15px;
        font-size: 8px;
    }
    
    .header-mobil-bottom .header-mobil-account .header-mobil-cart > a .cart-icon > span {
        height: 15px;
        width: 15px;
        font-size: 8px;
        top: -4px;
        right: 3px;
    }
    .header-mobil-container .header-mobil-top .header-mobil-account-buttons > span > a {
        font-size: 11px;
    }
    .featured-card-wrapper .featured-add-card > button {
        font-size: 10px;
    }
    
    .featured-card-wrapper .featured-wishlist > button {
        font-size: 13px;
    }
    .product-grid-2 .product-card {
        width: calc(50% - 0.5rem) !important;
    }
    .bf-cell label {
        font-size: 14px;
    }
    .washing-instructions > img, .size-chart > img {
        width: 100% !important;
    }
 
}

@media screen and (max-width:450px){
    .home-comment-wrapper {
        width: 100%;
    }
    .header-top-text {
        font-size: 10px;
    }
    .new-sticker {
        width: 27%;
    }
    .footer-container .footer-top .footer-list-container > ul > li > a {
        font-size: 14px;
    }
    .home-comment-container .home-comment-title::after {
        width: 10%;
    }
    .tab-featured-container {
        width: 100%;
        margin-top: 2rem;
    }
    .home-banner-container {
        padding: 0;
    }
    .product-add-btn > button {
        font-size: 13px;
    }
    
    .product-add-btn {
        height: 35px !important;
        width: calc(100% - 35px) !important;
    }
    
    .product-btn-bottom .product-card-buttons {
        height: 35px !important;
        width: 35px !important;
    }
    .product-card .product-card-buttons .product-cart-btn > i, .product-card .product-card-buttons .product-fav-btn > i {
        font-size: 13px;
    }
    .sogo-product-container .product-right .product-details-lower .product-cart-buttons.sticked #button-cart {
        font-size: 13px !important;
    }
    
    .product-cart-buttons .btn-div-product > button {
        font-size: 13px !important;
    }
    .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        font-size: 9px !important;
        font-weight: 700;
    }
    
    .product-tab-wrapper > ul {
        overflow-y: scroll;
        display: flex;
    }
    .product-tab-wrapper > ul > li > a {
        padding: 10px 5px !important;
    }

    .product-card .product-caption .product-name-wrapper > a, .product-card .product-image-wrapper > a {
        display: -webkit-box;
        -webkit-line-clamp: 1; 
        -webkit-box-orient: vertical;
        overflow:hidden;
    }
    .product-card .product-caption .product-name-wrapper > a .product-name {
        font-size: 12px !important;
    }
    .modaal-header .modaal-title, .sogo-product-container .product-right .product-details-middle .product-options .power-option .list-option > li > span {
        font-size: 11px;
    }
    
    .sogo-product-container .product-right .product-details-middle .product-options .power-option .product-option-label {
        font-size: 14px;
    }
    
    .product-options .form-group.required label {
        font-size: 14px;
    }
    .home-intagram-follow-wrapper .home-instagram-follow-wrap .follow-image-content .follow-image .follow-image-overlay > i {
        font-size: 30px;
    }
}
@media screen and (max-width:376px){
    .header-mobil-bottom .header-mobil-logo > a > img {
        width: 120px;
    }
    .header-mobil-bottom .header-mobil-account > div {
        width: 18%;
    }
    .featured-card-wrapper .featured-add-card {
        width: 75%;
    }
    .featured-card-wrapper .featured-add-card > button {
        font-size: 9px;
    }
    .content-wrapper .sogo-content .filter-sort .sort-view .sort-wrapper .select-styled {
        font-size: 13px;
    }
    
    .content-wrapper .sogo-content .filter-sort .sort-view #show-filter {
        font-size: 13px;
    }
}
@media screen and (max-width:350px){
    .new-sticker {
        width: 33%;
    }
}