.grid4 .single-product .image {

    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.banner-item img {
    width: auto;
}
.tab-content .single-product .image {

    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.banner-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

.is_favorite:hover .icon-favori:before {
    content: "\e02b";
}

#common-home .swiper-button-next svg, #common-home .swiper-button-prev svg{

        display: none;

}


.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb40{
    margin-bottom: 40px;
}
.mb50{
    margin-bottom: 50px;
}
.swiper-button-next:hover,.swiper-button-next:hover:before, .swiper-button-prev:hover,.swiper-button-prev:hover:before {
    color: #00BDD4 !important;
}
.banner-item {

    width: auto;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#bestseller .image {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.colored h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}
.colored ul {
    margin: 0;
    padding: 0;
    gap: 10px;
    margin-bottom: 10px;
    display: flex;
}
.colored ul li img{
    border-radius: 50%;
    max-width: 40px;
}
.colored ul li {
    list-style: none;
    display: inline-block;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
    padding: 4px;
}
#product-list .image {
    height: 310px;
}
#product-list .image > a {
    height: 310px;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#product-list .image a .lazy-load {
    width: auto;
    max-width: 100%;
}
body,
label {
    font-weight: 400;
}
#cart,
#menu,
#search {
    margin-bottom: 0;
}
#cart.open > .btn,
#menu .nav > li > a,
#top-links .dropdown-menu a {
    text-shadow: none;
}
#collapse-checkout-confirm tbody > tr > td,
.badge {
    vertical-align: middle;
}
.badge,
.breadcrumb > li,
.sitemessage {
    white-space: nowrap;
}
.icon-area ul li,
.tab-title,
body {
    font-family: poppins, sans-serif;
}
iframe {
    bottom: 100px !important;
  /*  height: auto; */
    background: #fff;
}
body {
    font-style: normal;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
}
#cart.open > .btn:hover,
#top .btn-link:hover,
#top-links a:hover,
.product-thumb .price,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
}
@media (min-width: 1380px) {
    .container {
        width: 1330px;
    }
}
.checkboxx {
    --background: #fff;
    --border: #515465;
    --border-hover: #bbc1e1;
    --border-active: #1e2235;
    --tick: #fff;
    position: relative;
    font-size: 16px;
}
.aggree-area,
.fa,
footer h6 {
    font-size: 14px;
}
.checkboxx input:focus {
    border: 1px solid #000 !important;
    box-shadow: initial !important;
    outline: 0 !important;
}
.checkboxx input,
.checkboxx svg {
    width: 21px;
    height: 21px;
    display: block;
}
.checkboxx input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 5px;
    outline: 0;
    background: var(--background);
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: box-shadow 0.3s;
    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
    display: inline-block;
}
#cart.open > .btn,
#top,
footer,
footer .powered-area {
    background-color: #fff;
}



.checkboxx input:hover {
    --s: 2px;
    --b: var(--border-hover);
}
.checkboxx input:checked {
    --b: var(--border-active);
}
.checkboxx svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--stroke, var(--border-active));
    position: absolute;
    top: 5px;
    left: 0;
    width: 21px;
    height: 21px;
    transform: scale(var(--scale, 1)) translateZ(0);
}
.checkboxx.path input:checked {
    --s: 2px;
    transition-delay: 0.4s;
}
.checkboxx.path input:checked + svg {
    --a: 16.1 86.12;
    --o: 102.22;
}
.checkboxx.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}
.checkboxx.bounce {
    --stroke: var(w--tick);
}
.checkboxx.bounce input:checked {
    --s: 11px;
}
.checkboxx.bounce input:checked + svg {
    animation: 0.4s linear 0.2s forwards bounce;
}
.checkboxx.bounce svg {
    --scale: 0;
}
@keyframes bounce {
    50% {
        transform: scale(1.2);
    }
    75% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
.dropdown-toggle .icon-angle-down,
.review-area a i {
    position: relative;
    top: 2px;
}
.nav-tabs.main_tabs{
    margin-left: 20px;
    display: flex
;
    align-items: flex-start;
    gap: 40px;
}

.tab-info{
    border: 1px solid #EAEAEA;
    padding: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.tab-area .tab-content{
    padding: 0;
}
.nav-tabs.main_tabs li a:focus,
.nav-tabs.main_tabs li:hover a,
.nav-tabs.main_tabs li.active a,
.nav-tabs.main_tabs li.active:hover a{
    border-bottom: 1px solid #0dbdd5;
    margin-bottom: 0 !important;

}
.nav-tabs.main_tabs li a i{
    font-size: 25px;
    color: #00BDD4;
}
.nav-tabs.main_tabs li a{
    background: transparent !important;
    color: #1E1E1C !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    display: flex;
    cursor: pointer;
;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    border-radius: 0;
    padding: 15px 0;
}
.dcheckbox input,
.dradio input,
.only-mobil,
.panel-heading {
    display: none !important;
}
.aggree-area {
    float: left;
    position: relative;
    top: 4px;
    right: 15px;
}
#form-language .dropdown-toggle img {
    position: relative;
    top: -2px;
    left: -5px;
}
#form-currency li > button.currency-select {
    background: #fff;
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 0;
    color: #888;
    margin: 0;
    text-align: left;
    width: 100%;
}
h1 {
    font-size: 33px;
}
h2 {
    font-size: 27px;
}
h3 {
    font-size: 21px;
}
.breadcrumb i,
.btn-group > .btn-lg,
.rating .fa-star,
h4 {
    font-size: 15px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover,
.input-group .dropdown-menu,
.input-group .popover,
.input-group input,
.input-group select,
h5,
input[type="color"].form-control,
input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="datetime"].form-control,
input[type="email"].form-control,
input[type="month"].form-control,
input[type="number"].form-control,
input[type="password"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="text"].form-control,
input[type="time"].form-control,
input[type="url"].form-control,
input[type="week"].form-control,
select.form-control,
textarea.form-control {
    font-size: 12px;
}
.btn-group > .btn-sm,
.btn-sm,
h6 {
    font-size: 10.2px;
}
#top li a:hover,
#top li a:hover i,
.filter-groups a:hover,
.main_color,
.payment-header ul li.active h4,
.payment-header ul li.active i,
.payment-header ul li:hover h4,
.payment-header ul li:hover i,
.review-area a:hover,
.sanal-pazar .blue-text,
.single-product:hover .product-name,
.sort-link-area li a:hover,
.sort-link-area li a:hover i,
.sosyal:hover,
a {
    color: #37bdd4;
}
footer,
footer p a {
    color: #7B7B7B;
}

.contact-info span.phone{
    color: white;
    font-size: 26px;
    line-height: 30px;
}
.contact-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.button-whatsapp:focus,
.kullanicipaneli ul li a:focus,
.review-area a:focus,
a:hover,
footer a:focus {
    text-decoration: none;
}
.body-size,
.opt-name a {
    text-decoration: underline;
}
legend {
    font-size: 14px;
    padding: 7px 0;
}
label {
    font-size: 12px;
}
.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
    border-radius: 0;
    background: 0 0;
    border: none;
}
#product .option-item,
.dtable {
    display: table;
    width: 100%;
}
.input-group .form-control {
    border-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
    color: #5b5b5b;
    border: 1px solid #a9a9a9;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #37bdd4;
    border-color: #37bdd4;
}
span.hidden-lg,
span.hidden-md,
span.hidden-sm,
span.hidden-xs {
    display: inline;
}
div.required .control-label:before {
    content: "* ";
    color: red;
    font-weight: 700;
}
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #fff;
    background-repeat: repeat-x;
}
.top-banner img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.containers {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#product .radio {
    display: inline-block;
    float: left;
    margin-top: 0 !important;
}
.body-size img {
    margin-right: 5px;
}
.body-size {
    display: block;
    color: #444;
    padding: 5px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.old-price,
.price-old,
.product-thumb .price-old {
    text-decoration: line-through;
}
.nav-tabs {
    display: table;
    margin: 0;
    border: none;
    position: relative;
}
#menu {
    border-top: 1px solid #F7F7F7;
}
.nav-tabs > li > a {
    margin-right: 2px;
    border: none;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 25px;
    background-color: #F7F7F7;
    line-height: 32px;
    cursor: pointer;
}
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: white;
    cursor: default;
    background-color: #0dbdd5;
    border: none;
    font-weight: 300;

    margin-bottom: 20px;
}
.nav-tabs > li {
    margin-right: 20px;
}
.nav-tabs > li.active {

}

.breadcrumb-area{
    background-color: #F7F7F7;
}

