@charset "utf-8";
/* CSS Document */
 @media (min-width: 1200px) {
     #menu-topbar > ul > li > a {
         padding: 12px 10px;
    }
     #menu-topbar > ul > li:hover > ul {
         display: block !important;
    }
     #menu-topbar > ul > li:hover > ul > li:hover ul {
         display: block !important;
    }
     #menu-topbar > ul > li > ul {
         right: -50%;
         left: -50%;
         min-width: 220px;
         background: #ffffff;
         padding: 5px 10px;
         border: 1px solid #ededed;
         margin: 0px auto !important;
    }
     #menu-topbar > ul > li:hover > ul:before {
         display: none;
    }
     #menu-topbar > ul > li > ul > li > a {
         border-bottom: 1px solid #efeded;
         line-height: 20px;
    }
     #menu-topbar > ul > li > ul > li:last-child a {
         border-bottom: 0;
    }
}
 @media (max-width: 1023px) {
     #menu-topbar > ul > li > ul {
         max-width: 100%;
         min-width: unset;
         border: none;
         padding-left: 15px;
         margin: 0;
    }
     #nav-menu-topbar .navbar-collapse {
         padding: 0px 20px;
         position: absolute;
         right: 0;
         background: #f6f6f6;
         width: 100%;
         top: 100%;
         z-index: 998;
         text-align: left;
    }
     #menu-topbar > ul > li > ul > li > a {
         border-bottom: 1px solid #ededed;
    }
     #menu-topbar > ul > li.show > a:after {
         display: inline-block;
         content: "\f078";
         border: none;
         font-family: 'font awesome 5 free';
         font-weight: 900;
         line-height: 20px;
         font-size: 11px;
         float: right;
    }
}
 @media (min-width: 1023px) {
     #close-sidebar {
         display: none;
    }
     #open-filter {
         display: none;
    }
}
 @media (max-width: 1023px) {
     .categories-left .categories-title {
         display: none;
    }
     .desktop {
         display: none;
    }
     .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;
    }
     .sidebar {
         left: -100%;
         position: fixed;
         top: 0;
         z-index: 999;
         transition: 0.5s;
         background: #f7f7f7;
         text-align: left;
         overflow-y: scroll;
         height: 100%;
         padding: 0;
         min-width: 320px;
    }
     #menu-footer > ul > li {
         width: 100%;
         display: block !important;
         background: white;
         margin-bottom: 10px;
    }
     #menu-footer .navbar-nav {
         display: block;
         width: 100%;
    }
     .nav-footer-menu {
         padding: 0;
         margin-bottom: 15px;
    }
     #menu-footer > ul > li > a:after {
         border: none !important;
         float: right;
         content: "\f107";
         font-family: 'font awesome 5 free';
         font-weight: 900;
         background: whitesmoke;
         width: 25px;
         text-align: center;
         border-radius: 3px;
    }
     #menu-footer > ul > li.show > a:after {
         content: "\f106";
    }
     #menu-footer > ul > li > ul {
         position: unset;
         border: none;
         border-top: 1px solid #f6f6f6;
         border-radius: 0;
    }
     #menu-footer > ul > li > ul:before {
         display: none;
    }
     #menu-footer > ul > li a {
         line-height: 24px;
    }
}
 @media (min-width: 1024px) {
     .category-sidebar-header {
         display: none;
    }
     .mobile {
         display: none;
    }
     .desktop {
         display: block;
    }
     .header-bottom .navbar-brand {
         display: none;
    }
     #sidebarCollapse {
    }
     .header-bottom {
        /* display: none !important;
        */
    }
     .sidebar-button {
         display: none;
    }
     .header-middle {
    }
     .all-image-padding img {
         padding: 20px;
    }
    /* FOOTER MENU BEGIN */
     .nav-footer-menu {
         padding: 0;
    }
     #menu-footer {
         max-width: 100%;
    }
     #menu-footer > ul > li {
         width: 33.333333%;
    }
     #menu-footer > ul > li > a {
         font-weight: 500;
         font-size: 16px;
         padding: 0;
    }
     #menu-footer > ul {
         width: 100%;
    }
     #nav-menu-footer {
         padding: 0;
    }
     #menu-footer > ul > li > ul {
         display: block !important;
         border: none;
         background: none;
         position: unset;
         margin: 10px 0px !important;
         float: left;
         padding: 0 !important;
    }
     #menu-footer > ul > li > ul:before {
         display: none;
    }
     #menu-footer > ul > li > a:after {
         display: none;
    }
     #menu-footer > ul > li > ul > li > a {
         padding: 0;
         line-height: 30px;
         -webkit-transition: all 0.2s ease 0.1s;
         transition: all 0.2s ease 0.1s;
    }
     #menu-footer > ul > li > ul > li > a:before {
         content: "\f105";
         font-weight: 900;
         font-family: 'font awesome 5 free';
         margin-right: 5px;
         color: #cacaca;
    }
     #menu-footer > ul > li > ul > li > a:hover {
         padding-left: 10px;
    }
    /* FOOTER MENU END */
}
 @media (max-width: 1024px) {
     .prd-images:after {
         content: "";
         position: absolute;
         left: 0;
         right: 0;
         z-index: 99999;
         width: 100%;
         height: 100%;
    }
     #prd-images {
         position: relative;
    }
     .categories-title .navbar-toggler span i {
         margin-right: 10px;
    }
     .top-categories {
         padding: 0px 10px;
         border: 1px solid #e9e9e9;
         border-top: 0;
    }
     .top-categories > li {
         position: relative;
    }
     .top-categories > li > a {
         padding: 10px 0px;
         width: 100%;
    }
     .top-categories .mega-left > ul > li > a {
         padding: 0;
         line-height: 36px;
    }
     .top-categories > li .dropdown-menu {
         border: none;
         margin: 0;
         padding: 0;
    }
     .top-categories .mega-left {
         padding-left: 15px;
    }
     .top-categories .mega-left ul:before, .dropdown-menu:before {
         display: none;
    }
     .top-categories > li > a > span > i {
         margin-right: 10px;
    }
     .top-categories .mega-left > ul > li > ul > li > a {
         line-height: 36px;
         padding: 0;
    }
     .top-categories .mega-left > ul > li > ul {
         padding-left: 15px;
    }
     .top-categories .mega-left > ul > li > a:before {
         content: "\f3be";
         font-family: 'font awesome 5 free';
         font-weight: 900;
         margin-right: 8px;
         color: #bebdbb;
    }
     .top-categories .down-menu:after {
         content: "\f107";
         font-family: "Font Awesome 5 Free";
         font-weight: 900;
         border: none;
         padding: 0;
         margin: 0;
         display: block;
         font-size: 16px;
         width: 30px;
         height: 25px;
         line-height: 25px;
    }
     .top-categories .mega-left .show .down-menu:after {
         content: "\f106";
    }
     .top-categories .mega-left > ul > li {
         position: relative;
    }
     .top-categories .down-menu {
         position: absolute;
         right: 0;
         top: 5px;
         width: 30px;
         text-align: center;
         padding: 0;
         background: #f3f3f3;
         color: #575555;
    }
     .top-categories > li > .dropdown-toggle::after {
         content: "\f107";
         font-family: "Font Awesome 5 Free";
         font-weight: 900;
         margin: 0;
         display: block;
         border: none;
         position: absolute;
         right: 0;
         top: 8px;
         width: 30px;
         text-align: center;
         padding: 0;
         background: #5a9cd6;
         color: #ffffff;
         height: 25px;
         line-height: 25px;
         font-size: 16px;
    }
     .top-categories > li.show > .dropdown-toggle::after {
         content: "\f106";
    }
     .admin .edit-button {
         right: 0;
    }
     .product-detail-wizard td:First-child span:First-child {
         display: none !important;
    }
    /** CATEGORY SIDEBAR **/
     .sidebar {
         border: 1px solid #e5e5e5;
         border-radius: 8px;
    }
     .sidebar-item {
         padding-bottom: 20px;
         font-family: 'rubik', sans serif;
         margin-bottom: 20px;
    }
     .sidebar.panel-open {
         left: 0;
         top: 0;
    }
     .category-sidebar-header .close-button {
         position: absolute;
         right: 5px;
         top: 10px;
         font-size: 18px;
         background: no-repeat;
         border: none;
    }
     .category-sidebar-header h3 {
         display: block;
         padding: 13px 10px;
         margin: 0;
         font-size: 22px;
    }
     .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 **/
     .topbar-menu .dropdown-menu {
    }
     .topbar-menu .dropdown-menu:before {
         display: none;
    }
}
 @media (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
     .smart-categories > nav ul > li a {
         color: black !important;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .my-cart-info {
         display: none;
    }
}
 @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 **/
     .my-cart-info .total-price {
         font-size: 15px !important;
         line-height: 32px;
    }
}
 @media (max-width: 960px) {
     .categories-title .navbar-toggler {
         width: 100%;
         color: white;
         margin: 0;
         padding: 0 !important;
    }
     .categories-title .navbar-toggler span {
         float: left;
         width: 100%;
    }
     .header-bottom .navbar-brand {
         display: block;
         width: 100%;
    }
     .fancybox-slide {
         padding: 15px !important;
    }
}
 @media (max-width: 823px) {
     ul.product-price-list > li span.discount {
         display: none;
    }
     .my-cart .dropdown-menu {
         padding: 10px 15px;
         top: 20px !important;
         transform: translate3d(0, 35px, 50px) !important;
         max-width: 90% !important;
         min-width: 290px;
    }
     .my-cart-info {
         max-width: 100px;
         margin: 0;
         padding: 0;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
    }
     .topbar-menu .navbar-collapse {
         position: absolute;
         top: 44px;
         width: 100%;
         right: 0;
         background: #ffffff;
         z-index: 99;
         border: 1px solid #e9e9e9;
         border-top: 0;
         border-left: 0;
         border-right: 0;
    }
     .topbar-menu .navbar-toggler {
         margin-top: 7px;
         color: #343434;
         padding: 0px;
         width: 40px;
         height: 30px;
    }
     .topbar-menu .navbar-toggler .navbar-toggler-icon {
         height: 25px;
         width: 25px;
    }
     #installment-products tr {
    }
     .logo {
         text-align: center;
         display: block;
    }
     .header-bottom {
         width: 100%;
    }
     .header-bottom .navbar-brand {
         width: 100%;
    }
     .my-cart {
    }
}
 @media (max-width: 810px) {
     .footerBottom {
         text-align: center;
    }
     .topbar-menu, .topbar-right {
         position: unset;
    }
}
 @media (max-width: 460px) {
     .header-middle {
         margin-bottom: 0 !important;
    }
     td.taksit-list {
         padding: 0;
         width: 100%;
         float: left;
    }
     .slider-description {
         top: 30px;
         left: 22px;
         max-width: 56%;
    }
     .slider-description h1 {
         font-size: 20px;
    }
     .slider-description h2 {
         font-size: 12px;
    }
     .slider-description p {
         font-size: 10px;
         line-height: 18px;
         margin: 4px 0px;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         width: 80%;
    }
     .slider-description .indirim {
         font-size: 14px;
    }
     .slider-description .satin-al {
         padding: 8px 18px;
         margin-top: 6px;
         font-size: 9px;
         border-radius: 3px;
    }
     .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 li a {
		border: 1px solid #ededed;
		margin: 5px 0px;
	}
     .product-tabs .tabs-navigation ul .tab-active a {
         border: 1px solid #e8e8e8 !important;
         background: #f9f9f9;
         border-radius: 0;
    }
     .overview-button .alert-success {
         padding: 8px 12px;
    }
}
 @media (max-width: 375px) {
     .product-page-center {
         padding: 10px;
    }
}
 @media (max-width: 320px) {
     ul.overview-button {
         text-align: center;
    }
     .featured-price {
         font-size: 20px !important;
    }
     .overview-button li:last-child {
         width: 50%;
         margin: 10px 0px;
    }
}
 a.quick-view-to-details {
     display: inline-block;
     background: #323030;
     padding: 10px 38px;
     border-radius: 5px;
     color: white;
}
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 9999;
}
 .products-preloader {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     z-index: 9999;
     padding: 60px 0px;
}
 .products-preloader .sr-only {
     display: block;
     width: 100%;
     height: 30px;
     left: 0;
     right: 0;
     margin: 0px auto;
     top: 25px;
     overflow: visible;
     clip: unset;
     text-align: center;
}
 #status {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     right: 0;
     margin: 0px auto;
     top: 0%;
     background-image: url(../images/preloader.gif);
     background-repeat: no-repeat;
     background-position: center;
}
 .status-preloader {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     right: 0;
     margin: 0px auto;
     top: 0%;
     background-image: url(../images/preloader.gif);
     background-repeat: no-repeat;
     background-position: center;
}