@charset "utf-8";
/* CSS Document */
@media (min-width: 1024px) {
    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    .header-bottom .navbar-brand {
        display: none;
    }

    #sidebarCollapse {
        /*    display: none; */
    }

    .header-bottom {
    }

    .user-menu .dropdown-menu {
        right: 0;
        left: inherit !important;
    }

}

@media (min-width: 1025px) {
    .header-bottom {
        background: #f2f2f2;
        box-shadow: 0 2px 2px #ccc;
    }

    #close-sidebar {
        display: none;
    }

    #open-filter {
        display: none;
    }

    .sidebar-button {
        display: none;
    }

    .category-sidebar-header {
        display: none;
    }
}

@media screen and (min-width: 1100px) {
    header {
        min-height: 134px;
    }

    .header-middle.active_more {
        z-index: 1;
        position: fixed;
        opacity: 100;
        width: 100%;
    }

    .header-middle.active {
        z-index: 1;
        position: fixed;
        opacity: 100;
        top: 0;
        background: white;
        z-index: 99999;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0px auto !important;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
        max-width: none;
        padding: 5px 0px;
        transform: translateY(0px);
        -webkit-transition: all 0.4s ease 0.1s;
        transition: all 0.4s ease 0.1s;
    }

    .header-middle.active .row {
        max-width: 1200px;
        margin: 0px auto;
    }
}

@media (max-width: 736px) {

    div#category-sidebar,.open-filter{
        display:none!important;
    }
    .banner-container {
        text-align: center;
    }

    .banner-widget-content {
        padding-top: 18px;
        padding: 15px 28px;
    }

    .top10-group .nav-tabs {
        padding: 0 !important;
        text-align: left !important;
    }

    .top10-group .nav-tabs li a {
        padding: 8px 8px;
    }

    .top10-group .group-title {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }

    .top10-group .group-title:before {
        display: none;
    }

    .top10-group .group-title:after {
        display: none;
    }

    .footerBottom .footer_ref {
        text-align: center;
    }

    .footerBottom {
        text-align: center;
    }
}

@media (max-width: 823px) {
    #newsletter-content {
        text-align: center;
        margin-bottom: 15px;
    }

    #newsletter-content p {
        margin-bottom: 10px;
    }

    .icon-content {
        border: none;
    }

    ul.product-price-list > li span.discount {
        display: none;
    }

    .topbar-menu .navbar-collapse {
        position: absolute;
        top: 44px;
        width: 280px;
        right: 0;
        background: #ffffff;
        z-index: 99;
        border: 1px solid #e9e9e9;
        border-top: 0;
    }

    .topbar-menu .navbar-toggler {
        padding: 5px 8px;
        margin: 3px 0px;
        background: white;
    }

    .topbar-menu .navbar-toggler .navbar-toggler-icon {
        height: 25px;
        width: 25px;
    }

    #installment-products tr {

    }

    .logo {
        text-align: center;
    }

    .header-bottom {
        width: 100%;
    }

    .header-bottom .navbar-brand {
        width: 100%;
    }

    .my-cart {
        /*  margin: 0px auto;
          float: none !important;
          width: 160px;
          */
        float: right;
        position: absolute;
        right: 0;
    }

    ul.topbar-left li:first-child {
        display: none;
    }

    .topbar-menu {
        display: none;
    }

}

@media (max-width: 960px) {

}