.widget .tab-content{
    border-top: none;
}
.grid2 .single-product {
    width: calc((100% - 5px) / 2);
}
.companies li:nth-child(3n),
.grid1 .banner-item,
.grid2 .banner-item:nth-child(2n),
.grid2 .single-product:nth-child(2n),
.grid3 .banner-item:nth-child(3n),
.grid3 .single-product:nth-child(3n),
.installment-label:nth-child(5n) {
    margin-right: 0;
}
.grid3 .single-product {
    width: calc((100% - 40px) / 3);
}
.grid4 .single-product:nth-child(4n),
.grid6 .single-product:nth-child(6n) {
    /*border-right: none;*/
    margin-right: 0;
}
.grid4 .single-product .icon-heart,
.grid6 .single-product .icon-heart {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 20px;
    color: #ababab;
}
.grid4 .single-product {
    width: calc((100% - 60px) / 4);
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    max-height: 447px;
    border: 1px solid #EAEAEA;
    border-radius: 15px;
    margin-right: 20px;
}
.grid6 .single-product {
    width: calc((100% - 15px) / 6);
    border-right: none;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
}
.tab-title i{
    color: #00BDD4;
    font-size: 30px;
}
.tab-title {
    font-size: 18px;
    color: #1E1E1C;
    padding: 25px;
    margin-bottom: -2px;
    font-weight: 400;
    background: #F7F7F7;
    width: 100%;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
#collapse-checkout-confirm tbody > tr > td span,
.active .accordion-desc,
.cart-products .center-area span,
.desktop,
.opened .filter-groups,
.product-thumb .image a,
.shop-list li:hover img.hover,
.single-product:hover .option-area,
.visible-desktop {
    display: block;
}
.tab-content {
    margin-bottom: 20px;
    padding-top: 20px;
}

.tab-area{
 margin: 20px 0;
}

.single-product:hover {
    box-shadow: 0 6px 9px -6px #c1c1c1;
    z-index: 11;
    position: relative;
}
.color-title,
.modal-title,
.product-thumb .image,
.text-center .single-product .caption .price {
    text-align: center;
}
.text-center .single-product .caption .product-name {
    text-align: left;
    width: 100%;
}
.single-product .caption .rating {
    margin-top: -20px;
    display: none;
}
.single-product .caption {
    padding: 30px 15px 15px;

    position: relative;
    display: flex;
    flex-direction: column;
}
#column-left .product-layout,
#column-right .product-layout,
#image-carousel img,
.contact-top,
.mobil-footer .app-area li img,
.single-product img,
.thumbnails > img,
footer .fotow,
footer.mobil-footer .contact-form,
footer.mobil-footer .whatsapp-support {
    width: 100%;
    height: auto;
}
#column-left .close-filter,
#error-not-found .relative,
.address-radio-label input,
.best-seller .icons-wrapper,
.blue-area .col-sm-3:last-child:after,
.cart-area,
.filter-area-title,
.menu-footer,
.menu-header,
.mobil,
.mobil-cart-area,
.paginagion,
.payment-header ul li:first-child::before,
.payment-header ul li:last-child::after,
.shippint_adress_selected,
.shop-list img.hover,
.shop-list li:hover img.main,
.single-product .catalog_hide,
.single-product .plain-links,
.single-product .thumb2,
.swiper-pagination,
.visible-mobil,
footer.mobil-footer .footer-item ul {
    display: none;
}
.single-product .price {
    color: black;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
.single-product .badge-category {
    color: #7B7B7B;
    text-align: left;
}

.tab-titles{
    color: black;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 25px;
}
.single-product .product-name {
    color: #222;
    font-size: 13px;
    margin: 10px 0;
    display: block;
    height: 40px;
    text-align: left;
    width: 100%;
    line-height: 15px;
    font-weight: 400;
}
.icon.is_favorite:hover{
    color: #FB7A7A;
    background-color: transparent;
}
.icon.is_favorite{
    color: #FB7A7A;
}
.single-product .price-wrapper {
    display: block;

}
.single-product .out_of_stock_badge {
    right: initial;
    background: red;
    padding: 4px 12px;
}
.blue-area .col-sm-3,
.cart-area,
.logolct,
.main-image,
.menu-container,
.news-group,
.relative,
.single-product .image,
.sort-link-area li.sepet,
.tab-content .desc,
footer .footer-item {
    position: relative;
}
.single-product {
    display: block;
    float: left;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 15px;
}
.country-list.active,
.country-list:hover,
.icons-wrapper a:hover,
.options ul li a.active,
.options ul li a:hover {
    background: #37bdd4;
    color: #fff;
}

.cart-p-name {
    display: block;            /* Genişlik sınırlaması için block gerekiyor */
    width: 190px;               /* Konteynerin tamamını kaplasın */
    white-space: nowrap;       /* Satır kırılmasını engelle */
    overflow: hidden;          /* Taşan kısmı gizle */
    text-overflow: ellipsis;   /* Taşan kısmı ... ile göster */
    color: #DEDEDE;
    margin-bottom: 10px;
}


.side-cart li .cart-title{
padding-right: 24px;
}
.side-cart li .cart-quantity .qt-group{
    border-color: #DEDEDE;
    padding: 2px;
    border-radius: 1px;
    color: white;
}
.side-cart li .cart-quantity input{
    width: 30px;
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: center;
    color: white;
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
}
.side-cart li .cart-qprice .cart-price{
    color: white;
}
.side-cart li .cart-qprice{
    display: flex
;
    justify-content: space-between;
    align-items: flex-end;

}
.side-cart li .cart-remove{
    border: none;
    background: transparent;
    box-shadow: none;
    font-size: 12px;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    font-weight: bold;
}
.side-cart li .cart-image img{
    width: 60px;
}

.side-cart li:hover .cart-remove{
    color: #00BDD4;
}
.side-cart li:hover{
    border-color: #00BDD4;
}
.side-cart li{
    background: #303030;
    border-radius: 10px;
    border: 1px solid #303030;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    gap: 10px;
}
.side-cart{
    list-style: none;
    margin: 0;
    padding: 0 10px;
    height: 100%;
    padding-top: 15px;
}
.options ul li.out_stock a {
    opacity: 0.6;
    cursor: no-drop;
}

.best-seller .swiper-button-next,.best-seller .swiper-button-prev{
    position: initial;
    border: none;
    width: 20px;
    height: 20px;
}

.best-seller .swiper-button-next:hover:before,.best-seller .swiper-button-prev:hover:before {
    color: #37bdd4;
}
.best-seller .swiper-button-next:before,.best-seller .swiper-button-prev:before {
    font-family: Iconly !important;
    color: #A4A4A4 !important;
    font-size: 15px !important;
}


.best-seller .single-product {
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.best-seller .butons{
    position: absolute;
    right: 0;
    top: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.best-seller{
    position: relative;
    margin-top: 40px;
}
.options ul li a {
    font-size: 15px;
    background: #fff;
    width: 35px;
    display: block;
    text-align: center;
    margin: 3px;
    height: 35px;
    line-height: 35px;
    font-weight: 400;
    cursor: pointer;
}
.options ul li {
    display: inline-block;
    list-style: none;
}
.options ul {
    display: table;
    margin: 0 auto;
    padding: 0;
}
.option-area {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #f953106b;
    min-height: 85px;
    padding: 5px 0;
    display: none;
}
.btn-orange-option {
    width: 55%;
    border-radius: 0 !important;
    margin: 4px auto 0;
    display: table;
    font-size: 14px !important;
    padding: 5px !important;
    background: #37bdd4;
    border: none !important;
    box-shadow: none !important;
    color: #fff;
    cursor: pointer;
    font-weight: 400 !important;
}
footer .banka {
    float: right;
}
.grid2 .banner-item {
    width: calc((100% / 2) - 10px);
}
.grid3 .banner-item {
    width: calc((100% / 3) - 10px);
}
.banner-item {
    /*
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;

     */
}
.checkmark,
.companies li,
.country-list,
footer .contact-form {
    display: inline-block;
}
#logo,
#top,
.pagination,
.sort-link-area .list-inline,
footer p,
h2.price {
    margin: 0;
}
#top {
    border-bottom: none;
    padding: 0;
    background: #1E1E1C;
    line-height: 55px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    text-shadow: none;
    color: #fff;
    background-color: #d0ab5c;
}
#top .btn-link,
#top-links a,
#top-links li {
    color: #888;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    position: relative;
    top: 2px;
}
#menu .dropdown-inner li a:hover,
#top-links .dropdown-menu a:hover,
.single-product .icons-wrapper a:hover span.tit,
.swiper-viewport .swiper-button-next:hover::before,
.swiper-viewport .swiper-button-prev:hover::before {
    color: #fff;
}
#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}
#top-links {
    padding-top: 6px;
}
#top-links a + a {
    margin-left: 15px;
}
header {
    padding: 30px 0 0;
    position: relative;
}
.top-phone i {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #ababab;
}
#logo img {
    height: auto;
    max-width: inherit;
}
#search {
    top: 10px;
    border: none;
    padding: 0px;
    position: relative;
    width: 100%;
    border-radius: 0;
    margin-left: 20px;
}
#search select {
    position: absolute;
    left: 2px;
    float: left;
    width: 150px;
    top: 2px;
    height: 38px;
    background: #e5e7f2;
    border: none;
    border-right: 10px solid #e5e7f2;
}
#search .input-lg {
    height: 50px;
    line-height: 20px;
    padding: 0 25px 0 35px;
    border: none;
    box-shadow: none;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    background: #F7F7F7;
    border-radius: 25px;
}
#cart > .btn,
#search span.input-group-btn {
    display: none;
}
#search .btn-lg {
    line-height: 18px;
    color: #fff;
}
#search span.input-group-btn {
    position: absolute;
    right: 0;
}
#search .btn-lg {
    font-size: 15px;
    padding: 10px 15px 13px;
    background: #37bdd4;
    border-radius: 0;
    border: none;
    position: relative;
    top: 1px;
    height: 38px;
    display: block;
    right: 44px;
    z-index: 111;
}



/* Sepet paneli başlangıçta gizli */
.cart-area {
    position: fixed;
    top: 0;
    right: -400px; /* başlangıçta ekran dışında */
    z-index: 999999;
    overflow-y: auto;
    transition: right 0.4s ease;
    padding: 15px;
}

/* Açıkken panel sağdan görünür */
.cart-area.open {
    right: 0;
    display: block !important;
}

/* Sepet başlığı */
.cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/* Kapatma butonu */
.close-cart {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
}

/* Kayan panel açıldığında gölge */
.cart-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
    display: none;
}

/* Overlay açıkken görünür */
.cart-overlay.active {
    display: block;
}





#cart {
    top: 0;
    padding: 2px;
    position: fixed;
    width: 340px;
    z-index: 111111;
    height: 100%;
    right: 0;
    background: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

#cart .cart-header h3{
    color: white;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}
#cart .cart-header .cart-count{
    width: 20px;
    height: 20px;
    background-color: #00BDD4;
    border-radius: 50%;
    text-align: center;
    color: white;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
}
#cart .cart-header .close-cart{
    border: none;
    box-shadow: none;
    color: white;
    background: transparent;
    font-weight: bold;
    font-size: 18px;
}
#cart .cart-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 30px 20px;
    border-bottom: 1px solid #00bdd44f;
}

#cart .cart-button.black{
    background-color: #2F2F2F;
}
#cart .cart-info-text{
    margin-bottom: 20px;
}
#cart .cart-button{
    background-color: #00BDD4;
    color: white;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}


#cart .cart-footer .cart-total,#cart .cart-footer .cart-total h3{
    font-size: 13px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 15px;
}
.filter-area select{
    max-width: 165px;
    border: 1px solid #F7F7F7;
    border-radius: 5px;
    float: right;
    color: #7B7B7B;
}

.filter-area .list-button button i{
    font-size: 24px;
}
.filter-area .list-button button{
    border: none;
    background: none;
    box-shadow: none;
    padding: 5px;
    padding-bottom: 0;
}

.sperator{
    height: 32px;
    width: 1px;
    display: block;
    background: #EAEAEA;
}
.filter-area .list-button{
    border: 1px solid #F7F7F7;
    border-radius: 5px;
    padding: 5px;
}
.filter-area .list-detail-group{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    font-weight: 400;
}
.filter-area{
    margin: 20px 0;
}
.category-title{
    font-size: 18px;
    font-weight: 400;
    color: #1E1E1C;
}


.product-detail-area{
    border: 1px solid #EAEAEA;
    padding: 30px;
    border-radius: 10px;
    margin-top: 50px;
}


#cart .cart-footer{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 20px;
    border-top: 1px solid #00bdd44f;
}

#cart > .btn {
    font-size: 12px;
}
#cart.open > .btn {
    background-image: none;
    border: 1px solid #e6e6e6;
    color: #666;
    box-shadow: none;
}
#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
    min-width: 100%;
    overflow-y: auto;
    max-height: 800px;
    scrollbar-width: thin;
    overflow-x: hidden;
}
#menu .btn-navbar,
#menu .see-all:focus,
#menu .see-all:hover {
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu .btn-navbar,
#menu .btn-navbar.disabled,
#menu .btn-navbar:active,
#menu .btn-navbar:focus,
#menu .btn-navbar:hover,
#menu .btn-navbar[disabled] {
    background-color: #229ac8;
    color: #fff;
}
#cart .dropdown-menu table,
.contact-ul li {
    margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}
.copy-button {
    color: #fff;
    border: none;
    margin-left: 10px;
    border-radius: 5px;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    animation: 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards stroke;
}
.checkmark {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 0 0 10px;
    box-shadow: inset 0 0 0 #7ac142;
    animation: 0.4s ease-in-out 0.4s forwards fill, 0.3s ease-in-out 0.9s both scale;
    position: relative;
    top: 8px;
}
.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards stroke;
}
@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #7ac142;
    }
}
#cart .dropdown-menu li p,
p.tags {
    margin: 20px 0;
}
#menu {
    min-height: 45px;
    background: #fff;
    border-radius: 0;
    margin-top: 30px;
    border-bottom: none;
}
#menu .navbar-collapse {
    padding: 0 !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 25px;
    left: auto;
}


.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 25px;
    right: auto;
}

.swiper-slide img{
    margin: 0 auto;
}
#menu .nav > li > a {
    color: black;
    padding: 18px 30px 18px;
    min-height: 15px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    flex-direction: row;
    gap: 5px;
}
#menu .nav > li.open > a,
#menu .nav > li > a:hover {
    background-color: transparent;
    color: #00bdd4;
    position: relative;
}
#menu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 20px;
    margin: 0px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: none;
}
.widget .nav-tabs {
    display: flex;
    margin: 0;
    border: none;
    position: relative;
    justify-content: center;
}
.widget{
    margin-top: 50px;
    margin-bottom: 40px;
}

#button-favorite:hover .icon-favori:before {
    content: "\e02b";
}

#button-favorite:hover{
    background-color: transparent;
    box-shadow: none;
}

#menu .dropdown-inner ul li:last-child a{
    border-bottom: none;
    box-shadow: none;
}
#menu .dropdown-inner ul li a{
    padding: 8px 10px;
    font-size: 12px;
    border-bottom: 1px solid #F7F7F7;
    padding-bottom: 15px;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background: #00BDD4 !important;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 55px;
    border-radius: 2px;
    height: 3px;
    opacity: 1;
    background: #3F3F3F;
}
.swiper-pagination{
    display: block !important;
    bottom: 30px !important;
}
#menu .dropdown-inner {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
#menu .dropdown-inner ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#menu .dropdown-inner a,
#menu .see-all {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
}
#menu .dropdown-inner a {
    min-width: 160px;
    clear: both;
    line-height: 20px;
    color: #333;
}
#menu .see-all {
    margin-top: 0.5em;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
}
#menu .see-all:focus,
#menu .see-all:hover {
    text-decoration: none;
    color: #fff;
    background-color: #229ac8;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    padding: 2px 18px;
    float: right;
    border-color: #1f90bb #1f90bb #145e7a;
}
.country-list {
    background: gray;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
}
.companies li:hover {
    border: 1px solid #37bdd4;
    background: #ffd592;
}
.companies li {
    width: calc((100% - 20px) / 3);
    border: 1px solid gray;
    text-align: center;
    height: 150px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.companies {
    margin: 30px 0 0;
    padding: 0;
}
@media (max-width: 378px) {
    .single-product .product-name {
        color: #2f2f2f;
        font-size: 14px;
        height: 55px !important;
    }
}
@media (max-width: 767px) {
    #product-list .image {
        height: initial;
    }
    #product-list .image > a {
        height: initial;
    }
    #menu {
        border-radius: 4px;
    }
    .companies li:nth-child(2n) {
        margin-right: 0;
    }
    .companies li:nth-child(3n) {
        margin-right: 10px;
    }
    .companies li h1 {
        font-size: 20px;
    }
    .dtable h2.pull-left {
        font-size: 16px !important;
    }
    h1.pull-left {
        font-size: 20px !important;
    }

    .nav-tabs.main_tabs {
        margin-left: 0;
        display: flex;
        align-items: flex-start;
        gap: 5px;
        justify-content: space-between;
    }

    .nav-tabs.main_tabs li a {
        font-size: 12px !important;
        gap: 5px;
        align-items: center;
        border-radius: 0;
        padding: 15px 0;
    }


    .companies li {
        display: inline-block;
        width: calc((100% - 10px) / 2);
        border: 1px solid gray;
        text-align: center;
        height: 150px;
    }
    #menu .dropdown-inner,
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgb(208 171 92);
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}
footer .contact-form,
footer .whatsapp-support {
    border: 1px solid #cecece;
    padding: 3px 30px 3px 5px;
    position: relative;
    margin: 5px 0;
}
#collapse-checkout-confirm .table-bordered > tbody > tr > td,
#collapse-checkout-confirm .table-bordered > tbody > tr > th,
#collapse-checkout-confirm .table-bordered > tfoot > tr > td,
#collapse-checkout-confirm .table-bordered > tfoot > tr > th,
#collapse-checkout-confirm .table-bordered > thead > tr > td,
#collapse-checkout-confirm .table-bordered > thead > tr > th,
#collapse-checkout-confirm tbody > tr > td,
.butongndr,
footer .footer-item:last-child::after {
    border: none;
}
#content {
    min-height: 400px;
}
footer {
    margin-top: 0;
    padding-top: 0;
    font-weight: 300;
    font-size: 15px;
}
footer .contact-form::after {
    font-family: Iconly;
    content: "\e005";
    background: #37bdd4;
    position: absolute;
    width: 23px;
    text-align: center;
    color: #fff;
    right: 3px;
}
footer .contact-form {
    width: auto;
}
footer .whatsapp-support::after {
    font: 14px/23px FontAwesome;
    content: "\f232";
    background: #25d366;
    position: absolute;
    width: 23px;
    text-align: center;
    color: #fff;
    right: 3px;
    height: 23px;
}
footer .whatsapp-support {
    display: block;
    width: 90%;
}
footer .app-img {
    margin: 5px 0;
}
footer .footer-item img {
    margin-top: 5px;
    margin-bottom: 5px;
}
footer .powered-area {
    height: auto;
    text-align: center;
    background: #0f0f0f;
    color: white;
}
footer hr {
    border-top: none;
    border-bottom: 1px solid #202020;
    display: flex;
    height: 4px;
    width: 100%;
}
footer p {
    font-size: 13px;
    padding: 10px;
    color: #7B7B7B;
}
footer a {
    color: #878787;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
}
footer a:hover,
footer a:visited {
    /*color: #00BDD4;*/
}

.footer-contact i{
    color: #00BDD4;
    font-size: 50px;
}
.footer-contact{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.mt20,
.tab-area,
footer .etbis {
    margin-top: 20px;
}
.logolct img.fotow {
    margin-bottom: 40px;
    height: 25px;
    width: auto;
}
.logolct .iconrenk {
    color: #37bdd4;
    font-size: 14px;
    margin-right: 10px;
    width: 15px;
}
.butongndr {
    background-color: #37bdd4;
    color: #fff;
    height: 35px;
    padding: 0 10px;
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
}
#newsletter:focus-visible {
    outline: 0;
}
#newsletter {
    height: 41px;
    border: 1px solid #ddf6f9;
    border-radius: 5px;
    padding: 0 10px;
}
#newsletter::placeholder {
    color: #69cbd7;
    opacity: 1;
}
#newsletter:-ms-input-placeholder {
    color: #69cbd7;
}
#newsletter::-ms-input-placeholder {
    color: #69cbd7;
}
.logolct::before {
    content: " ";
    width: 56px;
    height: 1px;
    display: block;
    background-color: #b5b5b5;
    margin: 20px 0;
    position: absolute;
    top: 28px;
}
footer h5::before {
    content: " ";
    width: 20px;
    position: absolute;
    height: 2px;
    display: block;
    margin: 10px 0 20px;
    background-color: #00BDD4;
    bottom: -20px;
    z-index: 11;
}
footer h5::after {
    content: " ";
    width: 30px;
    position: relative;
    height: 2px;
    display: block;
    margin: 10px 0 20px;
    background-color: #878787;
}
footer h5 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.blue-area .col-sm-3:after {

}
.swiper-viewport {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: relative;
}
hr {
    margin-top: 10px;
    margin-bottom: 18px;
    border: 0;
    border-top: 1px solid #eee;
}
.alert {
    padding: 8px 14px;
}
.breadcrumb {
    margin: 0 0 20px;
    padding: 8px 0;
    border: none;
    background: 0 0;
    position: relative;
    top: 13px;
}
.btn-default,
.btn-primary {
    background-repeat: repeat-x;
}
h3.contact-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #5d5d5d;
}
#common-success #content,
#information-contact .dtable {
    margin-bottom: 30px;
}
.btn-phone i,
.button-whatsapp i,
.dtable h2.pull-left,
.sort-link-area i,
.sosyal i,
h1.pull-left,
h2.contact-baslik {
    font-size: 20px;
}
.breadcrumb > li:last-child:after {
    content: none;
}
.breadcrumb > li:last-child a{
    color: #323232;
}
.breadcrumb > li a{
    color: #7B7B7B;
}
.sort-link-area li.is_login a {
    color: #323232;
}

.sort-link-area .open > .dropdown-menu li.not_login a:hover {
    color: black !important;
}
.sort-link-area .open > .dropdown-menu {
    display: block;
    top: 74px;
    border-radius: 0;
    border: none;
    border-top: none;
    background: black;
    padding: 20px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    right: -50px;
    min-width: 220px
}

.sort-link-area .dropdown li.not_login:last-child a:hover, .sort-link-area .dropdown li.not_login:first-child a:hover{
    background-color: #37bdd4;
    
}
.sort-link-area .dropdown li.not_login:last-child a {
    background-color: #404040;
    text-align: center;
    line-height: 34px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.sort-link-area .dropdown li.not_login:first-child a {
    background-color: #404040;
    text-align: center;
    line-height: 34px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.sort-link-area .dropdown li a {
    color: white;
}
.breadcrumb > li {
    text-shadow: 0 1px 0 #fff;
    padding: 0 10px;
    position: relative;
}
.breadcrumb > li + li:before {
    content: "";
    padding: 0;
}
.breadcrumb > li:after {
    content: "\e009";
    display: block;
    position: absolute;
    top: 0;
    right: -13px;
    width: 17px;
    height: 0;
    font-family: Iconly;
    font-size: 10px;
}
.buttons {
    margin: 1em 0;
}
.btn {
    padding: 7.5px 12px;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group > .btn-xs,
.btn-xs {
    font-size: 9px;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}
.btn-default {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #e7e7e7;
    background-image: linear-gradient(to bottom, #eee, #ddd);
    border-color: #ddd #ddd #b3b3b3 #b7b7b7;
}
.btn-primary {
    color: #fff;
    background-color: #37bdd4;
    border-color: #37bdd4;
    border-radius: 0;
    text-shadow: none;
    font-size: 15px;
    min-width: 120px;
    box-shadow: none;
}
.top-banner {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    background: #37bdd4;
    color: #fff;
}
.btn-danger,
.btn-info,
.btn-inverse,
.btn-success,
.btn-warning {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;
}
.well {
    padding: 19px 19px 40px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    min-height: 100px;
    margin-top: 10px;
}
.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:hover,
.btn-primary[disabled] {
    background-color: #37bdd4;
    background-position: 0 0;
    border-color: #37bdd4;
}
.btn-warning {
    color: #fff;
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    border-color: #f89406 #f89406 #ad6704;
}
.btn-danger.active,
.btn-danger.disabled,
.btn-danger:active,
.btn-danger:hover,
.btn-danger[disabled],
.btn-success.active,
.btn-success.disabled,
.btn-success:active,
.btn-success:hover,
.btn-success[disabled],
.btn-warning.active,
.btn-warning.disabled,
.btn-warning:active,
.btn-warning:hover,
.btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
    color: #fff;
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    border-color: #bd362f #bd362f #802420;
}
.btn-success {
    color: #fff;
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    border-color: #51a351 #51a351 #387038;
}
.btn-info {
    color: #fff;
    background-image: none !important;
}
.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #23a1d1;
    border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}
.btn-inverse {
    color: #fff;
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444, #222);
    border-color: #222 #222 #000;
}
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse:active,
.btn-inverse:hover,
.btn-inverse[disabled] {
    background-color: #222;
    background-image: linear-gradient(to bottom, #333, #111);
}
.list-group a {
    border: 1px solid #ddd;
    color: #888;
    padding: 8px 12px;
}
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
    color: #444;
    background: #eee;
    border: 1px solid #ddd;
    text-shadow: 0 1px 0 #fff;
}
.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}
.carousel-control .icon-prev:before {
    content: "\f053";
    font-family: FontAwesome;
}
.carousel-control .icon-next:before {
    content: "\f054";
    font-family: FontAwesome;
}
.dcheckbox.active-checkbox:after,
.dradio.active-radio:after {
    content: " ";
    background: orange;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 4px;
}
.product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}
.product-thumb .image a:hover {
    opacity: 0.8;
}
.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}
.product-grid .product-thumb .image {
    float: none;
}
@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}
.product-thumb h4 {
    font-weight: 700;
}
.product-thumb .caption {
    padding: 0 20px;
    min-height: 180px;
}
.product-list .product-thumb .caption {
    margin-left: 230px;
}
.product-thumb .rating {
    padding-bottom: 10px;
}
.rating .fa-stack {
    font-size: 8px;
}
.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}
.product-thumb .price-new {
    font-weight: 600;
}
.product-thumb .price-old {
    color: #999;
    margin-left: 10px;
}
.product-thumb .price-tax {
    color: #999;
    font-size: 12px;
    display: block;
}
.product-thumb .button-group {
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: auto;
}
.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
    .contactgenel {
        width: 100%;
    }
    .contactbox {
        width: 100% !important;
    }
    .kullanicipaneli ul li {
        width: 50% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}
#button-cart,
.btn-viewer.active span.dilim,
.btn-viewer:focus span.dilim,
.btn-viewer:hover span.dilim {
    background: #37bdd4;
}
@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }
    .product-thumb .button-group button,
    .product-thumb .button-group button + button {
        width: 33.33%;
    }
}
.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.vertical-sperator{
    width: 100%;
    height: 1px;
    background-color: #EAEAEA;
    display: block;
}