@media (min-width: 414px) and (max-width: 736px) {
    .icon-container ul li:last-child {
        display: none;
    }

    .slider-description {
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /** CATEGORY SIDEBAR **/
    .category-sidebar-header {
        border-bottom: 1px solid #ddd;
        padding: 5px 10px;
        background: #fff;
    }

    .category-sidebar-header h3 {
        display: block;
        margin: 0;
        font-size: 1.5rem;
        padding: 5px 10px;
    }

    /** CATEGORY SIDEBAR END **/
    .account-status {
        /*   display: none; */
    }

}

@media (min-width: 1024px) and (max-width: 1366px) {
    .icon-container ul li {
        flex: 0 0 33%;
    }
}

@media (max-width: 460px) {
    .header-middle {
        margin-bottom: 0 !important;
    }

    td.taksit-list {
        padding: 0;
        width: 100%;
        float: left;
    }

    .slider-description {
        max-width: unset;
        width: 100%;
    }

    .slider-description h3 {
    }

    .slider-description h3 span {
        display: inline-block;
    }

    a.hemen-incele {
    }

    .slider-description h1 {
        font-size: 22px;
    }

    .slider-description h2 {
        font-size: 16px;
    }

    .slider-description p {
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .slider-description .indirim {
        font-size: 20px;
    }

    .slider-description .satin-al {
        padding: 10px 18px;
        margin-top: 15px;
    }

    .icon-container .col-6 {
        flex: 100% !important;
        max-width: 100%;
        padding: 0;
        margin: 10px 10px !important;
    }

    .product-tabs .tabs-navigation ul li {
        width: 100%;
    }

    .product-tabs .tabs-navigation ul .tab-active a {
        border: 1px solid #e8e8e8 !important;
    }
}

@media (max-width: 375px) {
    .product-page-center {
        padding: 10px;
    }
}

@media (max-width: 1023px) {
    .smart-categories {
        display: none;
    }

    .top10Group-3-column .tab-content {
        display: none;
    }

    .top10Group-3-column .tab-content.active {
        display: block;
    }

    .group-header li.active h4 span:before {
        color: #292828;
    }

    .group-header li.active h4 span:after {
        border-bottom: 2px solid #504f4f;
    }

}

@media (max-width: 1025px) {
    .open-filter {
        position: fixed;
        top: 36%;
        left: 0;
        z-index: 998;
        border-radius: 0;
        padding: 14px 12px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 15px;
        background-color: #0f8db3;
        border-color: #0f8db3;
        display: none;
    }
}

@media (max-width: 1024px) {

    .header-bottom {
        display: none;
    }

    .my-cart .dropdown-menu {
        padding: 10px 15px;
        top: 20px !important;
        transform: translate3d(0, 31px, 50px) !important;
        left: 0 !important;
        right: 0;
        margin: 0px auto;
    }

    .my-cart-info {
        max-width: 100px;
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .my-cart .dropdown-menu:before {
        right: 0px !important;
        left: 0;
        margin: 0px auto;
    }

    .footer-social {
        text-align: center !important;
    }

    .all-cats > span {
        display: none;
    }

    .topbar-menu .navbar-collapse {
        position: absolute;
        top: 45px;
        min-width: 230px;
        right: 0;
        background: white;
        border: 1px solid #e9e2e2;
        z-index: 999;
    }

    .user-menu button span {
        border: none;
    }

    .user-menu .dropdown-menu {
        transform: translate3d(0px, 22px, 0px) !important;
        right: 0;
        left: inherit !important;
    }

    .dropdown-menu:before {
        right: 38px !important;
        left: inherit;
    }

    .topbar-menu .navbar-toggler {
        margin: 4px;
        padding: 2px 6px;
    }

    .topbar-menu li > a {
        border: none;
    }

    .categories-home {
        display: none !important;
    }

    .header-middle-center {

    }

    .headder-middle-right {
        -ms-flex-pack: justify !important;
        justify-content: center !important;
        display: flex;
    }

    .search-open-button {
        display: none;
    }

    .headder-middle-right {

    }

    .my-cart {

    }

    .my-cart > .btn {
        float: none;
        margin: 0px auto;
        display: inherit;
    }

    .header-middle-search input {
        max-width: none;
    }

    a.logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .header-nav {
        display: none;
    }

    .categories-title .navbar-toggler {
        width: 100%;
        color: white;
        margin: 0;
        padding: 0 !important;
        text-align: center;
        background: #0f8db3;
        font-size: 20px;
        border-radius: 4px;
    }

    .categories-title i {
        color: #ffffff;
        margin-right: 15px;
    }

    .categories-title .navbar-toggler span {
        float: left;
        width: 100%;
        text-align: center;
    }

    .header-bottom .navbar-brand {
        display: block;
        width: 100%;
    }

    .top-categories {
        margin-top: 12px;
        border-top: 1px solid #ededed;
    }

    .top-categories > .nav-item > a {
        background: #f7f7f73d;
        border: 1px solid #ededed;
        border-top: 0;
        padding: 12px 20px !important;
    }

    .top-categories > .nav-item > a > span > i {
        margin-right: 5px;
    }

    .top-categories > .nav-item .dropdown-menu {
        margin: 0 !important;
        background: #fbfbfb;
        border-radius: 0;
        border: 1px solid #f5f2f2;
        border-top: 0;
        border-bottom: 0;
    }

    .top-categories .dropdown-menu:before {
        display: none;
    }

    .top-categories .primary-level {
        margin: 0 !important;
        padding: 0;
    }

    .top-categories .second-level {
        position: relative;
        border-bottom: 1px solid #e7e7e7;
    }

    .top-categories .second-level ul {
        border: none;
        padding: 0;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: transparent;
    }

    .top-categories .show > .dropdown-toggle.parent::after {
        content: "\f077";
        color: white;
    }

    .top-categories li.second-level a {
        padding-left: 25px !important;
        line-height: 30px;
    }

    .top-categories li.second-level a:before {
        content: "\f3be";
        font-family: 'font awesome 5 free';
        font-weight: 900;
        margin-right: 8px;
        color: #bebdbb;
    }

    .down-menu {
        position: absolute;
        right: 0;
        top: 0;
        width: 41px;
        text-align: center;
        background: #f1f1f1;
        padding: 11px 0px !important;
        height: 100%;
        border-top: 0;
        border-bottom: 0;
    }

    .down-menu:after {
        font-size: 18px;
        color: #51504e !important;
        background: #f1f1f1 !important;
    }

    .dropdown-toggle::after {
        position: absolute;
        right: 0;
        top: 0;
        width: 41px;
        text-align: center;
        background: #0f8db3;
        padding: 11px 0px !important;
        height: 100%;
        border-top: 0;
        border-bottom: 0;
        font-size: 18px;
        color: #ffffff;
        margin: 0 !important;
        border-left: 0;
    }

    .top-categories .second-level.show .dropdown-toggle::after {
        content: "\f077";
    }

    .expand-category-link {
        display: none !important;
    }

    .header-middle-search {
        display: block !important;
        position: unset;
    }

    .product-detail-wizard td:First-child span:First-child {
        display: none !important;
    }

    ul.n-category li ul.dropdown-menu {
        float: left;
    }

    .desktop {
        display: none;
    }

    .categories-left .categories-title {
        /* display:none; */
    }

    /** CATEGORY SIDEBAR **/
    .sidebar {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
    }

    .sidebar-item {
        padding-bottom: 20px;
        font-family: 'rubik';
        margin-bottom: 20px;
    }

    .sidebar {
        left: -100%;
        position: fixed;
        top: 0;
        z-index: 999;
        transition: 0.5s;
        background: #f6f6f6;
        text-align: left;
        overflow-y: scroll;
        height: 100%;
        padding: 0;
        min-width: 290px;
    }

    .sidebar.panel-open {
        left: 0;
    }

    .category-sidebar-header .close-button {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 1.5rem;
        background: no-repeat;
        border: none;
    }

    .category-sidebar-header h3 {
        display: block;
        padding: 10px 15px;
        margin: 0;
        font-size: 1.5rem;
    }

    .category-sidebar-header {
        padding: 0 10px;
        border-bottom: 1px solid #ddd;
        background: #fff;
    }

    .sidebar {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
    }

    .sidebar-item {
        padding-left: 20px;
        font-family: 'rubik';
        margin-bottom: 20px;
    }

    /** CATEGORY SIDEBAR END **/
    .mega-left ul li {
        padding-left: 15px;
    }

    .topbar-menu .dropdown-menu {
        width: 90%;
        min-width: unset;
        margin: 0px auto;
        margin-top: 10px;
        border: none;
    }

    .topbar-menu .dropdown-menu:before {
        display: none;
    }

}

@media (max-width: 1023px) {
    .icon-widget {
        display: block !important;
        width: 100%;
    }

    .icon-wrapper {
        display: block !important;
        float: left;
        width: 50%;
        margin-bottom: 15px;
        text-align: center;
    }

    .icon-widget .icon-wrapper:last-child {
        display: none !important;
    }

    .icon-widget-image {
        margin: 0;
    }

    .icon-widget-content {
        margin-top: 10px;
    }

    .slider .owl-nav {
        position: absolute;
    }
}

@media (max-width: 1024px) {
    .icon-widget .icon-wrapper:last-child {
        display: none !important;
    }

    .icon-wrapper {
        padding: 0px 25px;
    }
}

@media (max-width: 1020px) {
    .sidebar-button {
        border: 1px solid #e8e8e8;
        color: #e83f33;
        padding: 12px 18px;
        font-size: 18px;
        border-radius: 4px;
        position: absolute;
        left: 15px;
        background: none;
        display: block;
        background-color: #f2f2f2;
    }
    .header-mobil-metal {
        position: absolute;
        right: 0;
        top: 0px;
        display: flex;
    }
    a.logo {
        text-align: left;
        margin-bottom: 20px;
        margin-left: 85px;
    }
    .my-user{
        max-width: initial;
    }


}
@media (max-width: 667px) {
.headder-middle-right{

    display: none;
}
    .header-mobil-metal {
        position: relative;
        right: 0;
        top: 0px;
        display: flex;
    }



}