.thumbnails > li {
    margin-left: 20px;
}
.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: none;
}
.image-additional {
    max-width: 78px;
}
.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}
@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n + 1),
    #content .col-lg-3:nth-child(4n + 1),
    #content .col-lg-4:nth-child(3n + 1),
    #content .col-lg-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n + 1),
    #content .col-md-3:nth-child(4n + 1),
    #content .col-md-4:nth-child(3n + 1),
    #content .col-md-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n + 1),
    #content .col-sm-3:nth-child(4n + 1),
    #content .col-sm-4:nth-child(3n + 1),
    #content .col-sm-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    #column-left .product-layout .col-md-3,
    #column-left + #content + #column-right .product-layout .col-md-3,
    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }
}
.input-group .form-control[name^="quantity"] {
    min-width: 50px;
}
.btn-info.active,
.btn-info.disabled,
.btn-info:active,
.btn-info:hover,
.btn-info[disabled] {
    background-image: none;
    background-color: #37bdd4;
}
.dda,
.girisyapbaslik {
    font-size: 18px;
}
.shipping-track i {
    font-size: 24px;
    top: 2px;
    position: relative;
}
.shipping-track {
    color: #888;
    position: relative;
    top: 9px;
    margin-right: 10px;
    border: 1px solid #c7c6c6;
    padding: 5px;
    border-radius: 5px;
}
.instagram-area h1 {
    font-weight: 400;
    position: relative;
    top: 23px;
}
.instagram-area {
    background-color: #efefef;
    width: 100%;
    padding: 30px 0;
}
.insta-radius span img {
    width: 90%;
    position: relative;
    top: 45px;
    margin: 0 auto;
    display: table;
}
.insta-radius span {
    background: #fff;
    border-radius: 50%;
    display: table;
    height: 100%;
}
.insta-hash,
.right-area span {
    font-weight: 700;
    display: block;
}
.insta-radius {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #eb2828 90%);
    width: 120px;
    height: 120px;
    padding: 4px;
    border-radius: 50%;
}
.insta-hash {
    color: #000;
    margin: 25px 0;
    font-size: 20px;
    cursor: pointer;
}
.insta-buton {
    border: 3px solid #36a9e0;
    padding: 3px 25px;
    color: #36a9e0;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
}
.news-area .container {
    z-index: 111;
}
.news-area {
    background: #fadeb2;
    padding: 2px 0;
    position: relative;
    height: 150px;
}
.news-area .right-area {
    float: left;
    position: relative;
    z-index: 111;
    top: 50px;
    left: 12%;
}
.news-area .left-area {
    width: 50%;
    float: left;
}
.news-area .right-bg {
    position: absolute;
    right: 0;
    background: #fff;
    top: 3px;
    height: 144px;
    display: table;
    width: 50%;
}
.dcheckbox:before,
.dradio:before {
    content: " ";
    width: 20px;
    font-size: 17px;
    position: absolute;
    font-family: Iconly;
}
.now-register {
    font-size: 30px;
    color: #393939;
    font-weight: 300;
    box-shadow: 3px 3px 0 -2px #393939;
    padding: 20px 30px;
    display: table;
    margin: 0 auto;
    position: relative;
    top: 40px;
}
.right-area span.haberdar-ol {
    font-family: Caveat, cursive;
    margin-top: 10px;
    font-weight: 400;
}
#common-success h2,
.cart-right .titem strong,
.product-title {
    font-weight: 400;
}
.right-area span {
    font-size: 38px;
    color: #393939;
}
.info-area ul li h4 {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
}
.info-area ul li h3 {
    text-align: left;
    font-size: 19px;
}
.info-area li .rarea {
    display: inline-block;
    margin-left: 10px;
}
.info-area ul li i {
    display: inline-block;
    color: #37bdd4;
    border: 3px solid #37bdd4;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    position: relative;
    top: -10px;
}
.info-area ul li {
    list-style: none;
    display: inline-block;
    width: 24.6%;
}
#top .list-inline,
.another-colors ul,
.banner-info ul,
.cart-products,
.filter-groups ul,
.icon-area ul,
.info-area ul,
.info-list,
.payment-header ul,
.sub-image ul,
ul.shop-list {
    margin: 0;
    padding: 0;
}
.info-area {
    margin: 35px 0;
}
#error-not-found .btn-primary {
    background: #37bdd4;
    border-color: #37bdd4;
    min-width: 120px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
}
#error-not-found {
    padding-top: 6%;
    max-height: 500px;
}
#error-not-found h1 {
    text-align: center;
    margin: 20px 0;
}
#error-not-found i {
    font-size: 130px;
    color: #37bdd4;
    text-align: center;
    display: block;
}
#column-left .filter-title i {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 2px;
}
#column-left .filter-title::after {
    content: " ";
    width: 35%;
    height: 1px;
    background-color: #b5b5b5;
    display: block;
    margin-top: 15px;
}
#column-left .filter-title {
    border-bottom: none;
    padding-right: 10px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 25px;
}
.filter-groups a:before {
    content: "-";
    margin-right: 8px;
}
.filter-groups a {
    display: block;
    color: #676767;
    font-size: 14px;
    line-height: 26px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

footer .company-info h6{
    color: white;
    margin-top: 20px;
}
footer .company-info p{
    color: #878787;
    margin: 40px 0;
    padding: 0;
    font-size: 14px;
}
footer .company-info{
    background: #161616;
    padding: 50px 30px;
    position: relative;
    top: -50px;
    border-top: 5px solid #00BDD4;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 90%;
}

.filter-groups ul li label {
    display: table;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.dcheckbox.active-checkbox:after {
    display: block;
    border-radius: 2px;
    position: absolute;
}
.dradio.active-radio:after {
    display: block;
    border-radius: 50%;
    position: absolute;
}
.dcheckbox.active-checkbox,
.dradio.active-radio {
    color: orange;
}
.dcheckbox,
.dradio {
    padding-left: 30px;
    line-height: 23px;
}
.dradio:before {
    height: 20px;
    display: block;
    border: 1px solid gray;
    border-radius: 50%;
    left: 0;
    top: 0;
}
.dcheckbox:before {
    height: 20px;
    display: block;
    border: 1px solid gray;
    border-radius: 4px;
    left: 0;
    top: 0;
}
.filter-groups {
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
    display: none;
}
.opened .filter-title .fa-plus:before {
    content: "\f068";
    font: 14px/1 FontAwesome;
}
.filter-groups ul li {
    list-style: none;
    display: table;
    width: 100%;
}
.btn-viewer span.dilim {
    background: #e1e1e1;
    display: block;
    width: 15px;
    float: left;
    margin: 2px 2px 2px 0;
    height: 24px;
}
.btn-viewer.active,
.btn-viewer:focus,
.btn-viewer:hover {
    border-color: #37bdd4;
    box-shadow: none;
}
.btn-viewer {
    border: none;
    padding: 0 0 0 2px;
    background: #fff;
    border-radius: 0;
    height: 30px;
    width: auto;
    margin-right: 4px;
    display: inline-block;
}
#product-category .description {
    padding: 10px 0;
    border: none;
    margin-bottom: 20px;
    display: block;
}
.sub-image {
    width: 140px;
    display: block;
    float: left;
}
#checkout-checkout .panel-group .panel + .panel,
.modal-cart h3,
.sub-image ul li:first-child {
    margin-top: 0;
}

#zoom-gallery{
    display: flex;
}
#zoom-gallery a{
    padding-top: 10px;
}
#zoom-gallery a.active{
    margin-top: -1px;
    border-top: 1px solid #00BDD4;
}

.main-image {
    width: 100%;
    display: block;
    float: right;
}
.btn-wishlist i {
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    position: relative;
    top: 2px;
}
.btn-wishlist:focus {
    outline: 0;
}
.btn-wishlist {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    float: left;
}
.review-area a {
    color: #494949;
    margin-left: 10px;
}
ul.review-area {
    float: left;
}
div.review-area {
    display: inline-block;
    margin-left: 0;
    width: 100%;
}
.rating-box i {
    position: relative;
    top: 1px;
}
.rating-box,
.sort-link-area li {
    margin-left: 0px;
}
.product-title {
    margin-top: 0;
    font-size: 22px;
    color: #373737;
}
.price-area ul {
    margin: 0;
}
.price-area .price {
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-right: 5px;
    font-size: 32px;
}
.label-style:hover,
.radio > .active {
    border-color: #37bdd4 !important;
    color: #37bdd4 !important;
}
.label-style {
    margin: 0 5px 0 0;
    border: 1px solid #a9a9a9;
    text-align: center;
    display: block;
    height: 30px;
    padding: 0 7px !important;
    line-height: 30px;
    float: left;
    color: #a9a9a9;
    cursor: pointer;
}
.text-dangers {
    color: #fff;
    background: #f08080;
    padding: 0 10px;
    margin-top: 10px;
    display: block;
}
.opt-name {
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.opt-name a {
    position: absolute;
    right: 0;
    color: #37bdd4;
}
.another-colors ul li .outstok {
    background: #d0ab5ce6;
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    color: #fff;
    text-align: center;
}
.another-colors ul li.active::after {
    content: "\e80a";
    background: rgb(242 173 63 / 50%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Iconly;
    color: #fff;
    padding-right: 8px;
    text-align: right;
    padding-top: 5px;
}
.another-colors ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
    position: relative;
    margin-bottom: 4px;
}
.quantity-select {
    border: 1px solid #d0d0d0 !important;
    width: 60px !important;
    border-radius: 0 !important;
    float: left;
    height: 42px !important;
    margin-right: 5px !important;
}
#button-cart,
#button-cart-fast, #button-favorite {
    border: 1px solid #000;
    font-size: 17px;
    font-weight: 200;
    float: left;
    color: #fff;
    padding: 20px;
    text-shadow: none;
    border-radius: 6px;
}
.add-cart-title {
    font-size: 14px !important;
    display: block !important;
}
#button-cart {
    width: calc((100% - 70px) / 2);
    margin-left: 0;
    background-color: black;
    margin-right: 0px;
}
#button-favorite i{
    color: black;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline: none;
    outline-offset: -2px;
}

#button-cart:hover,
#button-cart-fast:hover{
    background-color: #00BDD4;
    border-color: #00BDD4;
    color: white;
}

#button-favorite {
    width: 70px !important;
    padding-right: 25px;
    padding-left: 25px;
}

.product-category-title{
    font-size: 12px;
    font-weight: 400;
    margin: 15px 0;
    display: block;
    color: #7B7B7B;
    text-transform: uppercase;
}

.review-info i{
    font-size: 24px;
    color: #1E1E1E;
}
.review-info a,
.review-info .ship-date{
    display: flex;
    gap: 5px;
    color: #1E1E1E;
    align-items: center;
}
.review-info{
    justify-content: flex-start !important;
    gap: 35px !important;
    font-size: 12px;
    color: #1E1E1E;
}

.d-vertical-justify{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dflex{
    display: flex;
}
#button-cart-fast, #button-favorite {
    width: 100%;
    margin-left: 0px;
    margin-top: 0;
    margin-right: 0;
    background: transparent;
    border: 1px solid black;
    color: black;

}
.button-area {
    margin: 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.quantity-area input {
    border: none;
    width: 40px;
    text-align: center;
    top: -2px;
}
.quantity-area i {
    cursor: pointer;
}
.quantity-area {
    width: 140px;
    padding: 6px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding-left: 0;
    color: black;
}

.quantity-btn{
    font-size: 24px;
    display: block;
    width: 24px;
    line-height: 18px;
    height: 24px;
    cursor: pointer;
}
.dda-accordion {
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.active .accordion-title::after {
    content: "--";
}
.accordion-title::after {
    content: "+";
    font-size: 30px;
    position: absolute;
    right: 0;
    font-weight: 100;
    color: #b5b5b5;
    top: -10px;
}
.accordion-title {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #aeaeae;
    position: relative;
    cursor: pointer;
}
.accordion-desc {
    display: none;
    padding: 5px 10px;
}
.swal2-popup {
    font-size: 1.3rem !important;
}
.modal-cart .modal-item h4 {
    margin-top: 30px;
}
.modal-cart .modal-item {
    display: table;
    width: 100%;
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #929292;
    border-radius: 5px;
}
.modal-cart img {
    float: left;
    margin-right: 20px;
    height: 80px;
}
.button-whatsapp {
    height: 42px;
    text-align: center;
    border: 1px solid #3ad774;
    color: #3ad774;
    float: right;
    width: calc((100% / 2) - 5px);
    font-size: 17px;
    line-height: 42px;
    margin-left: 10px;
}
.button-installment {
    color: #37bdd4;
    border: 1px solid #37bdd4;
    background: 0 0;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    margin: 10px 0;
}
.header-back-button {
    color: #fff !important;
    background: #37bdd4;
    padding: 10px;
    font-size: 16px;
    position: relative;
    top: 13px;
}
.min #logo img {
    height: 50px;
    display: block;
    margin: 0 auto;
}
.min-cart-area {
    position: relative;
    top: 12px;
}
.min a {
    color: #3b3b3b;
}
.cart-right {
    border: 1px solid #ddd;
    padding: 15px;
}
.cart-products li {
    list-style: none;
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 15px 0;
}
.cart-products .image-area img {
    border-radius: 0;
    border-color: #ddd !important;
}
.cart-products .image-area {
    float: left;
    display: table;
    margin-right: 10px;
    width: 120px;
}
.dark-gray {
    color: #444 !important;
}
.cart-remove-button,
.quantity-button {
    color: #37bdd4;
    width: 27px;
    height: 27px;
    display: block;
    line-height: 27px;
    text-align: center;
}
#checkout-cart .breadcrumb {
    position: relative;
    top: 18px;
    margin: 0;
    float: right;
}
.cart-products .center-area {
    width: calc(80% - 170px);
    float: left;
}
.cart-products .cart-button-area {
    width: 40px;
    float: right;
}
.cart-products input {
    width: 40px;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    border-color: #f1f1f1;
    color: #000;
    font-size: 16px !important;
}
.cart-remove-button {
    border: 1px solid #ababab !important;
    background: 0 0;
    border-radius: 50%;
    padding: 0;
    margin: 10px auto;
}
.quantity-button {
    border: 1px solid #37bdd4 !important;
    border-radius: 50%;
    margin: 3px auto;
    font-size: 15px;
    cursor: pointer;
}
.cart-right .total-title {
    font-size: 20px;
    font-weight: 200;
}
.go-payment-button {
    width: 100%;
    color: #fff !important;
    background: #37bdd4 !important;
    border: none !important;
    text-shadow: none;
    font-size: 17px;
    border-radius: 0;
    margin: 10px 0;
}
.coupon-area input#button-coupon {
    color: #fff !important;
    background: #37bdd4 !important;
    border-color: #37bdd4 !important;
    text-shadow: none;
    border-radius: 0;
}
.coupon-area {
    display: table;
    width: 100%;
    margin-top: 20px;
}
.total-cart-price {
    font-size: 25px;
    color: #37bdd4;
    font-weight: 500;
}
.cart-right .titem {
    display: table;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}
.list-title::after,
.list-title::before {
    content: " ";
    width: 42%;
    border-top: 1px solid #ddd;
    top: 21px;
    display: block;
}
.address-radio-label.new-address:before,
.payment-method-radio::after,
.payment-method-radio::before {
    font-size: 20px;
    font-family: Iconly;
    position: absolute;
}
.list-title::before {
    position: absolute;
    left: 0;
}
.list-title::after {
    position: absolute;
    right: 0;
}
.list-title {
    display: table;
    margin: 10px auto;
    background: #fff;
    padding: 10px 20px;
}
.alert {
    margin: 20px 0;
    border-radius: 0;
}
.payment-header ul li::after,
.payment-header ul li::before {
    content: none;
    width: 10%;
    border: 1px solid #b2b2b2;
    top: 50%;
    position: absolute;
}
.alert-dismissable .close,
.alert-dismissible .close {
    right: 0;
}
.payment-header ul li h6 {
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}
.payment-header ul li h4 {
    color: #b2b2b2;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.payment-header ul li i {
    text-align: center;
    font-size: 40px;
    display: block;
    color: #b2b2b2;
}
.payment-header ul li::before {
    left: 0;
}
.payment-header ul li::after {
    right: 0;
}
.payment-header ul li.active::after {
    content: " ";
    width: 60%;
    position: absolute;
    right: 0;
    border: none;
    border-bottom: 2px solid #37bdd4;
    bottom: -21px;
    top: initial;
    left: 20%;
}
#reseller-form .checkbox-inline input,
#reseller-form .radio-inline input {
    margin-right: 10px;
    position: relative;
    top: 2px;
}
#reseller-form .checkbox-inline,
#reseller-form .radio-inline,
.breadcrumb > li:first-child {
    padding-left: 0;
}
.form-control,
input[type="checkbox"].form-control,
input[type="radio"].form-control {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}
.payment-header ul li {
    position: relative;
    list-style: none;
    float: left;
    padding: 10px 50px;
    cursor: pointer;
}
.payment-header {
    display: table;
    margin: 35px auto 20px;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #ddd !important;
}
#checkout-checkout .panel-group {
    margin-bottom: 20px;
    margin-right: -15px;
}
#checkout-checkout .panel {
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.payment-banner {
    margin: 10px auto;
    display: block;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.address-radio-label,
.address-radio-label.new-address {
    width: calc(33.3% - 10px);
    padding: 20px;
    height: 110px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}
.bag-count,
.stories.snapgram .story > .item-link > .item-preview {
    background: #37bdd4 !important;
}
.form-control:focus {
    border-color: #37bdd466;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(242 173 63 / 33%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(242 173 63 / 25%);
}
.address-radio-label.active {
    cursor: pointer;
    border: 3px solid #37bdd4;
    box-shadow: 2px 2px 7px -5px;
}
.address-radio-label.active:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: block;
    width: 25px;
    background: #37bdd4;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.address-radio-label {
    border: 3px solid #dad8d5;
    color: #737373;
}
.address-radio-label.new-address {
    border: 3px dotted #37bdd4;
    text-align: center;
    line-height: 80px;
}
.address-radio-label.new-address:before {
    content: "\e819";
    display: block;
    width: 25px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #37bdd4;
    top: 27px;
    left: calc(50% - 12.5px);
    background: #fff;
}
.payment-method-radio::before {
    content: "\e014";
    right: 16px;
    background: #ededed;
    color: #979797;
    width: 28px;
    height: 28px;
    top: 13px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
.payment-method-radio::after {
    content: "\f107";
    transform: rotate(180deg);
    right: 23px;
    color: #979797;
    top: 12px;
}
.payment-method-radio {
    border: 1px solid #ddd;
    width: 100%;
    padding: 15px;
    padding-left: 20px !important;
    position: relative;
    color: #2e2e30;
    margin-bottom: -1px;
    cursor: pointer;
}
#input-coupon {
    height: 34px;
}
#collapse-payment-method .checkbox + .checkbox,
.radio + .radio {
    margin-top: -1px;
}
#collapse-checkout-confirm tbody > tr:first-child {
    border-top: none;
}
#collapse-checkout-confirm tbody > tr > td.image-area {
    width: 80px;
}
#collapse-checkout-confirm tbody > tr > td img.img-thumbnail {
    border: none;
    padding: 0;
}
#collapse-checkout-confirm tbody > tr {
    border-top: 1px solid #ddd;
}
.confirm-title .confirm-edit-btn {
    position: absolute;
    right: 0;
    font-size: 12px;
}
.confirm-title {
    position: relative;
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.bag-count,
.min .bag-count {
    position: absolute !important;
}
.sozlesme {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #636363;
    min-height: 150px;
}
#common-success .icon-checked {
    font-size: 75px;
    color: #37bdd4;
    margin: 80px auto;
    display: table;
}
.bag-count {
    left: 13px !important;
    top: 10px !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    text-align: center !important;
    color: #fff;
}


.nav.navbar-nav{
    display: flex;
    margin: 0 auto;
    float: initial;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.navbar-nav .dropdown a > i {
    margin-left: 0;
    font-size: 20px;
}
.min .bag-count {
    left: 20px !important;
}
.mobil-footer .app-area li {
    display: inline-block;
    width: 32%;
    margin: 0;
}
footer.mobil-footer .footer-item::after {
    border-right: none !important;
}
.swiper-viewport .swiper-button-next {
    opacity: 1 !important;
    right: 10px !important;
    width: 40px;
    height: 40px;
}
.swiper-viewport .swiper-button-next:hover,
.swiper-viewport .swiper-button-prev:hover {
    color: #fff;
    background: 0 0 !important;
}
.swiper-viewport .swiper-button-prev {
    opacity: 1 !important;
    left: 10px !important;
    width: 40px;
    height: 40px;
}
.swiper-button-next:before,
.swiper-button-prev:before {
    text-align: center !important;
    display: block !important;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
    outline: 0;
    outline-offset: -2px;
    border: none;
    box-shadow: none;
}
input[type="checkbox"].form-control,
input[type="radio"].form-control {
    width: 16px;
    height: 16px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 10px;
}
@media screen and (min-width: 780px) and (max-width: 992px) {
    #logo,
    .payment-ul {
        position: relative;
    }
    .payment-header ul li {
        padding: 10px 20px;
    }
    .cart-right {
        margin-bottom: 20px;
    }
    #checkout-checkout .panel-group {
        margin-right: 0;
    }
    .payment-header ul li h4 {
        font-size: 12px;
    }
    .header-back-button {
        font-size: 13px;
    }
    #menu {
        top: -5px;
    }
    .navbar-nav > li {
        float: left;
        width: 33%;
    }
    #menu .nav > li > a {
        font-size: 14px;
        font-weight: 300;
        text-align: center;
    }
    #logo {
        margin: 0 0 10px;
        top: 10px;
    }
    #search {
        margin-bottom: 0;
        top: 20px;
    }
    footer.mobil-footer .footer-item ul {
        display: block;
    }
    .payment-ul {
        top: 45px;
    }
}
.badges,
ul.shop-list li img {
    position: absolute;
}
.ratings {
    margin: 10px 0;
}
.ratings span {
    margin: 0 5px;
}
.ratings .rating-box,
ul.inline li {
    display: inline-block;
    margin-right: 10px;
}
.banner-info ul > li,
.price-area{
    display: flex
;
    gap: 10px;
    align-items: center;
}

.ratings .rating-box div,
.single-product:hover .icons-wrapper a span.tit {
    display: inline-block;
}
.ratings .rating-box div i {
    font-size: 16px;
}
.contact-area .form-control {
    border: none !important;
    border-bottom: 1px solid #cdcdcd !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px;
}
.contact-detail hr {
    margin: 30px 0;
}
.contact-detail p {
    line-height: 30px;
    font-size: 15px;
}
#where-is-ship h1 {
    text-align: center;
    font-size: 30px;
    margin: 35px 0;
    color: #444;
}
#where-is-ship button:hover {
    background: #ad8e4d;
}
#where-is-ship button {
    display: table;
    margin: 25px auto;
    background: #d0ab5c;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 12px 40px;
    font-size: 18px;
    text-shadow: none;
}
#where-is-ship {
    width: 360px !important;
}
.sitemessage {
    display: inline-block;
    animation: 20s linear infinite floatText;
    padding-left: 100%;
}
.sitemessage:hover {
    animation-play-state: paused;
}
@keyframes floatText {
    to {
        transform: translateX(-100%);
    }
}
.marquee {
    margin-left: 2in;
}
label.disabled:before {
    top: 0;
    transform: rotate(45deg);
}
label.disabled:after {
    bottom: 0;
    transform: rotate(-45deg);
}
label.disabled:after,
label.disabled:before {
    background-color: #8a8a8a;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform-origin: center left;
    transition: 0.2s ease-in;
    width: 40px;
    z-index: -1;
}
label.disabled {
    opacity: 0.5;
    position: relative;
    cursor: no-drop;
}
.badges {
    left: 5px;
    top: 10px;
}
.badge {
    display: table;
    min-width: 10px;
    padding: 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}
.badge.new_badge {
    background-color: #75e38c;
}
.badge.sale_badge {
    background-color: #38bed6;
}
.badge.brand {
    color: #b9b9b9;
    padding-left: 0;
    text-align: left;
    font-weight: 400;
    background: 0 0 !important;
    display: none;
}
.badge.free_shipping {
    top: 0;
    left: 0;
    z-index: 1111;
    display: none !important;
}
.installment-label input {
    position: relative;
    top: 2px;
    margin-right: 10px;
}
.installment-label {
    display: inline-block;
    width: calc(20% - 8px);
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 10px;
    height: 60px;
    margin-bottom: 10px;
}
#button-confirm {
    background: #37bdd4;
    border: none;
    color: #fff;
    height: 40px;
    border-radius: 0;
    float: right;
    min-width: 150px;
    font-size: 16px;
}
select#installment {
    border: none;
    background: #ececec;
    border-radius: 10px;
    padding: 10px;
}
ul.inline-ul {
    margin-bottom: 20px;
}
ul.inline-ul li a {
    padding: 5px;
}
ul.inline-ul li {
    list-style: none;
    display: inline-block;
}
.mobil-info {
    text-align: center;
    margin-bottom: 30px;
}
#form-currency .dropdown-menu {
    max-height: 400px;
    overflow: auto;
}
.top-banner-img img {
    max-width: 100%;
}
#form-language .btn-link {
    padding-right: 0;
}
.sort-link-area {
    float: right;
    position: relative;
    top: 22px;
}
#top li a:focus,
.sort-link-area li a:focus {
    text-decoration: none !important;
}
.sort-link-area li i {
    text-align: center;
    font-size: 22px;
}
.sort-link-area .shipping-tracking i {
    font-size: 28px;
}
.wp {
    position: fixed;
    bottom: 50px;
    right: 20px;
}


.sosyal {
    display: block;
    text-align: center;
}
#product-product .breadcrumb {
    top: 10px;
    background: 0 0;
    border-radius: 0;
}
.detail-group {
    border: none;
    padding: 0;
    display: table;
    width: 100%;
    margin-bottom: 2px;
    position: relative;
}
.btn-phone:hover {
    background-color: #fff;
    color: #000;
}
.btn-phone {
    width: calc(50% - 5px);
    background: #fff;
    border: 1px solid #37bdd4;
    color: #37bdd4;
    font-size: 17px;
    margin-left: 0;
    height: 42px;
}
.mob-category-list {
    float: left;
    width: 100%;
    display: block;
    background-color: #fff;
    padding-top: 0;
}
.mob-category-list > .List > .item {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #484848;
    font-weight: 600;
    padding: 15px 5px 15px 30px;
    border-right: 1px solid #eee;
    border-top: 1px solid #ebebeb;
    text-align: left;
}
.mob-category-list > .List > .item::before {
    content: ">";
    font-size: 16px;
    color: #ff6100;
    margin-right: 7px;
    position: relative;
    top: -1px;
}
.mob-category-list > .all-category {
    color: #ff6100;
    padding: 10px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    float: left;
    width: 100%;
}
.desc,
.description .desc {
    text-align: justify;
    margin-top: 0;
}
.sanal-pazar .left-area {
    padding-right: 30px;
    border-right: 1px solid #cfcfd3;
    display: table;
    float: left;
    margin-right: 5px;
}
.sanal-pazar {
    padding: 60px 0;
    padding-bottom: 80px;
}
.sanal-pazar .pull-left span {
    display: block;
    font-weight: 700;
    font-size: 20px;
}


.sanal-pazar .min-text {
    font-size: 9px !important;
    font-weight: 400 !important;
    color: #84858a;
}
ul.shop-list li:first-child img {
    top: -12px;
}
ul.shop-list li:nth-child(2) img {
    top: -25px;
    height: 80px;
    left: 30px;
}
ul.shop-list li:nth-child(3) img {
    top: -4px;
    height: 45px;
    left: -20px;
}
ul.shop-list li:nth-child(4) img {
    top: -16px;
    height: 50px;
    left: 20px;
}
ul.shop-list li:nth-child(5) img {
    top: 4px;
    height: 35px;
    right: 0;
}
ul.shop-list li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 18px;
    width: 12%;
}
.sanal-pazar .icon-store {
    float: left;
    font-size: 40px;
    position: relative;
    top: 7px;
    color: #cbccd0;
}
footer .blue-area {
    background: url("../image/footer-right-bg.png") top 100px right/contain no-repeat #0F0F0F;
    padding: 45px 0 20px;
    background-size: auto;
    padding-bottom: 30px;
}
hr.white {
    background: #ddf6f9;
    border-color: #ddf6f9;
    margin-top: 30px;
}
.payment-area {
    color: #ddf6f9;
    padding-top: 10px;
}
footer li {
    color: #ddf6f9;
    line-height: 15px;
    font-size: 12px;
}
.socials a {
    padding: 10px 10px;
    padding-left: 0;
}
.socials i {
    font-size: 20px;
    margin-right: 5px;
    margin-top: 10px;
}
#top li a {
    color: #fff;
    line-height: 44px;
}

.top-phone .phone-text{
    font-size: 20px;
    font-weight: 600;
    color: #00BDD4;
}

.top-phone i ,{
    font-size: 24px;
    color: #00BDD4;
}
.pull-left .top-phone i {
    position: relative;
    top: 4px;
    font-size: 24px;
    color: #00BDD4;
}
#top .list-inline > li:first-child {
    padding-left: 0;
    border-left: none;
}
#top .list-inline > li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}
.sort-link-area span {
    position: relative;
    top: -4px;
    margin-left: 3px;
}
.all-categories a {
    background: #37bdd4 !important;
    color: #fff !important;
}
.all-categories .dropdown-menu {
    min-width: 194px;
    background: #fff;
}
.all-categories .dropdown-menu a:hover,
.swiper-viewport .swiper-button-next:hover:before,
.swiper-viewport .swiper-button-prev:hover:before {
    color: #37bdd4 !important;
}
.all-categories .dropdown-menu a {
    background: #fff !important;
    color: #494949 !important;
}
li.all-categories.dropdown a {
    text-transform: capitalize !important;
}
.mini-filter select {
    display: inline-block;
    border: none;
    width: initial;
    position: relative;
    top: 8px;
    color: #323232;
    background: transparent;
}
.description .desc p {
    margin-bottom: 0;
    color: #898989;
    font-weight: 300;
}
.description .desc {
    border-left: 2px solid #37bdd4;
    padding-left: 25px;
    color: #49494a;
    height: 65px;
}
.description h1,
.description h2 {
    font-size: 20px;
    color: #1E1E1C;
    font-weight: 400;
}
.dropdown-menu-right li,
.icon-area ul li:first-child {
    margin-left: 0;
}
.blue-text {
    color: #37bdd4;
    font-weight: 300;
}
.dropdown-menu li > a:hover {
    background-color: transparent;
    background-image: none;
}

.desc p {
    color: #797979;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
}
.desc h2,
.urundetayaciklama h2 {
    font-size: 18px;
    color: #00bdd4;
    margin-top: 0;
}
.info-list li h6 {
    font-size: 16px;
    font-weight: 500;
    color: #00BDD4;
}
.info-list li span.min {
    font-size: 12px;
    width: 200px;
    font-weight: 300;
}
.info-list li span.tel {
    font-size: 25px;
    font-weight: 200;
}

.info-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}


.info-list li {
    display: flex;
    width: calc(100% / 3);
    background: #F7F7F7;
    padding: 20px 40px;
    border-radius: 15px;
    flex-direction: row;
    justify-content: space-between;
}
.info-list .pull-left span {
    display: block;
    font-weight: 500;
    color: #8b8b8b;
    font-size: 20px;
}
.info-list li i {
    color: #37bdd4;
    font-size: 70px;
    float: left;
    margin-right: 15px;
}
.info-list li i.icon-shipped {
    font-size: 74px;
}
.info-lists .center-item,
.tcenter {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.pside {
    padding-left: 30px;
}
.kdv-text {

}

.product-video i{
    font-size: 30px;
    color: #00BDD4;
}
.product-video{
    position: absolute;
    bottom: 20px;
    z-index: 1030;
    background: #F7F7F7;
    padding: 10px 20px;
    border-radius: 8px;
    display: flex
;
    align-items: center;
    gap: 5px;
    color: black;
}

.sort-detail li b{
    color: black;
}
.sort-detail li{
    color: #7B7B7B;
}
.sort-detail{
    display: flex
;
    flex-direction: column;
    gap: 5px;
}

.new-product {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
    background: #00BDD4;
    padding: 2px 7px;
    color: #fff;
    border-radius: 10px;
}
#button-review {
    width: 100%;
    border: none;
    background: #37bdd4;
    height: 45px;
    color: #fff;
    font-size: 18px;
}
.icon-area ul li i {
    font-size: 42px;
    color: #7B7B7B;

}

.icon-area ul li {
    list-style: none;
    display: flex;
    font-size: 14px;
    padding: 10px;
    line-height: 44px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #7B7B7B;
    font-weight: 400;

}
.icon-area ul{
    display: flex
;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.icon-area {
    margin-bottom: 0;
    width: 100%;
    border-top: 1px solid #eaeaea;
    padding: 25px;
    padding-bottom: 0;
}
@media (max-width: 1380px) {
    .icon-area ul li i {
        font-size: 29px;
        top: 6px;
    }
}
.swiper-viewport {
    margin: 0 0 25px !important;
}
.news-group button {
    color: #00bdd4;
    background: #fff;
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 0;
}
.icons-wrapper i,
.info-lists li,
.info-lists li i,
.old-price,
.qt-group,
.tab-desc-content {
    position: relative;
}
.news-group input {
    border: 1px solid #fff;
    background: #00bdd4;
    color: #fff;
    width: 100%;
    border-radius: 0 !important;
}
span.saving {
    background: #37bdd4;
    color: #fff;
    font-size: 14px;
    padding: 5px 20px;
    margin-top: 15px;
    display: table;
}
.old-price {
    top: 10px;
}
.pdetail li {
    color: #494949;
    min-width: calc((100% - 85px) / 4);
}
.pdetail b {
    color: #373737;
    font-weight: 500;
}
.qt-group {
    display: flex
;
    border: 1px solid #DEDEDE;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    align-items: center;
    align-content: center;
    flex-direction: row;
}
.payment-actions {
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}
.contactbox {
    width: 33.3%;
    float: left;
    text-align: center;
}
.contact-icerik {
    margin: 5px;
    padding: 40px 30px;
    background: #f9f9f9;
    min-height: 255px;
    border-bottom: 3px solid #37bdd4;
}
.contact-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #37bdd4;
    border-radius: 50%;
}
.contact-icon i {
    font-size: 30px;
    margin-top: 13px;
    color: #fff;
}
.banner-info ul > li h6 {
    font-size: 12px;
    color: #b7b7b7;
    font-weight: 400;
}
.banner-info ul > li h5 {
    font-size: 14px;
    color: #4c4c4c;
}
.info-lists li {
    width: calc((100% + 5px) / 5);
    border: 1px solid #ebedf5;
    float: left;
    padding: 25px 15px;
    margin-left: -1px;
}
.info-lists .center-item .fl {
    min-width: 195px;
}
.info-lists li i {
    color: #37bdd4;
    font-size: 55px;
    float: left;
    top: 0;
    margin-right: 10px;
}
.form-horizontal .control-label {
    padding-top: 15px;
    margin-bottom: 0;
    text-align: left;
}
.banner-info {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}
.price-old {
    font-size: 15px;
    color: #9c9c9c;
    margin-right: 10px;
}

.single-product .price-areas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.single-product .icons-wrapper {
    background: #fff;
    display: block;
}
.single-product .icons-wrapper a span.tit {
    display: none;
    color: #00bdd4;
}

.icons-wrapper a {
    padding: 0;
    display: block;
    text-align: center;
    margin-bottom: 0;
    cursor: pointer;
}
a:hover.icon.is_wishlist {
    background: #76e69c;
    color: #fff;
}
a:hover.icon.is_wishlist span {
    color: #fff !important;
}
a.icon.is-cart i {
    color: #00bdd4;
}
a.icon.is_wishlist span {
    color: #76e69c !important;
}
.icons-wrapper i {
    font-size: 16px;
    margin-right: 5px;
    top: 2px;
}
a.icon.is_wishlist {
    border: 1px solid #76e69c;
}
a.icon.is_wishlist i {
    color: #76e69c;
}
.contact-detail iframe {
    height: 450px;
}
.contactgenel {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
}
.scroll .desc {
    height: 200px;
    overflow: hidden;
}

.nav.navbar-nav > li {
    border-top: 1px solid transparent;
}
.nav.navbar-nav > li:hover a.dropdown-toggle{
    color: #00bdd4 !important;
}
.nav.navbar-nav > li:hover {
    border-top: 1px solid #00bdd4;
}



.swiper-button-next, .swiper-button-prev {
    border: none;L3251
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    height: 40px;
}


#bestseller .swiper-button-next:before, #bestseller .swiper-button-prev:before {
    font-size: 16px !important;
}
#bestseller .swiper-button-next, #bestseller .swiper-button-prev {
    border: none;
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    height: 40px;

}

.swiper-button-next,
.swiper-button-prev {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    height: 40px;
}

.swiper-button-next:before,
.swiper-button-prev:before {
    font-family: Iconly !important;
    color: #fff !important;
    font-size: 20px !important;
}
.tab-desc-content {
    padding-bottom: 50px;
    border-bottom: 1px solid #EAEAEA;
}
.more-desc i{
    margin-left: 10px;
    color: #00BDD4;
}
.more-desc {
    color: #323232;
    border: 1px solid #EAEAEA;
    position: absolute;
    left: 0;
    bottom: -21px;
    background: white;
    padding: 10px 15px;
    border-radius: 5px;
}
#button-cart:hover {
    background: #59cee2;
}
.swiper-button-next:before {
    content: "\e009" !important;
}
.swiper-button-prev:before {
    content: "\e00a" !important;
}
.swiper-viewport .swiper-button-next.grup-next:before,
.swiper-viewport .swiper-button-prev.grup-prev:before {
    font-size: 20px !important;
    color: #4E4E4E !important;
}
.swiper-viewport .swiper-button-prev.grup-prev {
    top: -40px;
    left: initial !important;
    right: 40px;
}
.swiper-viewport .swiper-button-next.grup-next {
    opacity: 0;
    right: -20px;
    top: -40px;
}
.is_favorite i,
.swiper-container {
    position: initial !important;
}
.kullanicipaneli ul li {
    width: 24.4%;
    float: left;
    text-align: center;
    line-height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    background: #37bdd4;
	border-radius:15px;
}
.kullanicipaneli ul li:first-child,
.kullanicipaneli ul li:nth-child(4) {
    margin-right: 0;
    margin-left: 0;
}
.kullanicipaneli ul li i {
    width: 100%;
    text-align: center;
    font-size: 65px;
    color: #fff;
}
.kullanicipaneli ul li a {
    color: #fff;
    padding: 10px;
    width: 100%;
    float: left;
}
.kpanelibulten,
.kpanelihesabim,
.kpaneliortaklik,
.kpanelisiparis {
    width: 100%;
    float: left;
}
.kullanicipaneli h2 {
    background: #fafafa;
    font-size: 18px;
    padding: 10px;
    color: #444;
	border-radius:10px;
}
.girisyapaltbaslik strong {
    font-weight: 400;
    font-size: 13px;
}
a.btn.btn-primary:focus {
    background: #37bdd4;
    border-color: #37bdd4;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]:focus {
    background-color: #37bdd4;
}
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: none !important;
}
#zoom-gallery img {
    display: block;
    margin: 0 auto;
}
.rating-box i{
    color: #00BDD4;
}
.r5 i:first-child,
.r5 i:nth-child(2),
.r5 i:nth-child(3),
.r5 i:nth-child(4),
.r5 i:nth-child(5) {
    color: #ffe300;
}
.is_favorite {
    border: none !important;
}
@media (max-width: 1216px) {
    .aggree-area .checkboxx {
        font-size: 12px;
    }
    .aggree-area label {
        margin: 0;
    }
    .aggree-area label.checkboxx span {
        width: calc(100% - 21px);
        line-height: 15px;
        position: relative;
        top: 4px;
        padding-left: 7px;
    }
}
.slideshow {
    margin-bottom: 15px;
}

.now-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: calc((100% + 100px) / 2);
}

@media (max-width: 780px) {
    .footer-item h5 i,
    .insta-buton,
    .insta-hash,
    footer h5 {
        position: relative;
    }
    #product hr,
    #product-product .breadcrumb,
    #search,
    .banner-info,
    .carousel .icons-wrapper,
    .cart-right .titem,
    .filter-groups,
    .header-back-button span,
    .icons-wrapper,
    .module0 .icons-wrapper,
    .payment-banner,
    .payment-header ul li h6,
    .sort-link-area,
    .sub-image,
    hr.color-hr,
    nav#top {
        display: none;
    }
    #button-cart,
    #sort-area button {
        background: #37bdd4;
        border: none;
    }
    #menu #category,
    .all-categories,
    .desktop,
    .footer-item ul.app-ul,
    .footer-item.app-area h5,
    .visible-desktop {
        display: none !important;
    }
    .footer-item ul.payment-ul,
    .footer-item ul.social,
    .mobil,
    .only-mobil,
    .visible-mobil {
        display: block !important;
    }
    .footer-item h5 i {
        font-size: 16px;
    }

    #menu .navbar-nav li > a.dropdown-toggle{
        display: flex
    ;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .widget .nav-tabs{
        gap: 3px;
    }

    #menu .btn-navbar i,
    .footer-item ul.social li a i,
    .right-area span {
        font-size: 25px;
    }
    #menu .btn-navbar {
        font-size: 12px;
        font-stretch: expanded;
        color: #585858;
        padding: 2px 5px;
        float: right;
        background: 0 0 !important;
        box-shadow: none;
        border: none !important;
        position: relative;
        top: 6px;
    }
    #product-category .description,
    .badge.brand,
    footer {
        padding-top: 0;
    }
    .instagram-area h1 {
        top: -2px;
        font-size: 15px;
        text-align: left;
    }
    .instagram-area .col-xs-7 {
        width: 48% !important;
        padding: 0;
        margin: 0;
    }
    .instagram-area .col-xs-5 {
        width: 52% !important;
    }
    .swiper-viewport {
        margin: 0 0 20px !important;
    }
    #button-account,
    #button-filter,
    #button-login,
    .button-whatsapp,
    .grid2 .banner-item,
    .grid3 .banner-item,
    .main-image,
    .main-image img,
    div.review-area {
        width: 100%;
    }
    .banner-area.grid1 .banner-item,
    .thumbnails {
        margin-left: -15px;
        margin-right: -15px;
    }
    button.navbar-toggle span:nth-child(3) {
        width: 22px;
        position: relative;
        left: 8px;
    }
    button.navbar-toggle span {
        display: table;
        width: 30px;
        border: 0.7px solid #333;
        margin: 6px;
        border-radius: 2px;
        background: #333;
    }
    .top-banner {
        font-size: 17px;
        text-align: center;
        padding: 10px;
    }
    .insta-radius {
        width: 70px;
        height: 70px;
    }
    .insta-radius span img,
    .news-area .right-area {
        top: 25px;
    }
    .insta-link {
        float: left !important;
    }
    .insta-hash {
        margin: 15px 0 15px 10px;
        font-size: 13px;
        top: -5px;
    }
    .insta-buton {
        padding: 0 15px;
        font-size: 16px;
        margin-left: 6px;
        top: -13px;
    }
    .items-area ul li:first-child {
        width: 80px;
    }
    .instagram-area {
        background-color: #efefef;
        width: 100%;
        padding: 15px 0;
        margin-top: 20px;
    }

    .info-list li {
        width: 100%;
    }

    .info-list {

        flex-direction: column;
    }

    .footer-copyright {
        flex-direction: column !important;
        align-items: center;
    }

    .footer-copyright .payment-area {

        flex-direction: column !important;
        align-content: center !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center;
    }


    .row.dflex{
        display: block;
    }
    .another-colors,
    .info-area ul li i,
    .instagram-area .col-sm-3,
    .social-area {
        display: table;
        margin: 0 auto;
    }
    #common-success .icon-checked {
        margin: 25px auto;
    }

    .footer-contact{
        margin-top: 25px;
    }

    footer h5 {
        border-bottom: 1px solid #dedede30;
        padding-bottom: 20px;
        color: #ebebeb;
        display: flex;
        justify-content: space-between;
    }
    footer .powered-area {
        height: 60px;
        padding: 10px 0;
        margin-top: 10px;
        font-size: 12px;
        text-align: center;
    }
    #search,
    .mobil-cart-area span {
        height: 40px;
        position: relative;
    }
    .breadcrumb {
      /*  margin: 0 0 10px; */
    }
    #logo,
    #menu,
    .navbar-nav {
        margin: 0;
    }

    .footer-item ul li {
        border-bottom: 1px solid #efefef30;
        margin-bottom: 5px;
        color: #cacaca;
        text-align: left;
    }
    .dropdown-menu > li > a:hover,
    footer a,
    footer a:visited {
        color: #626262;
    }
    footer a:hover {
        color: #8c8c8c;
        font-weight: inherit;
    }

    .footer-item ul li a{
        color: #b6b6b6;
    }

    col-xs-2,
    header,
    header .col-sm-2,
    header .col-sm-3,
    header .col-sm-7,
    header .col-xs-3,
    header .col-xs-7 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .list-inline > li {
        display: inline-block;
        padding-right: 2px;
        padding-left: 4px;
    }
    .info-area ul li {
        display: block;
        width: 49%;
        float: left;
        margin: 7px 0;
    }
    .info-area ul li h4 {
        font-size: 12px;
        font-weight: 300;
        height: 25px;
    }
    .info-area ul li h3,
    footer .whatsapp-support {
        font-size: 14px;
    }
    footer .footer-item {
        position: relative;
        text-align: center;
        margin-bottom: 20px;
    }
    #logo {
        display: table;
        position: relative;
        left: 50px;
    }
    .mobil-padding {
        padding: 0 !important;
    }
    .single-product .product-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;   /* en fazla 2 satır */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #2f2f2f;
        font-size: 13px;
    }

    #search .input-group-btn {
        position: absolute;
        right: 2px;
        width: auto;
        top: 2px;
    }
    #search {
        width: 100%;
        margin: 0 0 25px;
        padding-left: 0;
    }
    #search .btn-lg {
        right: 2px;
        padding: 10px;
        height: 34px;
        top: 0;
    }
    .mobil-cart-area span.search {
        cursor: pointer;
    }
    #search select {
        top: 2px;
        height: 34px;
        display: none;
    }
    .grid3 .single-product {
        width: calc((100% - 10px) / 2);
    }


    .single-product img{
        border-radius: 15px;
    }
    .single-product {
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .news-area .left-area {
        width: 38%;
        float: left;
    }
    .now-register {
        font-size: 16px;
        padding: 15px 3px;
        top: 20px;
    }
    .news-area .right-bg {
        width: 58%;
        height: 94px;
    }
    .cart-products .image-area img,
    .footer-item ul.app-ul li,
    .footer-item ul.contact-ul li,
    .footer-item ul.payment-ul li {
        border: none;
    }
    .news-area {
        height: 100px;
    }
    .nav-tabs > li > a {
        font-size: 11px;
        padding: 5px 10px;
    }
    .grid3 .single-product:nth-child(3n) {
        margin-right: 10px;
    }

    .widget.module0{
        margin-top: 25px;
    }

    footer h5::before {
        content: " ";
        width: 50px;
        position: absolute;
        height: 1px;
        display: block;
        margin: 10px 0 20px;
        background-color: #00BDD4;
        bottom: -21px;
        z-index: 11;
    }

    .single-product .caption {
        padding: 6px;

    }

    .banner-item {
        margin-right: 0px;
    }
    #button-cart,
    #checkout-checkout .panel-group,
    .grid1 .banner-item,
    .grid3 .banner-item:nth-child(2n),
    .grid3 .single-product:nth-child(2n) {
        margin-right: 0;
    }
    #menu .navbar-collapse .nav > li.dropdown,
    #product-category,
    .menu-container {
        position: relative;
    }
    #menu .navbar-collapse .nav > li.dropdown i {
        font-size: 15px;
        /*position: absolute;
        right: 10px;
        top: 13px;*/
    }
    #menu .navbar-collapse .nav > li.dropdown.open i::before {
        content: "\f068";
        font: 14px/1 FontAwesome;
    }
    #menu .navbar-collapse .nav > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #e5e5e5;
    }
    #menu .navbar-collapse {
        padding: 15px !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        height: 100%;
        z-index: 1111;
    }
    #menu .nav > li.open > a,
    #menu .nav > li > a:hover {
        background-color: transparent;
    }
    #menu .dropdown-inner a {
        padding: 5px 20px;
        border-bottom: none;
        color: gray;
        font-weight: 300;
        font-size: 16px;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 0;
        border: none;
    }
    #menu .dropdown-inner a:before {
        content: "-";
        margin-right: 8px;
    }
    #menu {
        border-radius: 4px;
        position: absolute;
        top: 2px;
        left: 0;
        background: 0 0;
        border: none;
    }
    #form-language,
    .icon-area ul li i {
        margin-bottom: 15px;
    }
    .mobil-cart-area span i {
        font-size: 22px;
        position: relative;
        color: #343434;
        top: 4px;
    }
    .mobil-cart-area span {
        display: inline-block;
        width: 33px;
        line-height: 40px;
        float: left;
        text-align: center;
    }
    #menu .nav > li > a {
        color: #181818;
    }
    .menu-container ul.nav li:last-child {
        position: absolute;
        right: 0;
        background: 0 0;
    }
    header {
        padding-bottom: 0;
        border-bottom: 1px solid #c3c3c3;
        position: relative;
    }

    .swiper-button-next:before, .swiper-button-prev:before {
        font-family: Iconly !important;
        color: #fff !important;
        font-size: 14px !important;
    }

    .swiper-button-next, .swiper-button-prev {
        border: 2px solid #fff;
        border-radius: 50%;
        width: 35px;
        line-height: 35px;
        height: 35px;
    }

    .info-area li .rarea h3,
    .info-area li .rarea h4 {
        text-align: center;
        margin-top: 5px;
    }
    .grid3 .banner-item:nth-child(3n) {
        margin-right: 15px;
    }
    .footer-social-left {
        float: left;
        width: 67%;
    }
    .footer-social-right {
        float: right;
        width: 33%;
        position: relative;
        top: 7px;
    }
    footer .footer-item::after,
    footer h5::after {
        content: none;
    }
    .social-area a {
        display: inline-block;
        margin: 4px;
    }
    .mobil-cart-area .cart a {
        color: #343434;
        display: table;
        width: 100%;
    }
    .mobil-cart-area span i.icon-cart {
        font-size: 28px;
        position: relative;
        top: 4px;
        right: 4px;
    }
    .description .desc {
        border-left: none !important;
        padding-left: 15px !important;
        margin-top: 0 !important;
    }
    .description h1,
    .description h2 {
        margin-top: 0;
    }
    .dtable {
        margin-bottom: 20px;
    }
    .mobil-cart-area {
        display: block;
        position: absolute;
        top: -53px;
        right: 5px;
        width: 105px;
    }

    footer .company-info{
        width: 100%;
    }
    .storiesWrapper {
        max-width: 1170px;
        display: block !important;
        margin: 0 auto !important;
        padding: 15px 10px 0 !important;
    }
    #column-left .close-filter i,
    .menu-container .menu-close i {
        font-size: 20px;
    }
    #column-left .close-filter {
        position: absolute;
        left: 10px;
        top: 10px;
        background: 0 0;
        border: none;
        display: block;
        box-shadow: none;
        color: #fff;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 100% !important;
    }
    .navbar-nav .semi-open .dropdown-menu {
        display: block;
        height: 99px;
        width: 100%;
        position: static;
        overflow: hidden;
        box-shadow: none;
        float: none;
    }
    #form-language button {
        margin: 0;
        padding: 3px;
    }
    #product-list {
        display: table;
    }
    .filter-area-title {
        argin: 0 -10px;
        background: #f3a932;
        margin-top: -15px;
        line-height: 42px;
        color: #fff;
        font-size: 16px;
        padding-left: 20px;
        margin-left: -10px;
        margin-right: -10px;
        text-align: center;
        display: block;
    }
    #column-left.active .body-area {
        z-index: 333333;
        position: relative;
        background: #fff;
        padding: 15px 10px;
        height: 100%;
    }
    #column-left.active .background-area {
        position: fixed;
        background: #00000091;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2222;
    }
    #column-left.active {
        display: block !important;
        position: fixed;
        top: 0;
        z-index: 11;
        width: 80%;
        background: #fffffff2;
        padding: 10px;
        right: 0;
        height: 100vh;
        overflow: auto;
    }
    #search .input-lg {
        height: 37px;
    }
    #sort-area .ms1,
    #sort-area .ms2 {
        padding-right: 0 !important;
    }
    #sort-area button {
        color: #fff;
        width: 100%;
        height: 30px;
        cursor: pointer;
    }
    .footer-item ul.social li {
        width: auto !important;
        border: none !important;
        margin: 10px;
    }
    .cart-right {
        border: 1px solid #ddd;
        padding: 0 14px 10px;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 1111;
    }
    .grid6 .single-product {
        width: calc((100% - 15px) / 2);
    }
    #form-currency ul,
    .menu-container .items-area ul,
    ul.langs {
        margin: 0;
        padding: 0;
    }
    #form-currency ul li,
    .langs li {
        list-style: none;
        display: inline-block;
        margin: 15px;
    }
    .product-title {
        margin-top: 15px;
        font-size: 16px;
        width: 100%;
        margin-bottom: 20px;
        line-height: 25px;
    }
    #button-cart {
        width: 100%;
    }
    .quantity-select {
        border: 1px solid #d0d0d0 !important;
        width: 60px !important;
    }
    ul.review-area {
        margin: 0;
    }
    .quantity-area input {
        border: none;
        width: 35px !important;
        text-align: center !important;
        font-size: 15px !important;
    }
    .review-area a.review-count {
        color: #494949;
        margin-left: 10px;
        display: none !important;
    }
    .quantity-area {
        padding: 10px 8px;
        top: 0;
        height: 43px;
    }
    #button-cart-fast {
        margin: 0 !important;
        width: 100% !important;
    }
    .btn-phone {
        width: 100% !important;
        margin-top: 10px !important;
    }
    .button-area {
        margin: 10px 0 !important;
        gap: 10px;
        flex-direction: column;
    }

    .now-group {
        width: 100%;
    }
    .icon-area ul li {
        line-height: 15px !important;
        width: calc(100% / 3);
        text-align: center;
    }

    .icon-area {
        padding: 10px;
        padding-top: 20px;
        margin-top: 10px;
    }

    .nav-tabs > li {
        margin-right: 0 !important;
    }
    .nav-tabs > li.active {
        margin-right: 0px !important;
    }
    .qt-group {

    }

    .tab-area{
        margin: 20px 0 !important;
    }


    .product-detail-area {
        border: 1px solid #EAEAEA;
        padding: 15px;
        border-radius: 10px;
        margin-top: 20px;
        position: relative;
    }

    .bag-count,
    .min .bag-count {
        position: absolute !important;
        right: -5px !important;
        left: initial !important;
    }
    #tab-description p {
        text-align: justify;
    }
    .pside {
        padding-left: 15px !important;
    }
    h4.color-title {
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        color: #000;
        font-weight: 300;
        margin: 25px 0;
    }
    #product {
        margin-top: 25px;
    }
    #checkout-cart h1 {
        font-size: 16px;
        text-align: center;
    }
    #checkout-cart .breadcrumb {
        position: relative;
        top: 11px;
        display: none;
    }
    .grid4 .single-product:nth-child(2n) {
        margin-right: 0;
    }
    .grid4 .single-product {
        width: calc((100% - 5px) / 2);
        margin-right: 5px;
        margin-bottom: 5px;
        border-radius: 10px;
    }

    .breadcrumb-area .category-title{
        margin: 0;
        margin-top: 15px;
    }
    .breadcrumb-area .pull-left,
    .breadcrumb-area .pull-right{
        width: 100%;
        float: left !important;
    }

    .filter-area .list-detail-group{
        gap: 5px;
    }
    .grid6 .single-product {
        height: 280px;
    }
    .list-title::after,
    .list-title::before {
        content: " ";
        width: 30%;
    }
    .bag-count {
        top: 0 !important;
    }
    .min .bag-count {
        top: -12px !important;
    }

    .banner-area {
        flex-direction: column;
    }

    .review-info {
        justify-content: flex-start !important;
        gap: 10px !important;
        font-size: 12px;
        color: #1E1E1E;
        margin: 10px 0 !important;
        align-items: flex-start;
    }
    .go-payment-button {
        width: 170px;
        color: #fff !important;
        background: #37bdd4 !important;
        border: none !important;
        text-shadow: none;
        font-size: 15px;
        border-radius: 0;
        margin: 10px 0;
        position: absolute;
        right: 30px;
        top: 28px;
    }
    .coupon-area {
        display: table;
        width: 100%;
        margin-top: 10px;
    }
    .payment-header ul li.address {
        width: 100px;
    }
    .payment-header ul li {
        position: relative;
        list-style: none;
        float: left;
        padding: 5px;
        cursor: pointer;
    }
    .badge.brand {
        font-weight: 400;
        background: red !important;
        font-size: 10px;
        color: white;
        padding: 2px 5px;
    }
    .payment-header ul li h4 {
        color: #b2b2b2;
        font-size: 11px;
        font-weight: 300;
        text-align: center;
        width: 70px;
    }
    .payment-header ul li::after {
        bottom: -11px !important;
    }
    .payment-header ul li::before {
        top: 30%;
    }
    .cart-right .total-title {
        font-size: 17px;
        font-weight: 200;
        margin-bottom: 20px;
    }

    #top {
        line-height: 50px;
    }

    .payment-header {
        display: table;
        margin: 10px auto;
    }
    .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccbf;
        position: fixed;
        width: 100%;
        height: 40px;
        top: 0;
        left: 0;
        margin: 0 !important;
        z-index: 111;
    }
    .address-radio-label,
    .address-radio-label.new-address {
        margin-left: 0;
        width: 100%;
    }


    #checkout-checkout #collapse-payment-method .buttons,
    #checkout-checkout #register-area .buttons {
        position: initial;
        bottom: 0;
        left: 0;
        z-index: 15555;
        background: #fff;
        width: 100%;
        height: 62px;
        padding: 35px 0 0;
    }
    .aggree-area input {
        float: left;
        margin-right: 0;
    }
    .aggree-area {
        position: absolute;
        width: 100%;
        right: initial;
        bottom: 92px;
        text-align: left;
        left: 31px;
        top: initial;
    }
    #logo img {
        height: 40px;
        position: relative;
        top: -13px;
        width: auto;
    }
    .address-radio-label {
        cursor: pointer;
        border: 3px solid #dad8d5;
        padding: 20px;
        position: relative;
        height: 110px;
        float: left;
        color: #737373;
    }
    .menu-footer,
    .menu-header,
    .navbar-nav .dropdown a > i {
        display: block;
    }
    .menu-container ul.navbar-nav {
        overflow: auto;
        padding-bottom: 50px;
        display: block;
    }
    .menu-container .items-area ul li.active {
        opacity: 1;
    }
    .menu-container .items-area ul li {
        list-style: none;
        display: inline-block;
        opacity: 0.6;
    }

    .nav.navbar-nav .dropdown .dropdown-menu .side-image{
        display: none;
    }
    .nav.navbar-nav .dropdown{
        display: flex;
        flex-direction: row;
        justify-content: space-between !important;
    }
    .nav.navbar-nav .dropdown.open{
        display: flex !important;
        flex-direction: column;
    }
    .nav.navbar-nav .dropdown.open .dropdown-menu{
        display: block !important;
        width: 100%;
        position: initial !important;
    }

    .pull-right.mini-filter{

    }

    .breadcrumb-area {
        width: 100%;
        overflow-x: auto;               /* Scroll aktif */
        overflow-y: hidden;             /* Dikey scroll kapalı */
        -webkit-overflow-scrolling: touch; /* iOS için yumuşak scroll */
    }

    .breadcrumb-area {
        display: flex;           /* Yatay hizalama */
        flex-wrap: nowrap;              /* Satır kırılmasını engelle */
        white-space: nowrap;            /* Metinlerin alt satıra geçmesini engelle */
        list-style: none;               /* Noktaları kaldır */
        padding: 0;
        margin: 0;
    }

    .breadcrumb-area .breadcrumb li {
        flex: 0 0 auto;                 /* Elemanların sıkışmasını önle */
        margin-right: 10px;             /* Araya boşluk */
    }

    /* Scroll çubuğunu gizlemek istersen */
    .breadcrumb-area::-webkit-scrollbar {
        display: none;
    }

    .menu-container .menu-close {
        width: 30px;
        height: 30px;
        line-height: 28px;
        padding: 0;
        background: #fff;
        border: none;
        cursor: pointer;
    }
    .menu-footer .account-area a {
        width: 49%;
        display: inline-block;
        text-align: center;
        padding: 8px;
        border: 1px solid #37bdd4;
        cursor: pointer;
    }
    .menu-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 10px;
    }
    .stories.carousel .story {
        width: 14vw !important;
    }
    .hazirBlokContent {
        margin: 20px 0;
        display: table;
        width: 100%;
    }
    .stories.carousel .story > .item-link > .item-preview {
        height: 14vw !important;
    }
    .stories.carousel .story > .item-link > .info .name {
        font-weight: 300;
        font-size: 12px;
    }
    .stories.carousel .story > .item-link > .info {
        margin-top: 5px !important;
    }
    .pdetail li {
        color: #494949;
        min-width: calc((100% - 85px) / 2);
    }
}
@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 100%;
    }
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
    .aggree-area {
        width: 85%;
        bottom: 62px;
    }
    .aggree-area label {
        margin: 0;
    }
    .aggree-area span {
        float: right;
        width: calc(100% - 21px);
        line-height: 15px;
        position: relative;
        top: 2px;
    }
    div#tab-available-offers {
        width: 100% !important;
        margin: none !important;
    }
}
.wpbutton,
.wpbuttonmobil {
    position: fixed;
    height: 60px;
    bottom: 30px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    z-index: 99999;
}
.wpbutton {
    width: 180px;
    right: 50px;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
}
.wpbutton:hover {
    font-size: 18px;
    font-weight: 600;
}
.wpbutton i {
    padding-right: 5px;
}
.wpbuttonmobil {
    width: 60px;
    right: 30px;
    font-size: 30px;
}
.wpbuttonmobil i {
    font-size: 30px !important;
}
.my-float {
    margin-top: 14px;
}
.urundetayaciklama img {
    width: 100% !important;
}
#ETBIS {
    margin: 0;
    padding-left: 0px !important;
    width: 116px;
}
div#tab-available-offers {
    width: 1300px;
    margin: 0 auto;
}
#product-list .swiper-lazy-preloader {
    display: none;
}
.banner-item img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
}
.footer-copyright .payment-area{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
}
.footer-copyright{
    display: flex;
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}
#information-contact iframe {
    height: 85px;
}

#account-register iframe {
    height: 85px;
}

.sort-link-area .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu li a:hover {
    color: #37bdd4 !important;
}

@media (max-width: 780px) {
    .menu-container ul.nav li:last-child {
        position: initial;
        right: 0;
        background: 0 0;
    }

    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: transparent;
    }

    nav#top {
        display: block;
    }
}