@font-face {
    font-family: 'Open-Bold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open-Light';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open-Extrabold';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Open-Semibold';
    src: url('../fonts/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf') format('truetype'), url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aulletta';
    src: url('../fonts/Aulletta.eot');
    src: url('../fonts/Aulletta.eot?#iefix') format('embedded-opentype'), url('../fonts/Aulletta.woff2') format('woff2'), url('../fonts/Aulletta.woff') format('woff'), url('../fonts/Aulletta.ttf') format('truetype'), url('../fonts/Aulletta.svg#Aulletta') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Across';
    src: url('../fonts/AcrosstheRoad.eot');
    src: url('../fonts/AcrosstheRoad.eot?#iefix') format('embedded-opentype'), url('../fonts/AcrosstheRoad.woff2') format('woff2'), url('../fonts/AcrosstheRoad.woff') format('woff'), url('../fonts/AcrosstheRoad.ttf') format('truetype'), url('../fonts/AcrosstheRoad.svg#AcrosstheRoad') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: none
}

.installmentPrice {
    /* width: 20%; */
}

.bulletResult {
    color: red;
    font-size: 16px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

    .bulletResult.succes {
        color: #009e4d;
    }

.installmentInput {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0px;
    margin: 10px 0;
}

.chosen-container.drpFilter {
    /*  display: flex !important;
    align-items: center;
    gap: 10px;
    justify-content: center;*/
    padding: 0px 9px;
    background: #d7d6d1;
    border-radius: 20px;
    width: 210px !important;
}

.cargoName {
    font-family: 'Open-Bold';
    font-size: 14px;
}

.couponInput {
    display: flex;
    gap: 20px;
    align-items: center;
}

.go-cart.registerBtn.applyBtn.continueBtn, .paymentBtn {
    display: none;
}

.nullTitle > span {
    font-size: 26px;
    font-family: 'Open-Extrabold';
    color: #8d734a;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

    .nullTitle > span > span {
        font-size: 16px;
        font-family: 'Open-Semibold';
        color: #111111;
    }

#ContentPlaceHolder1_lblNullText {
}

.orderWarnModalText {
    text-align: center;
    width: 51%;
    margin: 10px auto;
}

.orderWarnModalTitle {
    font-size: 20px;
    text-align: center;
    color: #d01917;
    font-family: 'Open-Bold';
}

.menuAccount > li {
    /*padding: 15px 0;*/
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Open-Regular';
    background: #FFF;
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
}

.turnBack {
    font-size: 14px;
}

.drpFilter .chosen-single {
    /*display: flex !important;
    justify-content: center;*/
    width: 100%;
    /*gap: 10px;*/
    border: none !important;
    padding: 3px !important;
    text-align: center;
}

.loader img {
    position: absolute;
    top: 45%;
    left: 46%;
    transform: translate(-50%, -50%);
}

.loader {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgb(255,255, 255);
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 8px;
    height: 100vh;
}

.myBasket a {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.basketCount {
    position: absolute;
    top: -13px;
    background: #8d734a;
    padding: 2px 3px;
    border-radius: 100%;
    color: #fff;
    left: 11px;
    width: 22px;
    letter-spacing: -2px;
    /* text-align: center; */
}

    .basketCount:after {
        content: '';
        background: #8d734a;
        position: absolute;
        bottom: -5px;
        width: 4px;
        height: 7px;
        border-radius: 50%;
        display: none;
    }

.addFavorite.favoriActive {
}

.homeBtn a {
    background: #8d734a;
    padding: 15px 30px;
    border-radius: 50px;
    color: #fff;
    display: block;
    margin-top: 30px;
}

.thumbelina a {
    width: 160px;
    height: 160px;
    display: block;
    position: relative;
}

.video:after {
    content: '';
    background: rgba(0 0 0 / .2);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.video:before {
    content: '\f167';
    font-family: "FontAwesome";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    font-size: 24px;
    color: #fff;
    transform: translate(-50%,0%);
}

.coupontabs .current {
    color: #8d734a;
    font-family: 'Open-Bold';
}

.nullAddress a {
    padding: 65px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.myCoupon {
    text-decoration: underline;
    font-size: 14px;
    font-family: 'Open-Light';
    color: #8f8f8f;
    margin: 1px 0 10PX;
    display: block;
}

.hataIcin {
    position: absolute;
    bottom: -50px;
    right: 0px;
    color: red;
    border-radius: 10px;
    padding: 5px 20px;
    cursor: pointer;
}

.drpMenu a {
    padding: 0 0px 10px;
}

.loginBtn .login-btn {
    background: #8d734a;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 30px;
    padding: 20px 0;
    transition: .5s;
    cursor: pointer;
    border: 0;
    font-family: 'Open-Regular';
    font-size: 16px;
    outline: none;
}

.loginBasket .loginBtn .login-btn {
    padding: 15px;
}

.loginBtn a:hover {
    background: #aa926b;
}

.loginBtn a {
    background: #8d734a;
    color: #fff;
    width: 100%;
    display: block;
    border-radius: 30px;
    padding: 17px 0;
    transition: .5s;
}

.forgetMyPassword {
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: underline;
    font-size: 14px;
    color: #6b6b6b;
    margin-bottom: 20px;
    margin-top: -10px;
    cursor: pointer;
}

.registerBtn input, .loginBasket .loginTitle a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    font-family: 'Open-Bold';
    cursor: pointer;
    padding: 20px;
    font-size: 15px;
}

.registerBtn .addBasketBtn {
    color: #fff;
    padding: 16px 0px;
    width: 70%;
    cursor: pointer;
    font-size: 18px;
}

.continueBtn a {
    padding: 20px;
}

.categories li {
    color: #8f8f8f;
    font-family: 'Open-Light';
    list-style: none;
}

.followOrder {
    color: #8d734a;
    border: 1px solid;
    border-radius: 20px;
    font-size: 12px;
    padding: 4px 12px;
    font-family: 'Open-Light';
}

::placeholder {
    font-size: 14px;
    opacity: .5;
}

img {
    border: 0;
}

.colorImg img {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.basketItems img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#zoom1 {
    max-width: 100%;
    max-height: 100%;
}

.detailsProductImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cargoImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.categoriesImg img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}

p {
    margin: 5px 0;
}

:focus {
    outline: none;
}

.main {
    width: 95%;
    margin: 0 auto;
}

    .main.contentMain {
        width: 98%;
    }

    .main.footerMain {
        width: 95%;
    }

.mainHeader {
    width: 94.256%;
    margin: 0 auto;
}

* {
}

.unsuccesText {
    font-size: 14px;
}

.addressSummaryTitle {
    font-family: 'Open-Bold';
    margin-bottom: 10px;
}

.address-title {
    font-size: 20px;
    color: #85754e;
    font-family: 'Open-Bold';
}

.address-border {
    background: #fff;
    padding: 20px;
    min-height: 190px;
}

.address-box {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flexBasket {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 130px;
    margin-top: 23px;
}

.basket-in {
}

.couponModal .modal-body {
    max-height: 330px;
    overflow: auto;
}

.couponModal .modal-dialog {
    max-width: 800px;
}

.couponModal .modal-header > span {
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #85754e;
    font-family: 'Open-Semibold';
}

.couponModal .modal-header {
    border-bottom: 1px solid #bcbcbc;
    padding: 15px;
}

.basketLeftMiddle {
    margin-top: 15px;
    display: inline-flex;
    flex-direction: column;
}

#surround {
    min-width: 720px;
    max-width: 720px;
    width: 100%;
    background: #d7d6d1;
    height: 703px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.brmInfoRight {
    font-family: 'Open-Bold';
}

.interestProduct {
    margin-bottom: 5%;
}

#ContentPlaceHolder1_pnlFavoriteNull {
}

.hdId {
    display: none;
}

div#ContentPlaceHolder1_pnlFavorite {
    margin-top: 0px;
}

.order-list-container {
    position: relative;
}

.repeat-order {
    font-family: 'Open-Regular';
    font-size: 14px;
    cursor: pointer;
}

.detailsProductPrice {
    width: 10%;
}

.detailsProductCount {
    width: 3%;
}

.detailsProductSize {
    width: 18%;
}

.again span {
    margin-right: 6px;
}

.DetailsArea {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.orders-number {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.cargo-container {
    margin-top: 30px;
}

span#ContentPlaceHolder1_lblAddAddressResult {
    display: block;
    text-align: center;
    color: red;
    font-family: 'Open-Semibold';
}

.deleteAddres .fa-solid.fa-trash {
    margin-left: 9px;
}

.chosen-form.form-text {
    display: inline-block;
    width: 44%;
}

.btnEditAddress {
    position: absolute;
    right: 13px;
    top: 7px;
    color: #ababab;
}

div#ContentPlaceHolder1_updAddress {
    margin-top: 30px;
}

div#ContentPlaceHolder1_divBilling {
}

.nullAddress label {
    width: 40%;
}

.selectedAddress li {
    list-style: none;
}

span#ContentPlaceHolder1_loginResult {
    color: red;
    font-family: 'Open-Bold';
}

.brmInfoRight a i {
    color: red;
}

.btnArea {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 11px;
}

input {
    background: no-repeat;
    border: 0;
    outline: 0;
}

.minus, .add {
    cursor: pointer;
}

.productCount {
    background: none;
    border: 0;
    width: 100%;
    font-size: 18px;
    text-align: center;
}

.favorite {
    width: 100%;
}

.betweenRight .filter-btn {
    background: url(../img/check.svg) no-repeat;
    background-size: 100%;
    border: 0;
    width: 17px;
    height: 18px;
    margin-bottom: 10px;
    cursor: pointer;
}

.betweenRight .filter-clear-btn {
    background: url(../img/x.svg) no-repeat;
    background-size: 100%;
    border: 0;
    width: 17px;
    height: 18px;
    margin-bottom: 10px;
    cursor: pointer;
}

.contactInputDiv .help-inline {
    position: absolute;
    color: red;
    right: 4px;
    font-size: 12px;
    margin-top: 3px;
}

.alert.hide {
    display: none;
}

.resultContactForm {
    margin: 0 auto;
}

.alert {
    position: absolute !important;
    top: 0;
    width: 100%;
    background: #aa926b;
    margin-top: 7px;
    padding: 1px !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    font-family: 'Open-Bold';
    transition: .3s all ease-in;
}

input#ContentPlaceHolder1_btnSend {
}

.contactResult {
    position: absolute;
    right: 0;
    bottom: 30px;
    font-size: 16px;
    color: red;
    font-family: 'Open-Bold';
}

a#lnkContinueShopping {
    border: 2px solid #8e734a;
    border-radius: 20px;
    padding: 10px 20px;
    color: #8d734e;
    background: #fff;
    font-family: 'Open-Bold';
    margin-top: 30px;
    transition: 0.2s ease-in all;
}

    a#lnkContinueShopping:hover {
        color: #fff;
        background: #8d734e;
    }

div#upnlEBullet {
    width: 100%;
}

span#rgValid, #rgExp {
    position: absolute;
    left: 2px;
    color: red;
    top: -2px;
    font-size: 12px;
}

.nullBasketModal {
    display: flex;
    align-items: center;
    height: 100%;
}

.empty-basket {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loginResult .unSucces {
    color: red;
}

.loginResult .succes {
    color: green;
}

.lbl {
    margin-left: 4px;
}

.accountDrpDown li i {
    margin-right: 5px;
}

.accountLnk {
    margin-left: auto;
    background: #d7d6d1;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: 'Open-Regular';
    font-size: 14px;
}

.productListBottom > div {
    width: 24.3%;
}

.corpText {
    color: #8f8f8f;
}

.promotionSelect label {
    color: #8f8f8f;
    font-size: 14px;
    padding: 0 18px 14px 6px;
}

.basketItemsCount {
    text-wrap: nowrap;
}

.filterScroll {
    overflow-y: scroll;
    max-height: 230px;
    width: 98%;
}

.newProductCheck label {
    color: #6b6b6b;
    font-size: 14px;
}

.menuAccount > li > .fa-user {
    margin-right: 5px;
}

.basketItemsTotalTitle {
    font-family: 'Open-Bold';
    font-size: 14px;
    color: #212121;
}

.basketItemsTotal {
    display: flex;
    flex-direction: column;
    color: #8d734a;
    font-family: 'Open-Bold';
    font-size: 24px;
}

.basketItemsGoBasket {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 40px;
    border-top: 1px solid #f8f8f8;
    margin-top: 20px;
}

.basketItemsArea {
    height: 635px;
    overflow-y: scroll;
    width: 96%;
    margin: 18px 0 0;
    max-height: 650px;
}

.basketItems .close {
    margin-right: 10px;
    margin-top: 10px;
}

.basketItemHeader {
    padding: 40px 20px 10px;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 7px;
}

.basketItems .productPrice {
    font-size: 19px;
    font-family: 'Open-Bold';
    color: #8d734a;
}

.basketItems .productSize {
    margin-bottom: 10px;
    color: #6b6b6b;
}

.basketItemsContent {
    width: 40%;
}

.basketItemsImg {
    width: 95px;
    height: 120px;
}

.deactive .couponBottomCode {
    color: #8c8c8c;
}

.homeBtn {
    width: 75%;
    margin: 0 auto;
}

.unsuccesTextDiv {
    text-align: center;
}

.unsuccesTitle {
    font-family: 'Open-ExtraBold';
    font-size: 21px;
    margin-bottom: 11px;
}

.unsuccesImgDiv {
    background: url(../img/notSucces.png) no-repeat 50% 50%;
    width: 180px;
    height: 180px;
}

.succesSPNumber span {
    font-family: 'Open-Bold';
    color: #8d734a;
    font-size: 20px;
}

.succesSPNumber {
    display: flex;
    flex-direction: column;
    color: #8f8f8f;
    font-family: 'Open-Bold';
}

.succesTextDiv {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.succesText {
    width: 100%;
}

.succesTitle {
    font-family: 'Open-Bold';
    color: #8f8f8f;
    font-size: 20px;
}

.succesImgDiv {
    background: url(../img/succesBg.png) no-repeat 50% 50%;
    width: 200px;
    height: 200px;
}

#kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
    font-size: 22px;
    color: #8d734a;
    font-family: 'Open-Bold';
}

.installmentInput label {
    width: 100%;
    /* text-align: center; */
}

    .installmentInput label:before {
        content: '';
        border: 1px solid #eeeeee;
        width: 12px;
        height: 12px;
        display: inline-block;
        float: left;
        margin-top: 6px;
        margin-left: -10px;
        background: #fff;
        margin-right: 7px;
    }

.installmentInput input[type="radio"]:checked + label:before {
    background: #8d734a;
    box-shadow: inset 0 0 0 1px #fff;
}

.installmentTitles {
    display: flex;
    font-family: 'Open-Semibold';
    gap: 16%;
    width: 85%;
    margin: 10px auto 0;
}

.installmentHead {
    text-align: center;
    font-size: 20px;
    padding: 10px;
    background: #8d734a;
    color: #fff;
    font-family: 'Open-Semibold';
}

.installment.openInstallment {
    display: block;
    background: #fff;
    width: 90%;
    border: 2px solid #d7d6d1;
}

.installment {
    display: none;
}

.addresses.cart {
    display: flex;
    justify-content: space-between;
}

.interestTitle {
    text-align: center;
    font-family: 'Open-Bold';
    margin: 6% 0 2%;
}

.interestProductBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}

.tabsContent {
    width: 60%;
    text-align: justify;
    margin: 20px auto;
    color: #21201e;
}

.productDetailsTabs > ul li {
    list-style: none;
}

.productDetailsTabs > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 2%;
    font-size: 18px;
    color: #6b6b6b;
    font-family: 'Open-Bold';
}


    .productDetailsTabs > ul li.ui-state-active {
        color: #8d734a;
    }

.countArea {
    width: 30%;
}

    .countArea > span {
        font-size: 16px;
        display: block;
        margin: 0px 0 10px;
        color: #21201e; /* text-align: center; */
    }

.productDetailsPrice .productPrice {
    color: #8d734a;
    font-size: 23px;
    font-family: 'Open-Extrabold';
}

.productDetailsPrice {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

    .productDetailsPrice strike {
        color: #8c8c8c;
    }

.fpaInDetailPrice strike {
    font-family: 'Open-Regular';
    color: #8c8c8c;
    font-size: 18px;
}

.productSizeArea {
    margin-bottom: 40px;
}

.titleSize {
    font-size: 20px;
    font-family: 'Open-Regular';
    margin-bottom: 5px;
}

.productSizeArea .titleSize .size-img i {
    font-size: 12px;
    color: #8d734a;
}

.size-img a {
    font-size: 14px;
}

.productDetailsBoxTop {
    margin-bottom: 40px;
}

.productCollectionName {
    margin-top: -17px;
}

.productDetailsAddBasket {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.countSelect {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    color: #8d734a;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 50px;
}

.favHeart {
    background: url(../img/fafori.png) no-repeat 100% 70%;
    width: 7%;
    height: 30px;
    display: inline-block;
    float: right;
    cursor: pointer;
}

.sizeSelectArea ul {
    display: flex;
    gap: 20px;
    list-style: none;
}

.productDetailsRight {
    padding: 40px;
    max-height: 703px;
}

.productDetailsBox {
    position: relative;
    width: 58%;
    margin: 0 auto;
}

.productDetailsOrderBox {
    background: #d7d6d1;
    height: 100%;
    min-height: 703px;
    flex: 1;
}

.vert i {
    color: #fff;
    font-size: 18px;
}

#slider1 {
    height: 500px;
    position: absolute;
    width: 9%;
    left: 0;
    top: 70px;
}

.productDetailsTop {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    gap: 15px;
    padding-left: 190px;
}

.sizeBox {
    background: #f8f8f8;
    border-radius: 20px;
    padding: 7px 15px;
    width: 100%;
    text-align: center;
    cursor: pointer
}


.productSizeArea .sizeBox {
    border-radius: 0;
    width: 130%;
    border: 1px solid #d7d6d1;
    background: #fff;
    padding: 5px 7px;
    cursor: pointer;
}

.sizeBox.selected {
    border: 1px solid darkolivegreen;
}

.productSizeArea .sizeBox.deactive {
    background: #d7d6d1;
}

.sizeSelect {
    display: flex;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    border-radius: 50px;
    padding: 14px;
    gap: 7px;
}

.colorHeader {
    font-family: 'Open-Bold';
    color: #8f734a;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 24px;
    display: block;
}

.colorName {
    font-size: 14px;
    cursor: pointer;
}

.filterColor {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.colorArea {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 9px;
    flex-direction: column;
}

    .colorArea input[type="checkbox"]:checked + label .colorImg {
        border: 1px solid green;
    }

    .colorArea.productDetails {
        flex-direction: row;
        gap: 10px;
        justify-content: flex-start;
    }

.colorImg a, .colorImg {
    /* padding: 10px; */
    width: 32px;
    background: #f8f8f8;
    border: 1px solid transparent;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.color {
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    gap: 14px;
}

.productDetails .color {
    width: unset;
    margin: 0;
}

.betweenRight i {
    font-size: 18px;
    padding-bottom: 8px;
}

    .betweenRight i.fa-square-check {
        color: green;
    }

    .betweenRight i.fa-square-xmark {
        color: red;
    }

.betweenMiddle input[type="text"] {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 12px;
    text-align: center;
    background: #fff;
}

.betweenMiddle {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    width: 50%;
}

.betweenLeft {
    color: #8d734a;
    font-size: 20px;
    font-family: 'Open-Bold';
    width: 9%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

    .betweenLeft span {
        font-family: 'Open-Regular';
        color: #8f8f8f;
        font-size: 16px;
        margin-bottom: 8px;
    }

.priceBetween {
    display: flex;
    align-items: self-end;
    justify-content: space-around;
    padding-bottom: 0px;
}

.clearFilter {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #cccccc;
    cursor: pointer;
}

.categoriesList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .categoriesList > li {
        width: 100%;
    }

.filterCategories {
    background: #fff;
    width: 90%;
    margin: 0 auto;
    display: table;
    border-radius: 20px;
}

.filterCategoriesArea {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.categoriesList i {
    color: #8d734a;
    float: right;
}

.inFilterBox {
    background: #f3f3f3;
    border-radius: 20px;
    margin-top: -20px;
    padding-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 30px;
    position: relative;
}

    .inFilterBox li {
        list-style: none;
    }

    .inFilterBox:first-child {
        /* z-index: -1; */
    }

    .inFilterBox.filterCategories {
    }

.categoryName {
    background: #8d734a;
    color: #fff;
    padding: 15px;
    font-size: 20px;
    font-family: 'Open-Bold';
    z-index: 2;
    position: relative;
}

.newProductCheck label:before {
    content: '';
    border: 1px solid #8f8f8f;
    width: 12px;
    height: 13px;
    background: #fff;
    display: inline-block;
    margin-right: 7px;
    float: left;
    margin-top: 4px;
}

.card-ic .past {
    opacity: 0;
    transform: rotateY(180deg);
}

#credit-card-back {
    background: url(../img/cartBack.svg) no-repeat;
    width: 100%;
    height: 310px;
    background-size: contain;
    position: relative;
    margin-top: -48%;
}

#cardBlock {
    width: 45%;
}

.card-ic {
    width: 100%;
}

#credit-card {
    background: url(../img/cartFront.svg) no-repeat;
    width: 100%;
    height: 310px;
    background-size: contain;
    position: relative;
    top: 20px;
}

.card-ic div {
    transform-origin: 50% 50% 0px;
    transition: all 600ms ease 0s, opacity 200ms ease 0s;
}

.divDate {
    position: absolute;
    bottom: 64px;
    right: 210px;
    color: #8d734a;
}

.card-front-name {
    position: absolute;
    bottom: 40px;
    color: #8d734a;
    margin-left: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap-mode: nowrap;
    width: 70%;
    padding-right: 60px;
}

.cartNumber {
    margin-right: 20px;
    color: #8d734a;
    width: 76px;
    display: inline-block;
}

.credit-card-number {
    position: absolute;
    top: 170px;
    left: 43px;
    font-size: 24px;
    color: #85754e;
}

.dateAndCvc {
    display: flex;
    width: 90%;
}

.inputs {
    width: 44%;
}

.inputArea {
    width: 90%;
    margin-bottom: 20px;
}

.card-property-head.inputArea.cvv {
    width: 80%;
    margin-left: 0px;
}

.inputArea span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

.inputArea input {
    border: 2px solid #e5e5e5;
    padding: 24px 10px;
    width: 100%;
    font-size: 18px;
    border-radius: 14px;
    /* font-family: 'Open-Bold'; */
    background: #fff;
}

.inputArea .cartNo:last-child {
    margin-right: 0;
}

.inputArea .cartNo {
    width: 22.9%;
    margin-right: 10px;
    text-align: center;
}

.dateAndCvc .inputArea .chosen-container {
    border: 2px solid #e5e5e5;
    font-family: 'Open-Regular';
    padding: 11px 0;
    width: 46%;
    border-radius: 4px;
    background: #fff;
}

#CVCInfo {
    position: absolute;
    left: 75%;
    top: 80%;
    transform: translate(-50%, -50%);
    /* border: 1px solid #000; */
    border-radius: 10px;
    padding: 15px;
    color: #8d734a;
    width: 38%;
    font-family: 'Open-SemiBold';
    text-align: center;
    background: #fff;
    font-size: 14px;
}

    #CVCInfo:before {
        content: '';
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
        position: absolute;
        top: -10px;
        left: 45%;
    }

.card-back-cvc {
    position: absolute;
    top: 53%;
    left: 70%;
    font-family: 'Open-SemiBold';
    width: 6%;
    font-size: 23px;
}

.card-ic .future {
    opacity: 0;
    transform: rotateY(-180deg);
}

.productListFilterCheck {
    display: flex;
    align-items: center;
    gap: 30px;
}

.collectionName {
    color: #8d734a;
    font-size: 18px;
    font-family: 'Open-Bold';
    margin-left: 20px;
}

.productListTop {
    display: flex;
    background: #f8f8f8;
    width: 99.8%;
    justify-content: space-between;
    align-items: center;
    height: 55px;
}

.productListBottom {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 12px;
    width: 100%;
}

.featuredProducts.listProduct {
    display: flex;
}

.productFilterArea {
    width: 25%;
    margin-right: 1%;
}

.followDate i {
    margin-right: 6px;
}

.followDate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #8f8f8f;
    font-size: 14px;
}

    .followDate span {
        font-family: 'Open-Bold';
        font-size: 16px;
    }

.followDetailsStatus {
    padding: 15px 20px;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Open-Bold';
    display: flex;
    background: #ffce03;
    width: 11%;
    align-items: center;
    justify-content: center;
}

    .followDetailsStatus:before {
        content: '';
        width: 28px;
        height: 25px;
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url(../img/waiting.png);
        background-size: 93%;
    }

    .followDetailsStatus.gettingready {
        background-color: orange;
    }

.followDetailsStart .main {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 50px;
    align-items: center;
}

.followDetailsStart {
    background: #f8f8f8;
}

.brmInfoRight.SPNumber {
    font-family: 'Open-Bold';
    color: #8d734a;
    font-size: 18px;
}

.addressTitle {
    font-size: 20px;
    font-family: 'Open-Bold';
    margin-left: 15px;
    margin-bottom: 20px;
}

.myOrderDetails .brmInfoRight {
    font-family: 'Open-Bold';
}

.orderDetailsRight {
    flex: 1;
    margin-left: 50px;
}

.detailsProductName {
    width: 18%;
}

.detailsProductFeatures {
    font-family: 'Across';
    font-size: 32px;
    color: #8d734a;
    font-weight: 500;
    width: 16%;
}

.detailsProductImg {
    width: 150px;
    height: 190px;
}

.orderDetailsLeft {
    width: 70%;
}

.orderDetailsBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-family: 'Open-Bold';
    padding-right: 20px;
}

    .orderDetailsBox:last-child {
        border-bottom: none;
    }

.orderDetailsArea {
    display: flex;
}

.spNoTitle {
    display: flex;
    font-family: 'Open-Bold';
    flex-direction: column;
    color: #21201e;
}

    .spNoTitle span {
        color: #8d734a;
        letter-spacing: 1px;
    }

.fullOrderDate {
    color: #636363;
    font-family: 'Open-Bold';
}

.fullOrderNumber {
    width: 25%;
    color: #636363;
    font-family: 'Open-Bold';
}

.fullOrderDetails {
    margin-left: auto;
    color: #c9c9c9;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fullOrderStatus > span {
    display: block;
    width: 100%;
}

.followNo {
    font-size: 10px;
    color: #c9c9c9;
    padding-left: 41px;
}

.fullOrderStatus:before {
    content: '';
    width: 31px;
    height: 27px;
    display: inline-block;
    background-image: url(../img/waiting.png);
    float: left;
    margin-right: 8px;
    background-repeat: no-repeat;
}

.canceled::before {
    background-image: url(../img/canceled.png);
}

.cargo::before {
    background-image: url(../img/truck.png);
}

.delivered::before {
    background-image: url(../img/delivered.png);
}

.fullOrderStatus {
    color: #ffce03;
    font-family: 'Open-Bold';
    width: 30%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


    .fullOrderStatus.canceled {
        color: #ed1c24;
    }

    .fullOrderStatus.cargo {
        color: #92278f;
    }

    .fullOrderStatus.delivered {
        color: #0e76bc;
    }

        .fullOrderStatus.delivered .again {
            font-size: 10px;
            margin-left: 42px;
            color: #c9c9c9;
            display: block;
            width: 100%;
        }

    .fullOrderStatus.accepted {
        color: #7fc673;
    }

        .fullOrderStatus.accepted:before {
            background-image: url(../img/accepted.png);
        }

    .fullOrderStatus.gettingready {
        color: orange;
    }

.fullOrderBox {
    width: 97%;
    display: flex;
    padding: 15px 30px;
    background: #fff;
    border-radius: 35px;
    align-items: center;
    margin-bottom: 13px;
}

.orderTableTitle {
    font-size: 18px;
    font-family: 'Open-Semibold';
    color: #636363;
}

.fullOrderTop {
    display: flex;
    align-items: center;
    gap: 220px;
    padding-left: 30px;
}

.fullOrderList {
    overflow-y: scroll;
    height: 479px;
}

.filterMyOrder {
    margin-left: auto;
    color: #585754;
    font-size: 13px;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    z-index: 8;
    width: 180px;
}

.all-orders.filterMyOrder {
    width: 17%;
}

    .all-orders.filterMyOrder .chosen-container {
        border-radius: 30px;
        width: 210px !important;
    }

.filterMyOrder.productListFilter {
    font-family: 'Open-Semibold';
}

.contactFormTitle {
    FONT-FAMILY: 'Open-Bold';
    font-size: 27px;
    text-align: center;
    color: #8d734a;
    margin-top: 0%;
    margin-bottom: 3%;
}

.contactInputDiv input {
    width: 100%;
    padding: 17px 29px;
    border: 1px solid #eee;
    background: #fff;
}

    .contactInputDiv input::placeholder, .contactInputDiv textarea::placeholder {
        font-size: 12px;
        color: #888;
    }

.contactInputDiv i {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 18px;
    top: 53%;
    color: #9c9c9c;
    font-size: 10px;
}

.contactFormBg {
    background: url(../img/contactFormBg.png) no-repeat;
    background-size: 100%;
    height: 650px;
    margin-top: 4%;
}

.contactForm {
    width: 62%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.contactFormDiv {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 25px;
}

    .contactFormDiv.sendFormArea {
        justify-content: space-between;
    }

.contactInputDiv {
    position: relative;
    width: 100%;
}

.contactAddressArea div i {
    background: #eadfce;
    padding: 12px;
    border-radius: 50%;
    color: #8d734a;
    border: 1px solid #eadfce;
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    box-shadow: inset 0 0 0 2px #fff;
    float: left;
}

.contactAddressArea {
    border: 1px solid #eaeaea;
    padding: 50px;
    width: 33%;
    background: url(../img/contactAddressBg.png) no-repeat 50% 50%;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.maps {
    width: 64%;
    height: 390px;
}

.corpTitle {
    font-family: 'Open-Bold';
    font-size: 24px;
    color: #8d734a;
    margin: 40px 0 20px;
}

.corporateImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.corporateImg {
    max-height: 520px;
    height: 520px;
}

.helpTabsLink a {
    color: #6b6b6b;
    padding: 14px 24px;
    background: #fff;
    display: block;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.helpTabsLink .active {
    font-family: 'Open-Bold';
    color: #21201e;
}

.helpTabsLink {
    list-style: none;
}

.helpTabs {
    background: #f3f3f3;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
}

.helpRight {
    flex: 1;
}

h1 {
    margin: 0;
    padding: 0;
}

.helpTitle h1 {
    background: #8d734a;
    font-size: 20px;
    color: #fff;
    padding: 15px 25px;
    font-weight: unset;
    font-family: 'Open-Bold';
}

.helpLeft {
    width: 18%;
}

.helpArea {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.coupontabs {
    display: flex;
    font-size: 21px;
    gap: 25px;
    color: #8f8f8f;
    font-family: 'Open-Semibold';
}

.couponActive {
    display: flex;
    gap: 10px 50px;
    width: 92%;
    margin: 30px auto;
    flex-wrap: wrap;
}

    .couponActive.deactive {
        color: #8c8c8c;
    }

.couponBottom {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 6px;
    font-family: 'Open-Bold';
    font-size: 25px;
    margin-top: auto;
    margin-bottom: 20px;
    color: #8d734a;
}

.couponModal .couponBottom {
    margin-top: 0;
}

.couponBottom i {
    font-size: 16px;
    cursor: pointer;
}

.couponDetails {
    width: 88%;
    margin-left: 40px;
    font-size: 14px;
    color: #797979;
}

.couponTitle {
    font-family: 'Open-Bold';
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.couponModal .couponTitle {
    min-height: 70px;
    margin-top: 10px;
}

.couponLastDate {
    color: #797979;
    font-size: 10px;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 10px;
}

    .couponLastDate span {
        display: block;
        font-size: 12px;
    }

.couponActiveBox {
    background: url(../img/couponBg.png) no-repeat;
    display: inline-flex;
    height: 220px;
    position: relative;
    justify-content: center;
    background-size: 100%;
    flex-direction: column;
    width: 30%;
    /* padding-left: 50px; */
}

.couponModal .couponActiveBox {
    width: 46%;
    justify-content: normal;
}

.nullCoupons .secondSpan {
    display: block;
    font-family: 'Open-ExtraBold';
    font-size: 45px;
}

.nullFav span {
    color: #21201e;
    font-size: 26px;
}

.deleteAddres {
    position: absolute;
    right: 2px;
    top: -23px;
    font-size: 14px;
    color: #9c9c9c;
    cursor: pointer;
}

.passwordTitle {
    font-family: 'Open-Bold';
    font-size: 16px;
}

.personalInput {
    position: relative;
    width: 25%;
}

    .personalInput input {
        width: 100%;
        padding: 20px 30px;
        border: 1px solid #eee;
        margin: 0;
        background: #fff;
        border-radius: 0;
    }

        .personalInput input:disabled {
            background: #d9d9d9;
        }

    .personalInput i:not(.fa-eye, .fa-eye-slash) {
        position: absolute;
        left: 5%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        font-size: 14px;
        color: #9c9c9c;
    }

.accountPasswordTop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto 30px;
    font-size: 14px;
    color: #21201e;
    line-height: 1.7;
    width: 52%;
}

.accountPersonalInput {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 30px;
}

.accountRightContent {
    background: #f8f8f8;
    border-radius: 20px;
    margin: 25px 0;
    padding: inherit;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 630px;
    padding-top: 60px;
}

.couponTabsArea .accountRightContent {
    padding-top: 0;
}

.productBackImage {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    z-index: 0;
    background-position: top center;
}

.productBackWhite {
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(255,255,255,0.9);
    padding: 30px 30px;
    position: relative;
    z-index: 1;
}

.accountRightContent.myOrderDetails {
    padding-top: 20px;
    padding-bottom: 30px;
}

.accountRightContent.fullOrder {
    padding-left: 30px;
}

.accountRightContent.nullCoupons {
    font-size: 37px;
    gap: 0;
    justify-content: center;
    position: relative;
    padding-top: 0;
    min-height: 63vh;
    /* align-items: center; */
    margin: 0 auto;
    width: 30%;
}

    .accountRightContent.nullCoupons.nullFav {
        color: #be166b;
        font-family: 'Open-Bold';
        font-size: 21px;
        width: 100%;
        text-align: center;
    }

    .accountRightContent.nullCoupons:before {
        content: '';
        background: url(../img/couponNull.png) no-repeat;
        width: 72px;
        height: 88px;
        /* background-size: 100%; */
        position: absolute;
        left: 38%;
    }

#nullCouponDeactive .nullCoupons::before {
    left: -83px;
    height: 94px;
}

#nullCoupon .nullCoupons::before {
    left: -90px;
    height: 100px;
}

.accountRightContent.nullFav:before {
    background: url(../img/favNull.png) no-repeat;
    width: 100px;
}

.accountRightContent.nullOrder {
    background: url(../img/myOrderNullBg.png) no-repeat;
}

.addressSelect.accountRightContent {
    padding: 60px;
}

.tabName {
    font-size: 18px;
}

.accountRight {
    flex: 1;
}

.accountRightTop {
    color: #8d734a;
    padding: 30px;
    border-radius: 20px;
    font-family: 'Open-Bold';
    background: #f8f8f8;
    min-height: 95px;
}

.favPage .accountRightTop {
    width: 100%;
    align-items: center;
    display: flex;
}

.accountRightTop.myOrderTop {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 20px;
}

span.logout {
    display: inline-flex;
    margin: 0 auto;
    width: 90%;
    font-size: 14px;
    color: #909090;
    margin-top: 30px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    float: right;
    margin-right: 25px
}

.accountList {
    border-radius: 20px;
    margin-top: 20px;
    background-image: url(../img/accountListBg.png);
    min-height: 635px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
    padding-top: 20px;
    background-size: 145%;
}

.accountTabs.tabs ul li {
    list-style: none;
}

    .accountTabs.tabs ul li a {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #6b6b6b;
    }

    .accountTabs.tabs ul li .current {
        font-family: 'Open-Bold';
    }

        .accountTabs.tabs ul li .current i {
            color: #8d734a;
        }

i.fa-solid.fa-ticket.down {
    transform: rotate(90deg);
}

.accountTabs.tabs ul {
    background: #fff;
    width: 90%;
    margin: 0px auto;
    border-radius: 20px;
    line-height: 3.7;
    padding: 60px 20px 60px 80px;
}

.userNameBaloon {
    display: flex;
    background: #fff;
    border-radius: 50%;
    padding: 15px 17px;
    font-family: 'Open-Bold';
    color: #8d734a;
    font-size: 25px;
    justify-content: center;
    align-items: center;
}

.accountUserName {
    display: flex;
    background: #8d734a;
    border-radius: 20px;
    padding: 15px 15px;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-family: 'Open-Bold';
    font-size: 21px;
}

.favPage .accountUserName {
    width: 25%;
    margin-right: 2%;
}

.accountContentArea {
    display: flex;
    gap: 30px;
}

    .accountContentArea.favPage {
        flex-direction: column;
    }

.accountLeft {
    width: 20%;
}

    .accountLeft.favPage {
        width: 100%;
        display: flex;
        height: 95px;
    }

.cargoInput {
    width: 29.5%;
    list-style: none;
}

.deliverySelectArea {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 70px;
    flex-wrap: wrap;
}

.cargoPrice {
    color: #ed1c24;
    font-family: 'Open-Bold';
    font-size: 14px;
}

.cargoImage {
    width: 130px;
    height: 40px;
}

.cargoBottom {
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    background: #eee;
    align-items: center;
    border-radius: 10px;
    margin-top: -10px;
    border: 1px solid transparent;
    color: #8f8f8f;
    font-size: 14px;
}

.cargoTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px 10px 0px 0px;
}

    .cargoTop strike {
        color: #ccc;
        font-size: 14px;
        margin-right: 7px;
    }

.cargoLabel {
    /* background: #fff; */
    width: 100%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
}

    .cargoLabel:before {
        content: '';
        border: 1px solid #8d734a;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 10px;
    }

.deliverySelectArea input[type="radio"]:checked + .cargoLabel::before {
    background: #8d734a;
    box-shadow: 0 0 0 3px inset #fff;
}

.myCheckBoxClass.selectedAddress label {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    cursor: pointer;
}

.address-list li .myCheckBoxClass:not(.accAddress) label:before {
    content: '';
    border: 1px solid #eee;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.myCheckBoxClass label.paymentAddress:before {
    content: none;
}

.orderDetails .selectedAddresCheck label::before {
    display: none;
}

.address-list li .myCheckBoxClass input[type=radio]:checked + label:before {
    background: #8d734a;
    box-shadow: inset 0 0 0 1px #fff;
}

.SAAddress {
    margin-top: 10px;
}

.SAName {
    font-size: 16px;
}

.titleSelectedAddress {
    font-family: 'Open-Bold';
    margin: 0 0 15px;
}

.nameArea {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    margin-bottom: 13px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.myOrderDetails .nameArea {
    gap: 40px;
}

    .myOrderDetails .nameArea > div {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

.selectedAddress {
    padding: 20px 35px;
    position: relative;
    width: 100%;
    display: block;
}

    .selectedAddress.orderDetails {
        border: 1px solid #d5d5d5;
        background: #fff;
        padding: 30px 17px;
        border-radius: 20px;
        margin-bottom: 30px;
    }

.addressBoxs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.validChk:before {
    content: '';
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid #8d734a;
    float: left;
    margin-top: 5px;
    margin-right: 7px;
    box-shadow: inset 0 0 0 2px #fff;
}

.checkValid input[type=checkbox]:checked + .validChk:before {
    background: #8d734a;
}

.addAddresModalTitle {
    font-size: 24px;
    font-family: 'Open-Bold';
    /* color: #8d734a; */
    margin-top: 20px;
    margin-left: 50px;
}

textarea {
    resize: none;
    width: 100%;
}

.contactFormDiv textarea {
    height: 100px;
    padding: 12px 25px;
    border: 1px solid #eee;
    font-family: 'Open-Regular';
}

.contactFormDiv .fa-file {
    top: 20%;
}

.txtAreaModal {
    height: 90px;
    border: 1px solid #eee;
    padding: 9px 25px;
    font-family: 'Open-Regular';
}

.modalInputArea input[type="text"] {
    padding: 15px 30px;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 0;
}

.newAddress:disabled {
    background: #f5f5f5;
}

.newAddress::placeholder {
    color: #888;
    font-family: 'Open-Light';
    font-size: 12px;
}

#addAddressModal .modal-dialog {
    max-width: 45%;
}

.relative {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.modalInputArea i {
    position: absolute;
    left: 17px;
    font-size: 14px;
    color: #9c9c9c;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.modalInputArea .textAreaDot {
    top: 0;
    transform: translate(-50%, 100%);
}

.modalInputArea {
    width: 90%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    position: relative;
    margin: 20px auto;
}

.billingAddressOpenModal {
    /* display: none; */
    width: 47%;
}

.billingAddress {
    margin-top: 45px;
}

.accountRightContent .billingAddress {
    margin-top: 0px;
}

.billingCheck {
    margin-top: 10px;
}

    .billingCheck > .billingLabel:before {
        content: '';
        border-radius: 50%;
        width: 15px;
        height: 15px;
        display: inline-block;
        border: 1px solid #8d734a;
        margin-right: 7px;
        float: left;
        margin-top: 4px;
    }

.billing-address input[type=checkbox]:checked + label:before {
    background: #8d734a;
    box-shadow: inset 0 0 0 2px #fff;
}

.shippingTitle {
    font-size: 20px;
    color: #8d734a;
    font-family: 'Open-Bold';
    display: block;
    margin-bottom: 20px;
}

.nullAddress, .fullAddress {
    background: #fff;
    width: 49%;
    border: 1px solid #eeeeee;
    /* margin-top: 25px; */
    list-style: none;
    min-height: 180px;
    max-height: 180px;
}

.add-new-address2.nullAddress {
    /* margin-top: 30px; */
}

.nullAddress {
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    border: none;
}

.paymentAddress .fullAddress {
    width: 100%;
}

.accountRightContent .nullAddress, .accountRightContent .fullAddress {
    margin-top: 10px;
}

.loginFormBasket {
    width: 26%;
    margin: 0 auto 20px;
}

.registerFormBasket {
    width: 60%;
    margin: 0 auto;
}

.formHeader .current:after {
    content: '';
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #8d734a;
    /* z-index: 11; */
    bottom: -11px;
    left: 50%;
    transform: translate(-50%);
}

.basketLoginArea {
    /* width: 24%; */
    margin: 50px auto;
}

    .basketLoginArea.paymentAddress {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .basketLoginArea.addressSelect {
        /* padding: 0 80px; */
    }

.loginBasketStage {
    background: #e6e2db;
    padding: 13px 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 70px;
    gap: 9px;
    width: 100%;
    position: relative;
    cursor: pointer;
}

    .loginBasketStage.deactivePast {
        background: #e1e1e1;
        color: #acacac;
    }

    .loginBasketStage.active {
        background: #8d734a;
    }

.accordion-header:not(:last-child):after {
    content: '';
    border-radius: 20%;
    border-right: 5px solid #fff;
    display: inline-block;
    height: 160%;
    width: 29%;
    position: absolute;
    border-bottom: 5px solid #fff;
    transform: rotate(-45deg);
    right: -40px;
}

.promotionSelect input[type="radio"]:checked + label:before {
    background: #8d734a;
    box-shadow: inset 0 0 0 1px #fff;
}

.promotionSelect label:before {
    content: '';
    border: 1px solid #eeeeee;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    background: #fff;
}

.couponCode {
    border-radius: 20px;
    border: 1px solid #eeeeee;
    padding: 10px;
    width: 90%;
    background: #fff;
}

.addCoupon, .promotionClick {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Open-Bold';
    padding: 14px 18px;
}

.basketRight {
    flex: 1;
}

.succesPage .basketRight {
    flex: none;
    width: 20%;
}

.promotionSelect {
    display: none;
    margin-top: 11px;
}

input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.couponOpen {
    display: none;
    padding: 0px 18px 14px;
}

.basketRightBorder.campain > div {
    width: 86%;
    margin: 30px auto;
    background: #f8f8f8;
    border-radius: 20px;
    cursor: pointer;
}

.campainDrp .fa-chevron-down, .promotionDrp .fa-chevron-down {
    margin-left: auto;
    transition: .5s;
}

.rotate {
    transform: rotate(180deg);
}

.grandTotal span {
    font-family: 'Open-Regular';
    margin-bottom: 6px;
}

.grandTotal .totalBold {
    font-family: 'Open-Bold';
    font-size: 19px;
}

.basketRightMiddle {
    margin-top: 30px;
}

    .basketRightMiddle.followOrderDetails {
        padding-bottom: 30px;
    }

.brmInfoLeft {
    font-family: 'Open-Bold';
}

.grandTotal {
    display: flex;
    flex-direction: column;
    font-family: 'Open-Bold';
    color: #262628;
}

.basketRightBottom {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 50px 0;
}

.myOrderDetails .basketRightBottom {
    margin-bottom: 0;
}

.basketRightMiddleInfo {
    width: 87%;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    color: #262628;
}

.myOrderDetails .basketRightMiddleInfo {
    margin-top: 27px;
}

    .myOrderDetails .basketRightMiddleInfo .brmInfoLeft {
        font-family: 'Open-Regular';
    }

.basketRightMiddleInfo.promotion {
    color: #39b54a;
    font-family: 'Open-Bold';
}

.basketRightMiddleInfo.discount {
    color: red;
    font-family: 'Open-Bold';
}

.basketRightBorder {
    border: 1px solid #d5d5d5;
    border-radius: 27px;
    overflow: hidden;
    margin-bottom: 30px;
}

.succesPage .basketRightBorder {
    background: #f9f8f8;
    border: none;
}

.basketRightBorder.myOrderDetails {
    width: 100%;
    background: #fff;
    min-height: 370px;
    padding-bottom: 0;
}

.basketRightTop {
    text-align: center;
    background: #f8f8f8;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 18px 0;
    color: #8d734a;
    font-family: 'Open-Bold';
}

.myOrderDetails .basketRightTop {
    background: inherit;
}

.basketArea {
    gap: 30px;
    margin-bottom: 6%;
}

    .basketArea.cart {
        display: flex;
    }

.cart .basketLeftTop {
    margin-bottom: 0;
}

.basketArea.succesPage {
    justify-content: center;
    align-items: center;
    margin-top: 5%;
    display: flex;
}

.percentIcon {
    background: url(../img/campainDiscountBlack.png) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.productImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.productImage {
    /*height: 155px;
    width: 123px;*/
    height: 190px;
    width: 140px;
}

.counter {
    border: 0;
    padding: 0;
    margin: 0;
    width: 24px;
    text-align: center;
    font-family: 'Open-Semibold';
    font-size: 14px;
}

.count i {
    color: #8d734a;
    cursor: pointer;
    font-size: 20px;
}

.count {
    align-items: center;
    gap: 12px;
    font-family: 'Open-Semibold';
    width: 12%;
    background: no-repeat;
    padding: 0;
    display: flex;
    margin-top: 14px;
}

.basketArea.tracking .count {
    width: 4%;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
}

.productPrice strike {
    position: absolute;
    bottom: -16px;
    font-size: 13px;
    color: #acacac;
}

.featuresTitle {
    font-family: 'Open-Semibold';
    color: #9c9c9c;
    font-size: 14px;
    margin-right: auto;
    margin-top: auto;
}

.basketItemsFeatures {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex: 1;
}

    .basketItemsFeatures > div:not(.count) {
        display: flex;
        flex-direction: column;
        position: relative;
        font-family: 'Open-Bold';
        flex-wrap: wrap;
        width: 10%;
    }

.deleteBox {
    display: flex;
    position: absolute !important;
    top: -23px;
    right: 0;
    width: 13% !important;
    flex-direction: row !important;
    align-items: center;
    gap: 9px;
    color: #cccccc;
    font-size: 12px;
    font-family: 'Open-Regular' !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    margin-right: 10px;
    cursor: pointer;
}

.productName {
    width: 17% !important;
}

.basketItems .productName {
    width: 100% !important;
    font-family: 'Open-Bold';
    font-size: 15px;
    margin-bottom: 10px;
}

.productDetailsBox .productName {
    width: 80% !important;
    font-family: 'Open-Bold';
    font-size: 24px;
}

.categoryFeatures {
    font-family: 'Across' !important;
    font-size: 32px;
    color: #8d734a;
    /*padding-top: 20px;*/
}

.basketItems .categoryFeatures {
    padding-top: 0;
    height: 34px;
}

.productDetailsBoxTop .categoryFeatures {
    padding: 0;
    margin-bottom: 20px;
}

.basketItemsBox {
    border: 1px solid #eeeeee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3%;
    position: relative;
}

.basketItems .basketItemsBox {
    width: 90%;
    margin: 0 auto;
    border: none;
    justify-content: flex-start;
    gap: 26px;
    margin-bottom: 15px;
}

.followDetails .basketItemsBox {
    margin-top: 0;
    margin-bottom: 3%;
}

.annouuncementHead {
    font-family: 'Open-Bold';
}

.announcement:before {
    content: '';
    display: inline-block;
    background: url(../img/campainSucces.png) no-repeat 50% 50%;
    width: 18px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 17px;
    margin-right: 10px;
}

.basketItems .announcement:before {
    background: url(../img/basketItemsAnno.png) no-repeat left center;
    margin-right: 0;
    padding: 8px;
    width: 25px;
}

.announcement.orange:before {
    background: url(../img/campainDiscount.png) no-repeat 50% 50%;
}

.basketItems .announcement.orange:before {
    background: url(../img/basketItemsDiscount.png) no-repeat left center;
}

.basketItems .announcement .announcementText {
    font-size: 12px;
}

.announcement {
    background: #42b86e;
    margin-bottom: 10px;
    border-radius: 22px;
    color: #fff;
    display: inline-flex;
    min-width: 33%;
    align-items: center;
    padding-right: 35px;
}

.basketItems .announcement {
    color: #42b86e;
    background: none;
    display: flex;
    font-size: 12px;
    margin-bottom: 5px;
}

.announcement.orange {
    background: #f79520;
}

.basketItems .announcement.orange {
    background: none;
    color: #f79520;
}

.basketLeftTop {
    display: flex;
    justify-content: space-between;
    background: #f8f8f8;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 20px;
    color: #6b6b6b;
    font-size: 14px;
    margin-bottom: -100px;
}

    .basketLeftTop.loginBasket {
        border: 5px solid #fff;
        border-radius: 100px;
        position: relative;
        overflow: hidden;
        justify-content: space-around;
        float: left;
        width: 77%;
    }

.basketLeft {
    width: 77%;
}

    .basketLeft.succesOrder {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .basketLeft.unsuccesOrder {
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f9f8f8;
        width: 34%;
        padding: 26px;
        border-radius: 30px;
    }

    .basketLeft.loginBasket {
        border-radius: 60px;
        background: #f8f8f8;
        padding: 90px 40px 0;
        min-height: 620px;
    }

.backShoping {
    font-size: 14px;
    font-family: 'Open-Regular';
    color: #6b6b6b;
}

    .backShoping a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

.myBasketTitle {
    display: inline-block;
    font-size: 21px;
    font-family: 'Open-Bold';
    color: #8d734a;
}

.nullBasketBtn {
    border: 1px solid #8d734a;
    display: inline-block;
    padding: 7px 14px;
    color: #8d734a;
    margin-top: 13px;
    font-family: 'Open-Semibold';
    font-size: 14px;
}

.nullLeft {
    width: 58%;
    margin-left: 20px;
}

.nullIcon {
    background: url(../img/nullBasket.png) no-repeat 50% 50%;
    display: inline-block;
    width: 30%;
    height: 160px;
}

.nullBasketArea {
    border: 1px solid #eeeeee;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8% auto;
    padding: 30px 0;
}

.pageNavigation {
    margin: 20px 0;
    display: flex;
    align-items: end;
}

    .pageNavigation li {
        list-style: none;
        font-size: 12px;
        color: #8d734a;
    }

        .pageNavigation li:not(:last-child) {
            color: #c9c9c9;
        }

            .pageNavigation li:not(:last-child):after {
                content: '\f054';
                width: 5px;
                height: 5px;
                display: inline-block;
                font-family: 'Fontawesome';
                font-size: 12px;
                margin-left: 10px;
            }

    .pageNavigation ul {
        display: inline-flex;
        gap: 15px;
        justify-content: flex-end;
        flex: 1;
    }

        .pageNavigation ul li:after {
            content: '';
        }

#orderWarning .modal-body {
    padding: 25px 0;
}

.modalIcon {
    font-size: 54px;
    text-align: center;
    width: 94%;
    float: right;
    color: #d01917;
}

.modal-body ul {
    margin: 1rem;
    padding: 0 1rem
}

.followBottom {
    display: flex;
    justify-content: space-between;
    width: 45%;
    align-items: center;
    margin-top: 30px;
    position: relative;
}

.followInput {
    position: relative;
}

    .followInput i {
        position: absolute;
        z-index: 2;
        top: 50%;
        font-size: 14px;
        transform: translate(100%, -50%);
        color: #9c9c9c;
    }

    .followInput input {
        width: 100%;
        border: 1px solid transparent;
        padding: 21px 35px;
        background: #fff;
        position: relative;
        border-radius: 0;
    }

.followInputArea {
    width: 45%;
    margin: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.followInfo {
    color: #9c9c9c;
    width: 45%;
}

.followTitle {
    width: 45%;
    font-family: 'Open-Bold';
    color: #8d734a;
    font-size: 20px;
}

.followRectangle {
    background: url(../img/followBg.png) no-repeat 50% 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    height: 478px;
    margin: 6% auto;
    line-height: 2;
    padding-top: 50px;
    position: relative;
}

.accountDrpDown {
    position: absolute;
    z-index: 19;
    background: #fff;
    padding: 15px;
    width: 140%;
    left: -20px;
    top: 170%;
    border-top: 3px solid;
    list-style: none;
    line-height: 2.3;
}

    .accountDrpDown:before {
        content: '';
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        width: 8px;
        height: 8px;
        border-left: 3px solid;
        border-top: 3px solid;
    }

    .accountDrpDown ul {
        list-style: none;
        line-height: 2;
    }

.loginAfter {
    font-size: 14px;
    color: #8d734a;
    font-family: 'Open-Light';
    position: relative;
}

.userName {
    font-family: 'Open-Bold';
    color: #8d734a;
    font-size: 16px;
}

.modalInChecked label {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    padding: 20px;
}

    .modalInChecked label:before {
        content: '';
        border: 1px solid #eeeeee;
        background: #fff;
        width: 16px;
        height: 16px;
        display: inline-block;
        float: left;
        margin-right: 10px;
        position: absolute;
        left: 22%;
        margin-top: 3px;
    }

.modalInChecked.afterCart label:before {
    left: 34%;
}

.modalInChecked input[type="checkbox"]:checked + label:before {
    background: url(../img/checked.png) no-repeat 50% 50% #FFF;
}

.w3-bar.w3-black {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 20px 0;
}

.tablink.current {
    color: #9d734a;
}

.tablink {
    font-size: 18px;
    color: #8f8f8f;
    font-family: 'Open-Bold';
}

.close span {
    background: #d1d1d1;
    border-radius: 50%;
    display: block;
    width: 25px;
    height: 25px;
    color: #fff;
}

.modal-dialog.checkedModal {
    max-width: 60%;
}

.modal-body.aggrement {
    max-height: 540px;
    overflow: scroll;
    padding: 1rem 3rem;
    width: 98%;
    margin-top: 10px;
}

.checkArea {
    margin-top: 32px;
}

.payment.checkArea {
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding: 30px 20px;
}

.membership label:before, .kvkk label:before {
    content: '';
    border: 1px solid #eeeeee;
    background: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.uyari {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 11px;
    color: red;
}

.membership {
    color: #8f8f8f;
    font-size: 12px;
    margin-bottom: 7px;
}

    .membership a, .kvkk span {
        color: #d01917;
        text-decoration: underline;
    }

input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.filterSize input[type="checkbox"]:checked + label .sizeBox {
    border: 1px solid green;
}

.newProductCheck input[type="checkbox"]:checked + label:before {
    background: #8d734a;
    box-shadow: inset 0 0 0 1px #fff;
}

.registerTitle {
    color: #8d734a;
    font-family: 'Open-Bold';
    font-size: 18px;
    margin-bottom: 40px;
    display: block;
}

.registerForm {
    width: 100%;
}

.inputDiv input {
    padding: 17px 32px;
    width: 100%;
    border: 1px solid #eee;
    font-size: 14px;
    color: #21201e;
    font-family: 'Open-Bold';
    background: #fff;
    border-radius: 0;
}

.inputDiv i:not(.fa-eye, .fa-eye-slash) {
    position: absolute;
    top: 25px;
    transform: translate(50%, -35%);
    color: #9c9c9c;
    font-size: 13px;
    left: 2%;
}

.registerLeft {
    padding: 0 0;
    position: relative;
    width: 40%;
}

    .registerLeft.registerBasket {
        width: 100%;
    }

.inputDiv {
    position: relative;
    width: 100%;
}

.registerRight {
    width: 50%;
}

.registerRightImg {
    background: url(../img/registerBanner.png) no-repeat 50% 50%;
    width: 100%;
    height: 548px;
}

.registerArea {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.formDiv {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

    .formDiv.lastDiv {
        margin-top: 40px;
    }

.passLock > span {
    width: 65%;
}

.succesMail {
    font-family: 'Open-Bold';
}

.back {
    color: #d0d0d0;
    font-size: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.passLock {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 100%;
}

    .passLock:before {
        content: '';
        display: block;
        background: url(../img/passwordChange.png) no-repeat 50% 50%;
        width: 100%;
        height: 65px;
    }

.recaptcha {
    /* background: url(../img/recap.png) no-repeat 50% 50%; */
    /* width: 100%; */
    /* height: 80px; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 23px;
}

    .recaptcha.followRecap {
        width: 37.5%;
    }

    .recaptcha.formRecap {
        width: 42%;
        margin-top: 0;
    }

.loginResult {
    font-family: 'Open-Semibold';
    text-align: center;
    font-size: 14px;
}

.error {
    color: red;
}

.loginBtn {
    margin: 20px auto;
    width: 80%;
    text-align: center;
    cursor: pointer;
}

    .loginBtn.long {
        width: 80%;
        margin-top: 30px;
    }

.loginBasket .loginBtn {
    width: 100%;
}

.fa-eye, .fa-eye-slash {
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 14px;
    color: #9c9c9c;
    transform: translate(0, -50%);
    cursor: pointer;
}

.envelope, .lock {
    position: absolute;
    transform: translate(50%, -50%);
    color: #9c9c9c;
    font-size: 14px;
    top: 50%;
    left: 1%;
}

.loginFormInput input {
    width: 100%;
    padding: 18px 34px;
    border: 1px solid #eeeeee;
    background: #fff;
    border-radius: 0;
}

.eMail, .password {
    position: relative;
    margin-bottom: 10px;
}

.loginFormInput {
    margin: 30px auto;
    width: 80%;
}

    .loginFormInput.loginBasket {
        width: 100%;
        margin-bottom: 10px;
    }

.registerBtn {
    position: relative;
    width: 50%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #8d734a;
    border-radius: 0 20px 20px 0;
    transition: ease all .5s;
}

    .registerBtn.goBasketBtn:before {
        display: none;
    }

    .registerBtn.goBasketBtn {
        border-radius: 30px;
        font-family: 'Open-Bold';
        color: #fff;
        width: 45%;
    }

    .registerBtn.addBasket {
        /* padding: 12px; */
        border-radius: 43px;
        color: #fff;
    }

        .registerBtn.addBasket:before {
            display: none;
        }

    .registerBtn.sendFormBtn {
        border-radius: 0;
        width: 38%;
        height: 55%;
        color: #fff;
        font-size: 20px;
        font-family: 'Open-Bold';
    }

    .registerBtn.personalBtn {
        width: 13%;
        padding: 15px;
        color: #fff;
        border-radius: 30px;
        margin-left: 63%;
        font-size: 16px;
        margin-top: 20px;
        font-family: 'Open-Bold';
    }

        .registerBtn.personalBtn:before {
            content: none;
        }

    .registerBtn.addAddress {
        margin: 0 auto;
        border-radius: 0;
        width: 43%;
        color: #fff;
        padding: 13px;
        font-family: 'Open-Regular';
        font-size: 18px;
    }

        .registerBtn.addAddress:before {
            display: none;
        }

    .registerBtn.applyBtn.continueBtn {
        border-radius: 40px;
        width: 70%;
        border: 1px solid;
        color: #fff;
        font-family: 'Open-Bold';
        transition: ease all -0s;
        padding: 20px;
    }

        .registerBtn.applyBtn.continueBtn:hover {
            background: #8d734a;
        }

.continueBtn:disabled {
    opacity: .3;
    cursor: no-drop;
    padding: 20px;
}

.registerBtn.applyBtn.continueBtn:before {
    content: none;
}

.registerBtn.applyBtn.adressModalOpen {
    background: #fff;
    border: 1px solid #8d734a;
    border-radius: 39px;
    padding: 14px;
    width: 100%;
    font-size: 16px;
    color: #8d734a;
    margin: 50px 0;
}

.add-new-address2 .registerBtn.applyBtn.adressModalOpen {
    width: 50%;
}

.registerBtn.applyBtn.adressModalOpen:before {
    display: none;
}

.loginBasket .registerBtn {
    border-radius: 0 40px 40px 0;
    font-family: 'Open-Semibold';
    font-size: 14px;
}

.registerBtn a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.loginBasket .registerBtn:hover {
    background: #8d734a;
}

.registerBtn.applyBtn.adressModalOpen:hover {
    background: #fff;
}

.registerBtn.applyPromotionBtn {
    color: #fff;
    border-radius: 20px;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 10px;
}

    .registerBtn.applyPromotionBtn:before {
        display: none;
    }

.registerBtn.appyleBtn {
    color: #8d734a;
    background: #fff;
    border: 2px solid #8d734a;
    border-radius: 20px;
    padding: 10px;
    font-family: 'Open-Extrabold';
}

    .registerBtn.appyleBtn.notMember {
        width: 100%;
        margin-top: 15px;
        border: 1px solid;
        padding: 14px;
        font-size: 16px;
        font-family: 'Open-Semibold';
    }

    .registerBtn.appyleBtn:before {
        display: none;
    }

.registerBtn.basketComplate {
    border-radius: 35px;
    color: #fff;
    width: 65%;
    padding: 0;
    font-family: 'Open-Bold';
}

    .registerBtn.basketComplate a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 14px;
    }

    .registerBtn.basketComplate:before {
        display: none;
    }

.registerBtn.followBtn {
    width: 20%;
    border-radius: 40px;
    color: #fff;
    font-family: 'Open-Bold';
    font-size: 20px;
    height: 80%;
}

.modalInChecked.registerBtn {
    text-align: center;
    margin: 0 auto;
    position: initial;
    color: #fff;
    width: 35%;
    border-radius: 40px;
    margin-top: 20px;
    position: relative;
}

    .modalInChecked.registerBtn:before {
        display: none;
    }

.registerBtn.formBtn {
    border-radius: 40px;
    /* padding: 20px; */
    width: 44%;
    color: #fff;
}

.registerBtn:hover {
    background: #aa926b;
}

.registerBtn.addBasket:hover {
    background: #8d734a;
}

.registerBtn.appyleBtn:hover {
    color: #fff;
}

.registerBtn:before {
    content: '';
    background: #705934;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.registerBtn.sendFormBtn:before {
    display: none;
}

.registerBtn.followBtn::before {
    content: none;
}

.registerBtn.formBtn::before {
    display: none;
}

.loginTitle {
    position: relative;
    width: 50%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #8d734a;
    border-radius: 20px 0 0 20px;
}

.loginBasket .loginTitle {
    border-radius: 40px 0 0 40px;
    font-size: 14px;
    font-family: 'Open-Semibold';
}

.loginTitle:after {
    content: '';
    background: #9f845a;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.formTop {
    width: 53%;
    /*margin: auto;*/
    margin: 15px auto;
}

    .formTop.loginBasket {
        width: 27%;
        margin-top: 40px;
    }

.payment-container {
    margin: 20px 0;
}

.formHeader {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 20px;
    /* background: #8d734a; */
    color: #fff;
    font-size: 18px;
    height: 50px;
    position: relative;
}

    .formHeader:before {
        content: '';
        position: absolute;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #8d734a;
        z-index: 11;
        bottom: -11px;
        left: 25%;
    }

.loginBasket .formHeader::before {
    content: '';
    display: none;
}

.categories ul {
    /*width: 23%;*/
    width: 37%;
    display: flex;
    /*flex-direction: column;*/
    align-items: initial;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 7px;
}

.selectedImg {
    width: 64%;
}

.categories {
    /*width: 80%;*/
    width: 95%;
    /*margin: 0 auto;*/
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.navigationUL :not(.drpMenu) li {
    padding: 43px 0;
}

.navigationUL li .categories ul li {
    padding: 0;
    position: relative;
    line-height: 2.5;
    width: 46%;
}

    .navigationUL li .categories ul li ul li {
        line-height: 1.7;
        flex-direction: row;
        font-size: 14px;
        width: 30%;
    }

        .navigationUL li .categories ul li ul li a {
            padding-bottom: 10px;
            padding-left: 8px;
            position: relative;
        }

            .navigationUL li .categories ul li ul li a:after {
                content: '';
                background: #8d734a;
                width: 4px;
                height: 4px;
                border-radius: 100%;
                position: absolute;
                left: 0;
                top: 8px;
            }

    .navigationUL li .categories ul li ul {
        width: 80%;
        gap: 0 10px;
    }

.navigationUL li .categories ul .drpActive {
    color: #8d734a;
    font-family: 'Open-Bold';
}

.navigationUL li .categories ul li a:after {
    content: '';
    width: 65%;
    height: 2px;
    background: #eee6da;
    position: absolute;
    /*bottom: 0;*/
    top: 35px;
    left: 0;
}

.navigationUL li .categories ul .drpActive a:after {
    background: #8d734a;
}

.drpMenu:hover {
    color: #8d734a;
}

.navigationUL > li {
    margin-top: 45px;
    padding-bottom: 45px;
}

.drpContent {
    display: none;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    background: #fff;
    border-radius: 0 0 22px 22px;
    margin: 43px 0;
    padding: 44px 0;
}

.categoriesImg {
    display: none;
    height: 330px;
    width: 1100px;
}

    .categoriesImg.show {
        display: block;
    }

.loginArea {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 11px;
}

.copyBG {
    background: #e6e6e6;
    padding: 13px 0;
}

.copyArea {
    color: #818181;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eBulletText .eBulletBtn {
    outline: none;
    border: none;
    background: #8d734a;
    padding: 11px 10px 12px;
    margin-left: -4px;
    color: #fff;
    width: 30%;
    font-family: 'Open-Bold';
    border: 1px solid #fff;
    border-left: none;
    cursor: pointer;
    border-radius: 0;
}

.eBulletText .eBulletTxt {
    border: 0;
    padding: 14px 10px;
    width: 67%;
    background: #fff;
    border-radius: 0;
    -webkit-appearance: none;
}

.eBulletText {
    width: 87%;
    margin: 0 auto;
    position: relative;
}

.eBulletinBottomText {
    font-family: 'Across';
    display: block;
    margin-top: 15px;
    font-size: 33px;
    color: #fff;
}

.eBulletTitle {
    font-family: 'Open-Bold';
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 50px;
    margin-bottom: 10px;
}

.footerRight {
    width: 22%;
}

.eBulletArea {
    background: url(../img/ebulletBg.png) no-repeat 50% 50%;
    width: 100%;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.footerMenuTitle {
    font-family: 'Open-Bold';
    color: #818181;
    font-size: 14px;
}

.footerLeft {
    width: 16%;
}

.footerSocailMedia {
    padding-left: 17px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footerLeftAddress i {
    float: left;
    padding: 4px 6px 10px 0px;
}

.footerLogo {
    background: url(../img/footerLogo.png) no-repeat;
    width: 100%;
    height: 105px;
}

.footerLeft i {
    color: #8d734a;
}

.footerLeftAddress {
    width: 91%;
    margin: 15px 0 5px;
}

.footerMiddle {
    display: flex;
    background: url(../img/footerBg.png) no-repeat 100% 0%;
    gap: 120px;
    margin-left: 60px;
    width: 57%;
    min-height: 280px;
    padding-top: 50px;
    margin-right: 40px;
}

footer li {
    list-style: none;
}

footer {
    display: flex;
    align-items: center;
}

.footerBanner {
    width: 100%;
    height: 675px;
    margin-top: 80px;
}

    .footerBanner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.featuredProductArea .highlightBox {
    width: 32%;
}

.highlightBanner {
    width: 610px;
    height: 1231px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: 10px;
}

    .highlightBanner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.highlistCategoryArea {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.fpaImage {
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    transition: 1s;
}

.featuredTitle span {
    display: inline-block;
    position: relative;
}

.middleBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.middleBanner {
    width: 100%;
    height: 625px;
}

.featuredProductAreaBottom a {
    background: #d6d7d1;
    height: 500px;
    /*width: 100%;*/
    width: 50%;
    position: relative;
    overflow: hidden;
}

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1.03);
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaInDetail {
        transform: scale(1);
    }

.featuredProductArea .slick-slide {
    margin-left: 6px;
    margin-right: 6px;
}

.fpaBottomLeft {
    background: #d6d7d1;
    transition: 1s;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}

.featuredProductAreaBottom {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
    gap: 20px;
    align-items: center;
    margin: 80px auto;
}

.new {
    background: url(../img/new.png) no-repeat;
    background-size: 100%;
    width: 55px;
    height: 63px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.featuresProductPrice {
    font-size: 20px;
    font-family: 'Open-ExtraBold';
    color: #8d734a;
}

    .featuresProductPrice strike {
        margin-right: 10px;
        color: #acacac;
        font-family: 'Open-Light';
        font-size: 14px;
    }

.featuresProductName {
    font-family: 'Open-Bold';
    color: #21201e;
}

.featuresProductMiddle {
    text-align: center;
    width: 63%;
}

.discountWarning {
    position: absolute;
    left: 50%;
    bottom: -19px;
    background: #ed1b24;
    padding: 1px 15px;
    color: #fff;
    transform: translate(-50%,-50%);
}

.productDetailsRight .discountWarning {
    top: 0;
    bottom: unset;
    font-size: 20px;
    letter-spacing: 1px;
}

.highlightBox .discountWarning {
    left: 50%;
    transform: translate(-50%);
    bottom: -10px;
}

.productFeaturesIcon {
    font-family: 'Across';
    /*font-size: 28px;*/
    font-size: 26px;
    color: #8d734a;
    margin-bottom: auto;
    margin-top: 7px;
    margin-left: 5px;
    width: 20%;
}

/*.highlightBox .productFeaturesIcon {
    font-size: 32px;
}*/

.feautesBottom {
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 100px;
    background: rgb(255 255 255 / 0.9);
    display: flex;
    align-items: center;
    z-index: 12;
}

.interestProductBox .feautesBottom {
    bottom: 0;
}

.featuredImg {
    max-height: 610px;
    min-height: 610px;
    object-fit: cover;
    transition: 1s;
    width: auto;
    height: 100%;
    max-width: 100%;
}

.interestProduct .featuredBox .featuredImg {
    min-height: 435px;
}

.productList .featuredImg {
    min-height: 460px;
    max-height: 460px;
    width: auto;
    max-width: 100%;
}

.featuredBox:hover .featuredImg {
    transform: scale(1.02);
}

.featuredBox {
    position: relative;
    /* overflow: hidden; */
    width: 100%;
    max-height: 610px;
    min-height: 610px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d7d6d1;
}

.highlightBox .featuredBox {
    min-height: 600px;
    max-height: 600px;
}

.highlightBox .featuredImg {
    min-height: 600px;
    max-height: 600px;
}

.interestProduct .featuredBox {
    max-height: 482px;
    min-height: 482px;
    width: 95%;
    overflow: hidden;
}

.productList .featuredBox {
    max-height: 460px;
    min-height: 460px;
    text-align: center;
    background: #d7d6d1;
    position: relative;
    align-items: flex-end;
}

    .productList .featuredBox .productFeaturesIcon {
        font-size: 20px;
        margin-left: 7px;
        width: 23%;
        text-align: left;
    }

.productList .new {
    top: 0;
}

.nullStock a:before {
    content: '';
    background: rgba(0 0 0/.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.nullStock a:after {
    content: '';
    background: url(../img/nullStock.png) no-repeat;
    width: 100px;
    height: 90px;
    position: absolute;
    bottom: 37%;
    z-index: 6;
    left: 39%;
    transform: translate(-14%,0%);
}

.featuredBox:hover .review {
    display: inline-block;
}

.featuredTitle {
    text-align: center;
    font-size: 24px;
    color: #8d734a;
    margin: 40px 0 30px;
    position: relative;
    font-family: 'Open-Bold';
}

    .featuredTitle span:after {
        content: '';
        background: #8d734a;
        width: 25%;
        position: absolute;
        bottom: -5px;
        height: 1px;
        left: 40%;
    }

    .featuredTitle.hcTitle span:after {
        width: 70%;
        left: 40px;
        height: 2px;
    }

.featuredProductArea {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    width: 100%;
    /* margin: 0 auto; */
    /* margin-left: 30px; */
}

    .featuredProductArea.productList {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
    }

.highlistCategoryArea .featuredProductArea {
    justify-content: flex-start;
    gap: 35px 15px;
    flex-wrap: wrap;
}

.highlightCategoryArea .featuredProductArea {
}

.review {
    background: #8d734a;
    padding: 4px 20px;
    border-radius: 25px;
    width: 100px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.fpaInDetail .review {
    padding: 10px;
    width: 125px;
}

.featuredBox .review {
    /* margin-top: -100px; */
    z-index: 99;
    position: absolute;
    color: #fff;
    text-align: center;
    display: none;
    left: 50%;
    top: 73%;
    transform: translate(-50%);
}

.productList .review {
    top: 66%;
}

.highlightBox .review {
    top: 70%;
}

.activeCategory .review {
    padding: 10px 20px;
    margin-top: 20px;
    margin-left: 0;
}

.topCategoryBoxName {
    font-size: 24px;
    font-family: 'Open-Bold';
    margin-bottom: 8px;
    min-height: 67px;
}

.activeCategory .topCategoryBoxName {
    text-align: left;
    color: #000;
    font-size: 35px;
}

.categoryBoxBottom {
    position: absolute;
    bottom: 10px;
    text-align: center;
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
}

.activeCategory .categoryBoxBottom {
    left: 24%;
    width: 20%;
    bottom: 35%;
}

.topCategories {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: relative;
    background-position: center right;
    background-color: #d7d6d1;
    border: 2px solid #fff;
    border-top: 0;
    border-bottom: 0;
}

.activeCategory .topCategories {
    background-position: 76% center;
}

.topCategories:before {
    content: '';
    background: rgb(0 0 0 /0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.activeCategory .topCategories:before {
    content: none;
}

.swiperArrow {
    /* position: relative; */
    background: linear-gradient(190deg, white -50%, transparent 80%);
    width: 50%;
    height: 46px;
    position: absolute;
    z-index: 99;
    right: 0;
    bottom: 30px;
    display: flex;
    justify-content: end;
}

.bannerArea {
    height: 85.3vh;
    position: relative;
}

.bannerImg {
    width: 100%;
    height: 100%;
    /*    object-fit: cover;
    background-size: cover;*/
    background-repeat: no-repeat;
    background-position: center center;
}

.navigation {
    margin-left: auto;
    margin-right: 13%;
}

.myBasket {
    color: #8d734a;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.basketItems .cartCount {
    color: #969595;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.cartCount i {
    margin-right: 5px;
}

.register {
    border: 1px solid #8d734a;
    border-radius: 20px;
    font-size: 12px;
    padding: 4px 11px;
    cursor: pointer;
    color: #8d734a;
    font-family: 'Open-Light';
}

.login {
    background: #8d734a;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
    padding: 5px 9px;
    cursor: pointer;
    margin-right: 5px;
    font-family: 'Open-Light';
}

.search {
    display: flex;
}

    .search i {
        border: 1px solid #f0eeee;
        border-left: none;
        border-radius: 0px 18px 18px 0;
        background: #fff;
        font-size: 13px;
        padding: 8px 10px;
        color: #8d734a;
    }

.navigation li i {
    margin-right: 6px;
    color: #b3b3b3;
}

.navigation .fa-home {
    color: #8d734a;
}

ul {
    margin: 0;
    padding: 0;
}

#ContentPlaceHolder1_rdInstallment {
    list-style: none;
}

.address-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

    .address-list li {
        background: #fff;
        width: 49%;
        border: 1px solid #eeeeee;
        /* margin-top: 25px; */
        list-style: none;
        min-height: 180px;
        max-height: 180px;
    }

.promotionSelect ul {
    list-style: none;
}

.nested {
    margin-left: 17px;
    font-size: 14px;
    font-family: 'Open-Regular';
    line-height: 1.7;
    display: none;
}

.selected + i + .nested {
    display: block;
}

.selected + .nested {
    display: block;
}

.nested li {
    list-style: disc;
}

    .nested li::marker {
        color: #8d734a;
    }

.filterSize {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.help {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footerMenuesList {
    color: #818181;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

.navigationUL {
    display: flex;
    list-style: none;
    gap: 33px;
    font-family: 'Open-Bold';
}

    .navigationUL li {
    }

.header {
    background: #f8f8f8;
}

.logo {
    background: url(../img/logo.png) no-repeat 50% 50%;
    width: 147px;
    height: 108px;
    background-size: contain;
}

.headerArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.headerPromotion {
    text-align: center;
    color: #fff;
    background: #21201e;
    font-size: 14px;
    padding: 5px;
    line-height: 1.2;
}

.basketIcon {
    background: url(../img/basketIcon.svg) no-repeat 50% 50%;
    background-size: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #8d734a;
    border-radius: 50%;
    padding: 13px;
}

.registerBtn.addBasket .basketIcon {
    width: 30px;
    height: 30px;
    background-size: 83%;
}

.headerLeft {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.searchBox {
    border-radius: 20px 0 0 20px;
    border: 1px solid #f0eeee;
    background: #fff;
    padding: 7px 14px;
    margin-right: -4px;
    -webkit-appearance: none;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #fff;
    padding: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #e6e6e6;
    border-radius: 20px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    right: 7% !important;
    left: unset !important;
}

.container {
    height: 650px;
    display: flex;
    overflow: hidden;
    border-top: 2px solid #fff;
    justify-content: center;
}

    .container a {
        background-size: cover;
        background-position: center;
        transition: all ease 0.3s;
    }

        .container a.activeCategory {
            width: 870px;
        }

.categoryBox:first-child .topCategories {
    border: none;
}

.container a:not(.activeCategory) {
    width: 370px;
    background-color: rgba(0, 0, 0, 1);
    /* Karartma efekti */
}

.addFavorite {
    content: '';
    background: url(../img/favori.svg) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 20px;
    z-index: 4;
    height: 20px;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

    .addFavorite.added {
        background: url(../img/favoriActive.png) no-repeat 50% 50%;
        background-size: 100%;
        cursor: pointer;
    }

.favoriActive {
    background: url(../img/favoriActive.png) no-repeat 100% 70%;
    background-size: 100%;
}

.slick-prev,
.slick-next {
    background-color: rgba(200, 200, 200, 0.5);
    color: white;
    border-radius: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    z-index: 1000;
    display: none !important;
    /* Başlangıçta gizli */
    position: absolute;
    /* Yukarıda konumlandırma */
    cursor: pointer;
    transform: translate(0, -50%);
}

.slick-prev {
    left: -10px;
    /* Sol konumlandırma */
}

.slick-next {
    right: -10px;
    /* Sağ konumlandırma */
}

.featuredProductArea:hover .slick-prev,
.featuredProductArea:hover .slick-next,
.interestProductBox:hover .slick-prev,
.interestProductBox:hover .slick-next {
    display: block !important;
    /* Hover olduğunda görünür */
}

.fpaInDetail {
    position: absolute;
    background: rgb(255 255 255 / 0.8);
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    left: 90px;
    top: 80px;
    height: 65%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 0.5px 5px rgb(173 172 171);
}

.membership input[type="checkbox"]:checked + label:before {
    background: url(../img/checked.png) no-repeat 50% 50%;
}

.fpaInDetailModel {
    font-family: 'Across';
    color: #8d734a;
    font-size: 38px;
    margin: 10px 0;
}

.fpaInDetailTitle {
    font-family: 'Open-Bold';
    font-size: 33px;
    width: 97%;
    display: block;
    margin: 10px auto;
    min-height: 88px;
}

.fpaInDetailPrice {
    color: #8d734a;
    font-family: 'Open-Bold';
    font-size: 23px;
}

.inputDiv input::placeholder {
    font-size: 12px;
    color: #888;
    font-family: 'Open-Regular';
}

.menuAccount {
    list-style: none;
}

    .menuAccount ul {
        opacity: 0;
        transition: all .5s ease;
        visibility: hidden;
    }

    .menuAccount li:hover ul {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

.followInput input::placeholder {
    font-size: 12px;
    color: #9c9c9c;
}

/* alert*/

.alert {
    padding: 12px 35px 12px 14px;
    margin-bottom: 20px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    animation: fadeIn .3s;
    font-size: 14px;
}

.registerLeft .alert {
    top: -60px;
}

.alert, .alert h4 {
    color: #c09853
}

    .alert h4 {
        margin: 0
    }

    .alert .close {
        position: relative;
        top: -4px;
        line-height: 20px;
        background-color: transparent;
        color: #FFF;
        font-size: 14px;
        padding: 4px;
    }

.alert-success {
    color: #fff;
    background-color: #4ca045;
    border-color: transparent
}

    .alert-success h4 {
        color: #468847
    }

.alert-danger, .alert-error {
    color: #fff;
    background-color: #d02d2d;
    border-color: transparent
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48
    }

.alert-info {
    color: #3a87ad;
    background-color: #39b2ef;
    border-color: #bce8f1
}

    .alert-info h4 {
        color: #3a87ad
    }

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.hide {
    display: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.followRectangle .alert-error {
    width: 45%;
}

.help-inline {
    display: inline-block;
    color: red;
    padding-left: 5px;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 12px;
}

.tracking .help-inline {
    position: absolute;
    right: 8px;
}

.inputArea .help-inline.ok {
    display: none !important;
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #b94a48
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #468847
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #b94a48;
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
}
/*Alert bitiş*/

.productListFilter .drpFilter {
    border-radius: initial;
    padding: 8px 0;
    width: 179px !important;
}

.orderFilter {
    /* display: none; */
    /* Başlangıçta görünmesin */
    position: absolute;
    background-color: #878787 !important;
    /* Açık gri arka plan */
    /* Menü genişliği */
    /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
    /* Gölge efekti */
    z-index: -2 !important;
    /* Menü üstte görünsün */
    left: 0;
    width: 100%;
    top: 5px !important;
    padding-top: 9%;
    text-align: center;
    margin-top: -20px;
    padding-bottom: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.productListFilter .orderFilter {
    border-radius: 0 !important;
    margin: 0;
    padding: 10px 0;
    margin-top: 24px !important;
    border: 0 !important;
}

.orderFilter li {
    list-style: none;
    font-size: 14px;
    color: #fff;
    font-family: 'Open-Regular';
    margin: 0 5px !important;
}

    .orderFilter li.active-result {
        padding: 10px;
        border-radius: 20px;
        display: inline-block;
    }

        .orderFilter li.active-result:hover {
            background: #4e4e4e;
        }

.addFavorite:before, .bubbly-button:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
}

.addFavorite:focus {
    outline: 0;
}

.addFavorite:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 30% 30%, 50% 50%, 30% 30%, 40% 40%, 36% 36%, 20% 20%, 30% 30%, 20% 20%, 36% 36%;
}

.addFavorite:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 30% 30%, 40% 40%, 36% 36%, 40% 40%, 30% 30%, 20% 20%, 40% 40%;
}

.addFavorite:active {
    transform: scale(0.9);
    background-color: transparent;
    box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}

.addFavorite.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
}

.addFavorite.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
}

.help-block {
    font-size: 16px;
    width: 100%;
    display: table;
    margin-bottom: 25px;
    border-radius: 8px;
    border: 1px solid #8d734a;
}

.help-block-head {
    padding: 30px 63px;
    cursor: pointer;
    border-radius: 5px;
    color: #403e3e;
    font-size: 18px;
    font-family: 'Open-Semibold';
    width: 100%;
    margin-left: 30px;
}

.help-block-text {
    width: 100%;
    padding: 38px 96px;
    font-size: 16px;
    line-height: 25px;
    display: none;
    border-top: 0;
    border-radius: 5px;
    font-family: 'Open-Regular';
    color: #a5a5a5;
}

.help-block.active .help-block-head {
    background-color: #fff;
    transition: all .3s;
    border-radius: 11px;
    margin-left: 30px;
    font-family: 'Open-Bold';
    font-size: 18px;
    color: #8d734a;
    width: 97%;
    padding: 31px 0 16px 67px;
}

    .help-block.active .help-block-head:before {
        content: '\f078';
        /* float:left; */
        width: 25px;
        height: 25px;
        display: inline-block;
        font-family: "FontAwesome";
    }

.help-block .help-block-head:before {
    content: '\f077';
    /* float: left; */
    width: 25px;
    height: 25px;
    display: inline-block;
    font-family: "FontAwesome";
}

.help-block.active .help-block-text {
    display: block;
    animation: fadeIn .3s;
    padding-top: 0px;
}

.basketItems {
    position: fixed;
    background: #fff;
    height: 100%;
    right: -900px;
    width: 25%;
    z-index: 9;
    box-shadow: 40px 0px 80px #000;
    transition: right 0.5s ease;
}

    .basketItems.open {
        right: 0;
        z-index: 9999;
    }

.contactTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header {
    display: none;
}

.helpTitle {
    position: relative;
}

.kat_filter {
    display: none;
    border: 2px solid #85754e;
    border-radius: 0px;
    background: #fff;
    padding: 10px;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.kat_title i {
    display: none;
}

.basketArea.orderTracking {
    display: flex;
}

.myOrders {
    color: #81714a;
    font-family: 'Open-Bold';
}

.popup-img {
    max-width: 100%;
    max-height: 500px;
}

.popup-iframe {
    width: 560px;
    height: 315px;
}

.filterMyOrder .chosen-container-single .chosen-single span {
    color: #585754;
    font-family: 'Open-Semibold';
}

.filterMyOrder .chosen-container-active.chosen-with-drop .chosen-single div b i, .filterMyOrder .chosen-container-single .chosen-single div b i {
    color: #585754;
    left: 3px !important;
}

.filterMyOrder .chosen-container-active.chosen-with-drop .chosen-single div b {
    left: 8px !important;
}

.filterMyOrder .chosen-container .chosen-results {
    text-align: left;
    margin: 17px 0 10px 0 !important;
}

.all-orders.filterMyOrder .chosen-container .chosen-results {
    text-align: center;
}

.filterMyOrder .chosen-container {
    border-radius: initial;
    padding: 8px 0 !important;
    width: 179px !important;
    background: #d7d6d1;
    border-radius: 0;
}

    .filterMyOrder .chosen-container .chosen-single {
        width: 100%;
        border: none !important;
        padding: 3px !important;
        text-align: center;
    }

    .filterMyOrder .chosen-container .chosen-drop {
        background-color: #bcbbb7 !important;
        z-index: -2 !important;
        left: 0;
        width: 100%;
        top: 5px !important;
        padding-top: 9%;
        text-align: center;
        margin-top: -20px;
        padding-bottom: 10px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-radius: 0 !important;
        margin: 0;
        padding: 10px 0;
        margin-top: 24px !important;
        border: 0 !important;
    }

.all-orders.filterMyOrder .chosen-container .chosen-drop {
    background: #878787 !important;
    border-radius: 0 0 10px 10px !important;
    text-align: center;
}

.filterMyOrder .chosen-container .chosen-drop li {
    list-style: none;
    font-size: 14px;
    color: #fff;
    font-family: 'Open-Regular';
    margin: 0 5px !important;
}

    .filterMyOrder .chosen-container .chosen-drop li.active-result {
        padding: 8px 10px;
        border-radius: 20px;
        display: inline-block;
        width: 93%;
    }

        .filterMyOrder .chosen-container .chosen-drop li.active-result:hover {
            background: #4e4e4e;
        }

.modal-body ul {
    margin: 1rem;
    padding: 0 1rem
}

.caret {
    cursor: pointer;
    font-size: 16px;
    float: right
}

.caret-down::before {
    background: url(../images/eksi.svg) no-repeat center;
    height: 1px;
    padding-bottom: 10px
}

.caret i {
    color: #cbbba2
}

.product-features {
    margin: 10px 0 0 0;
    padding: 0;
}

    .product-features input[type="checkbox"] {
        display: none
    }

        .product-features input[type="checkbox"] + label,
        .product-features input[type="radio"] + label {
            font-family: 'Open-Semibold';
            font-size: 14px;
            color: #717171;
            position: relative;
            bottom: 3px;
            cursor: pointer
        }

    .product-features li input[type="checkbox"]:checked + label span,
    .product-features li input[type="radio"]:checked + label span {
        background: url(../img/checked.png) no-repeat center;
        border: 2px solid #8d734a;
        background-size: 66%;
    }

    .product-features input[type="checkbox"] + label span,
    .product-features input[type="radio"] + label span {
        border: 2px solid #8d734a;
        width: 20px;
        height: 18px;
        border-radius: 2px;
        display: inline-block;
        margin: -4px 10px 0 0;
        vertical-align: middle;
    }

    .product-features li {
        margin-bottom: 15px;
    }

.null-content {
    width: 100%;
    color: #1a1a18;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    padding-top: 100px;
    font-family: 'Open-Semibold';
}

.width-100 {
    width: 100% !important;
    text-align: center
}

.inFilterBox.top-space {
    padding-top: 20px;
}

.registerForm .inputDiv input {
    width: 95%;
}


.registerLeft .alert {
    padding: 10px 35px 5px 14px !important;
}

.name-warning, .surname-warning {
    position: absolute;
}

.register-form .newAddress.error-line {
    border-color: #b94a48;
}

.productSizeArea .titleSize {
    font-size: 16px;
    color: #21201e;
    display: flex;
    gap: 5px;
    justify-content: space-between;
}

.size-select .chosen-container-single .chosen-single, .size-select .chosen-container.chosen-with-drop .chosen-drop, .size-select .chosen-container-single .chosen-search input[type="text"] {
    border: 1px solid #cabeab;
}

.rptProductPrice {
    color: #8d734a;
    font-size: 16px;
    font-family: 'Open-Extrabold';
    float: right;
    margin-left: 10px;
    padding-top: 8px;
}

.team-products .size-select {
    float: left;
    width: 40%;
}

.size-select .chosen-container {
    /* width: 50% !important; */
}

.team-products {
    display: table;
    width: 100%;
}

    .team-products .countArea {
        float: left;
        width: 56%;
        margin-left: 15px;
        display: none;
    }

        .team-products .countArea .countSelect {
            width: 45%;
            padding: 10px 7px;
            float: left;
            margin-top: 0px;
        }

    .team-products .price {
        color: #8d734a;
        font-size: 26px;
        font-family: 'Open-Extrabold';
        margin-top: 18px;
    }

    .team-products.team-total {
        display: flex
    }

.team-total .total-price {
    width: 50%;
    height: 100%;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: flex-start;
}

.sizeGroup {
    margin-bottom: 15px;
}

.productDetailsBoxBottom {
    position: relative
}

.not-message {
    font-family: 'Open-Regular';
    font-size: 14px;
    text-align: left;
    margin-top: 15px;
    position: absolute;
    color: #fff;
    bottom: -55px;
    right: -25px;
    padding: 10px;
    min-width: 210px;
    text-align: center;
}

    .not-message.error {
        background: #ce0000;
    }

    .not-message:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: 12px solid transparent;
        vertical-align: middle;
        border-bottom-color: transparent;
        margin-left: -26px;
        margin-right: 10px;
        position: absolute;
        top: -24px;
        left: 55%;
    }

    .not-message.error:before {
        border-bottom-color: #ce0000;
    }

    .not-message.success:before {
        border-bottom-color: #009735;
    }

    .not-message.success {
        background: #009735;
    }

input[disabled].addBasketBtn {
    cursor: not-allowed;
    opacity: 15%;
}

.basketIcon.disabled {
    cursor: not-allowed;
    opacity: 15%;
}

.color.active {
    border: 1px solid darkolivegreen;
}

.product-variant li .aspNetDisabled {
    cursor: not-allowed;
}

    .product-variant li .aspNetDisabled .sizeBox {
        background: #d7d6d1;
        color: #828076;
    }

.product-variant input[type="radio"]:checked + label .sizeBox {
    border: 1px solid darkolivegreen;
}

.productDetailCampaign {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.password-reset {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 4% 0 3.4%;
}

.resetTitle {
    font-family: 'Open-Bold';
    font-size: 18px;
    color: #8d734a;
    margin: 2% 0;
}

.recaptcha.formRecap.reset {
    width: 60%;
    transform: scale(0.9);
}

input#ContentPlaceHolder1_btnSend.reset-btn {
    font-size: 18px;
}

.registerBtn.formBtn.reset {
    width: 36%;
}

.alert.relative {
    position: relative !important;
    justify-content: space-between;
    padding: 1px 5px !important;
}

.basketArea.succesPage {
    display: flex;
}

.payment-table-select {
    width: 100%;
    display: table;
    padding: 0 40px 0 48px;
}

.installmentPriceFirst {
    width: 29%;
    float: left;
    padding-right: 5px;
}

.installmentPrice {
    width: 35%;
    float: left;
    padding-right: 5px;
}

.installmentTotalPrice {
    width: 26%;
    float: right;
}

.productDetailsBox .productName h1 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 24px;
}

.collectionName h1 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.featuredTitle h1 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 24px;
}

.myBasketTitle h1 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 24px;
}

.registerBtn.goBasketBtn a {
    padding: 16px;
}

.followInput.tracking i {
    /* top: 18px; */
}

.basketArea.tracking {
    display: flex;
}

.followDetailsStatus.canceled {
    background-color: #ed1c24;
}

.followDetailsStatus.cargo {
    background-color: #92278f;
}

.followDetailsStatus.delivered {
    background-color: #0e76bc;
}

    .followDetailsStatus.delivered .again {
        background-color: #c9c9c9;
    }

.followDetailsStatus.accepted {
    background-color: #7fc673;
}

.followDetailsStatus.cargo::before {
    filter: brightness(0) invert(1);
}

.password-reset-right {
    width: 23%
}

.featuredBox a {
    overflow: hidden;
}

.basketRightMiddleInfo.seconddiscount {
    color: #42b86e;
    font-family: 'Open-Bold';
}

.productDetailsTabs ul.product-detail-features {
    border-top: 2px solid #FFF;
    padding: 15px 0 0 0;
    margin: 20px auto 0 auto;
    display: table;
    list-style-type: none;
    font-family: 'Open-Regular';
    font-size: 16px;
}

    .productDetailsTabs ul.product-detail-features li {
        width: 100%;
        margin-bottom: 15px;
        display: table
    }

        .productDetailsTabs ul.product-detail-features li > span:first-child {
            min-width: 20%;
            float: left;
            padding: 0;
            text-align: left;
            margin-right: 15px;
        }

        .productDetailsTabs ul.product-detail-features li > span:nth-child(2) {
            float: left;
            padding: 0;
            text-align: left;
        }

.password-reset-right {
    width: 23%
}

.basketLeftMiddle {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 10px;
}

.announcementText {
    font-size: 14px;
}

    .announcementText span {
        font-family: 'Open-Bold';
    }

.basketRightMiddleInfo.seconddiscount {
    color: #42b86e;
    font-family: 'Open-Bold';
}

.address-list li {
    background: #fff;
    width: 49%;
    border: 1px solid #eeeeee;
    /* margin-top: 25px; */
    list-style: none;
    min-height: 180px;
    max-height: 180px;
}

.registerBtn.applyBtn.adressModalOpen.smallBtn {
    width: auto;
    min-width: 200px;
}

.address-info.info-second {
    margin-top: 20px;
}

.registerBtn.smallBtn {
    width: auto;
    max-width: 186px;
    margin: 20px 0 !important;
}

.address-info.info-second {
    margin-top: 15px;
}

.address-list.accountAddress li {
    width: 100%;
}

.clear {
    clear: both
}

.registerBtn.applyBtn.adressModalOpen.smallAccountBtn {
    padding: 5px;
    width: auto;
    min-width: 150px;
    display: table;
    float: right;
    margin: -8px 0 20px 0 !important;
    max-width: 186px;
}

.shippingTitle.accountTitle {
    display: inline-block;
}

.cargo-list label {
    /* background: #fff; */
    width: 100%;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
}

    .cargo-list label:before {
        content: '';
        border: 1px solid #8d734a;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: absolute;
        top: 18px;
        left: 10px;
    }

.deliverySelectArea input[type="radio"]:checked + label::before {
    background: #8d734a;
    box-shadow: 0 0 0 3px inset #fff;
}

.accountPassword {
    align-items: unset;
    /*gap: 60px;*/
}

    .accountPassword .personalInput i:not(.fa-eye, .fa-eye-slash) {
        left: 10px;
        top: 20px;
        transform: unset;
    }

    .accountPassword .personalInput input {
        width: 95%;
    }

    .accountPassword .fa-eye, .fa-eye-slash {
        right: 30px;
    }

.personal-bottom.accountPasswordArea {
    position: relative;
    margin-bottom: 20px;
}


.accountPasswordTop .alert {
    width: 98%;
    position: relative !important;
}


.followDetailsStatus.accepted:before {
    background-image: url(../img/accepted.png);
}

.gettingready::before {
    background-image: url(../img/getReady.png);
}

.fullOrderStatus.waiting {
    color: #ffce03;
}

.accountTrackingNo {
    width: 100%;
    line-height: 0;
}

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }

    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }

    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }

    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }

    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}


.followTrackingNo {
    font-size: 14px;
    color: #c9c9c9;
    padding-left: 41px;
    position: absolute;
    left: 13%;
}

.formDiv.resetPassword {
    width: 95%;
    gap: 10px;
    align-items: center;
}

    .formDiv.resetPassword .recaptcha.formRecap.reset {
        width: 62%;
        transform: scale(0.8);
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 35%;
    }

    .formDiv.resetPassword .registerBtn input {
        padding: 18px 20px;
    }

.inputDiv.resetPassInput input {
    width: 95%;
}

.inputDiv.resetPassInput .fa-eye, .inputDiv.resetPassInput .fa-eye-slash {
    right: 32px;
    top: 25px;
}

.alert.relative.resetPass {
    width: 95%;
}

.followBottom .registerBtn.followBtn {
    height: 65%;
}

.footerPayment {
    float: right;
    width: 24%;
}

    .footerPayment ul {
        list-style: none;
    }

    .footerPayment li {
        float: left;
        margin-right: 10px;
    }

    .footerPayment img {
        max-height: 29px;
    }

.basketItemsContent .categoryFeatures {
    font-size: 23px;
}

.basketItemsFeatures .productName, .basketItemsFeatures .productSize, .basketItemsFeatures .productPrice, .basketItemsFeatures .productTotalPrice {
    color: #262628 !important;
}

.promotionSelect ul li {
    padding: 0 15px;
}

.couponLastDate .couponDate {
    float: right;
    font-size: 14px;
    color: #3c3c3c;
}

.modal-content.cartCoupon {
    padding-bottom: 15px;
}

.modal-header.address {
    border: none;
}

.addressesCarts {
    margin-bottom: 42px;
}

.modal p {
    margin: 0 !important;
}

.formDiv.lastDiv.registerLastDiv {
    align-items: center;
}

.repeat-order .fa-solid, .repeat-order .fas {
    margin-right: 3px;
}
/*404*/
.errorImage {
    background-image: url(../img/404.png);
    background-repeat: no-repeat;
    width: 46%;
    height: 388px;
    background-size: contain;
    background-position: center right;
}

.errorTitle {
    font-family: 'Open-Extrabold';
    font-size: 50px;
    color: #7e633d;
    margin-bottom: 30px;
}

.errorText {
    font-family: 'Open-Bold';
    font-size: 18px;
    margin-bottom: 60px;
}

.errorButton {
    font-family: 'Open-Extrabold';
    color: #fff;
    background-color: #7e633d;
    padding: 7px 16px;
}

.errorContentArea {
    margin: 61px auto;
    display: flex;
}

.errorContent {
    width: 32%;
}

.errorImage.internal {
    background-image: url(../img/500.png);
    width: 16%;
    height: 183px;
}

.errorTitle.internalTitle {
    font-size: 22px;
}

.errorContentArea.internalArea {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.errorText.internalText {
    font-family: 'Open-Regular';
    color: #8d734a;
}

.top-scroll {
    position: fixed;
    right: 10px;
    bottom: -6px;
    cursor: pointer;
    display: none;
    z-index: 99;
    cursor: pointer;
    text-align: center;
    width: 36px;
    height: 36px;
}

    .top-scroll span {
        font-family: 'Open-Semibold';
        font-size: 13px;
        color: #a5a5a5;
        transform: rotate(-91deg);
        display: table;
        width: 80px;
        padding: 11px 0px 50px 0;
    }

    .top-scroll i {
        color: #8d734a;
        position: relative;
        font-size: 24px;
    }

.close.nullClose {
    position: absolute;
    top: 5px;
    right: 5px;
}

.registerBtn.applyBtn.continueBtn.lastGrand {
    margin: 0 auto;
}

.basketRightBottom.lastStep {
    margin: 15px 0;
}

.password-reset-right .alert.relative {
    width: 95%;
}

.pagingDiv {
    display: table;
    margin: 25px auto 10px auto;
}

    .pagingDiv a, .pagingDiv span {
        display: inline-block;
        padding: 7px 10px;
        margin-right: 8px;
        border-radius: 3px;
        background: #fff;
        font-size: 14px;
        font-family: 'Open-Semibold';
        text-decoration: none;
        color: #8d734a;
    }

        .pagingDiv span.disableLink {
            color: #dcdada;
            background: #f6f6f6;
        }

        .pagingDiv a:hover {
            background: #efefef;
            color: #8d734a;
        }

        .pagingDiv a.active {
            background: #efefef;
            color: #8d734a;
        }

    .pagingDiv span {
        background: #efefef;
        color: #8d734a;
    }


/*mako*/
#explanation.tabsContent ul {
    margin-left: 40px;
    line-height: 2;
    list-style: none;
    padding-left: 0;
}

    #explanation.tabsContent ul li::before {
        font-family: "FontAwesome";
        content: "\f054";
        font-weight: 900;
        margin-right: 8px;
        color: #8d734a;
        font-weight: 400;
    }


.productDetailsTabs > ul li {
    list-style: none;
    position: relative;
    transition: all ease .5s;
}

    .productDetailsTabs > ul li:before {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 50%;
        transform: translateX(-50%);
        height: 5px;
        width: 0;
        border-radius: 50px;
        background-color: #6b6b6b;
        transition: all ease .5s;
    }

    .productDetailsTabs > ul li:hover:before {
        width: 100%;
    }

    .productDetailsTabs > ul li.ui-state-active {
        transition: all ease .5s;
    }

        .productDetailsTabs > ul li.ui-state-active:before {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            height: 5px;
            width: 100%;
            border-radius: 50px;
            background-color: #8d734a;
        }

#tabs.productDetailsTabs {
    width: 60%;
    margin: 0 auto;
}

#explanation.tabsContent {
    width: 70%;
}

    #explanation.tabsContent strong {
        color: #8d734a; 
    }

#canceled.tabsContent strong {
    color: #8d734a;
    margin-bottom: 15px;
    display: block;
}


.tabsContent {
    width: 100%;
    margin: 20px 0;
}

.productDetailsTabs > ul {
    margin-bottom: 60px;
}



/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 37%;
    }

    .formDiv.resetPassword {
        gap: 30px;
    }

        .formDiv.resetPassword .registerBtn .reset-btn {
            padding: 18px;
        }

    .errorContentArea {
        align-items: center;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 48%;
    }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding-left: 15px;
    }

    .help-block.active .help-block-text {
        padding-left: 47px;
    }

    .followTrackingNo {
        left: 15%;
    }

    .registerForm.registerDiv .formDiv .inputDiv input {
        width: 94%;
    }

    .modalInChecked.afterCart label:before {
        left: 31%;
    }

    #credit-card-back {
        margin-top: -57%;
    }

    .address-border {
        min-height: 150px;
    }

    .address-list li {
        width: 48%;
    }

    .productDetailsBoxTop .categoryFeatures {
        margin-bottom: 10px;
    }

    .fpaInDetailTitle {
        font-size: 29px;
    }

    .bannerArea {
        height: 87.3vh;
    }

    .bannerArea {
        height: 87.3vh;
    }

    .registerRightImg {
        height: 438px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .highlightBanner {
        margin-right: 20px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 28px;
    }

    .footerBanner {
        height: 585px;
        margin-top: 40px;
    }

    .highlightBox .discountWarning {
        bottom: -6px;
    }

    .categoriesImg {
        width: 950px;
    }

    .basketItems {
        width: 31%;
    }

    .deliverySelectArea {
        gap: 66px;
    }

    .productListBottom {
        gap: 30px 11px;
    }

    .featuresProductPrice {
        font-size: 16px;
    }

    .productFeaturesIcon {
        font-size: 27px;
        width: 22%;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 20px;
        width: 24%;
    }

    .productDetailsBox {
        width: 75%;
    }

    .inputArea .cartNo {
        margin-right: 8px;
    }

    .recaptcha.formRecap {
        width: 44%;
    }

    .payment-table-select {
        padding: 0 30px;
    }

    .installmentTitles {
        gap: 13%;
    }

    .modalInChecked label:before {
        left: 17%;
    }

    .fullOrderTop {
        gap: 170px;
    }

    .accountTabs.tabs ul {
        padding: 60px 20px 60px 40px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsRight {
        flex: none;
        width: 30%;
    }

    .myOrderDetails .nameArea {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .detailsProductFeatures {
        width: 9%;
        font-size: 24px;
    }

    .couponActiveBox {
        height: 194px;
    }

    .couponTitle {
        font-size: 20px;
    }

    .accountRightContent.nullCoupons {
        font-size: 33px;
    }

        .accountRightContent.nullCoupons:before {
            left: 36%;
        }

    .recaptcha.followRecap {
        margin-top: 0;
        width: 42.5%;
    }

    .registerBtn.followBtn {
        width: 35%;
        height: 70%;
    }

    .followDetailsStatus {
        width: 13%;
    }

    .nullBasketArea {
        width: 35%;
    }

    .basketItems .categoryFeatures {
        height: auto;
    }

    .installmentPrice {
        width: 37%;
    }

    .installmentTotalPrice {
        width: 28%;
    }

    .contactFormBg {
        background-size: cover;
    }

    .registerBtn.sendFormBtn {
        width: 30%;
    }

    .helpTabsLink a {
        padding: 14px 17px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .categoryFeatures {
        font-size: 28px;
    }

    .featuredBox {
        max-height: 570px;
        min-height: 570px;
    }

    .featuredImg {
        max-height: 570px;
        min-height: 570px;
    }

    .productListBottom > div {
        width: 24.2%;
    }

    .navigationUL li .categories ul li ul li {
        width: 29.8%;
    }

    .formDiv.resetPassword {
        width: 100%;
        gap: 30px;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset {
            width: 38%;
        }

        .formDiv.resetPassword .recaptcha.formRecap.reset {
            width: 59%;
        }

    .errorContentArea {
        align-items: center;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 48%;
    }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding-left: 20px;
    }

    .help-block.active .help-block-text {
        padding-left: 47px;
    }

    .followTrackingNo {
        left: 15%;
    }

    .modalInChecked.afterCart label:before {
        left: 34%;
    }

    #credit-card-back {
        margin-top: -60%;
    }

    .modalInChecked label {
        padding: 20px 20px 20px 40px;
    }

    .address-list li {
        width: 48%;
    }

    .productDetailsOrderBox {
        align-content: space-around;
    }

    .fpaInDetailTitle {
        font-size: 29px;
    }

    .fpaInDetailModel {
        font-size: 32px;
    }

    .activeCategory .topCategories {
        background-position: 90% center;
    }

    .activeCategory .categoryBoxBottom {
        left: 20%;
    }

    .bannerArea {
        height: 87.3vh;
    }

    .registerRightImg {
        height: 438px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .registerLeft {
        width: 46%;
    }

    .highlightBanner {
        margin-right: 20px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 26px;
    }

    .footerBanner {
        height: 585px;
        margin-top: 40px;
    }

    .highlightBox .discountWarning {
        bottom: -6px;
    }

    .categoriesImg {
        width: 950px;
    }

    .basketItems {
        width: 31%;
    }

    .deliverySelectArea {
        gap: 62px;
    }

    .productListBottom {
        gap: 30px 11px;
    }

    .featuresProductPrice {
        font-size: 16px;
    }

    .productFeaturesIcon {
        font-size: 24px;
        width: 23%;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 20px;
        width: 25%;
    }

    .productDetailsBox {
        width: 85%;
    }

        .productDetailsBox .productName {
            width: 90% !important;
        }

    .inputArea .cartNo {
        margin-right: 7px;
        padding: 18px;
    }

    .recaptcha.formRecap {
        width: 44%;
    }

    .payment-table-select {
        padding: 0 30px;
    }

    .installmentTitles {
        gap: 10%;
    }

    .modalInChecked label:before {
        left: 17%;
    }

    .fullOrderTop {
        gap: 170px;
    }

    .accountTabs.tabs ul {
        padding: 60px 20px 60px 40px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsRight {
        flex: none;
        width: 30%;
    }

    .myOrderDetails .nameArea {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .detailsProductFeatures {
        width: 10%;
        font-size: 24px;
    }

    .detailsProductSize {
        width: 15%;
    }

    .detailsProductPrice {
        width: 13%;
    }

    .couponActiveBox {
        height: 194px;
    }

    .couponTitle {
        font-size: 20px;
    }

    .accountRightContent.nullCoupons {
        font-size: 31px;
    }

        .accountRightContent.nullCoupons:before {
            left: 36%;
        }

    .recaptcha.followRecap {
        margin-top: 0;
        width: 42.5%;
    }

    .registerBtn.followBtn {
        width: 35%;
        height: 70%;
    }

    .followDetailsStatus {
        width: 13%;
    }

    .nullBasketArea {
        width: 35%;
    }

    .basketItems .categoryFeatures {
        height: auto;
    }

    .installmentPrice {
        width: 40%;
    }

    .installmentPriceFirst {
        width: 28%;
    }

    .contactFormBg {
        background-size: cover;
    }

    .registerBtn.sendFormBtn {
        width: 30%;
    }

    .helpTabsLink a {
        padding: 14px 17px;
    }

    .discountWarning {
        bottom: -18px;
    }

    .footerLeftAddress {
        width: 95%;
    }

    .favHeart {
        width: 10%;
    }

    .registerBtn .addBasketBtn {
        font-size: 14px;
    }

    .countArea {
        width: 38%;
    }

    .basketItemsArea {
        height: 590px;
    }

    .basketLeftMiddle {
        margin-bottom: -30px;
        margin-top: 20px;
    }

    .loginFormBasket {
        width: 29%;
    }

    .chosen-form.form-text {
        width: 47%;
    }

    .card-property-head.inputArea.cvv {
        width: 70%;
    }

    .inputArea input {
        padding: 21px 10px;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .selectedAddress {
        padding: 20px 25px
    }

    .all-orders.filterMyOrder {
        width: 21%;
    }

    .favoriActive {
        background-size: unset;
    }

    .favoriteBox .featuredBox {
        max-height: 500px;
        min-height: 500px;
    }

    .favoriteBox .featuredImg {
        max-height: 456px;
        min-height: 456px;
    }

    .corporateImg {
        height: 400px;
    }

    .corpTitle {
        margin-top: 25px;
    }

    .helpLeft {
        width: 20%;
    }

    .footerLogo {
        height: 90px;
        background-size: contain;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .navigationUL li .categories ul li ul li {
        width: 29.7%;
    }

    .formDiv.resetPassword {
        gap: 31px;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset {
            width: 40%;
        }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding-left: 20px;
    }

    .help-block.active .help-block-text {
        padding-left: 51px;
    }

    .corporateImg {
        max-height: 390px;
        height: 390px;
    }

    .followTrackingNo {
        left: 14%;
    }

    .followBottom .recaptcha {
        margin-top: 0;
    }

    .modalInChecked.afterCart label:before {
        left: 35%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 2px;
    }

    .card-property-head.inputArea.cvv {
        width: 49%;
    }

    #credit-card-back {
        margin-top: -63%;
    }

    #CVCInfo {
        left: 80%;
        top: 75%;
    }

    .modalInChecked label {
        padding: 20px 20px 20px 50px;
    }

        .modalInChecked label:before {
            left: 19%;
        }

    .address-list li {
        width: 48%;
    }

    .productDetailsOrderBox {
        align-content: space-around;
    }

    .logo {
        width: 115px;
        height: 76px;
    }

    .registerRightImg {
        height: 328px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .registerLeft {
        width: 46%;
    }

    .featuredBox .review {
        top: 62%;
    }

    .fpaInDetailTitle {
        font-size: 24px;
        min-height: 55px;
        line-height: 1.2;
    }

    .loginFormBasket {
        width: 34%;
    }

    .continueBtn a {
        padding: 10px;
    }

    .favPage .featuredImg {
        min-height: 466px;
        max-height: 466px;
    }

    .favPage .productListBottom > div {
        max-height: 500px;
        min-height: 500px;
    }

    .activeCategory .topCategoryBoxName {
        font-size: 30px;
    }

    .activeCategory .topCategories {
        background-position: 90% center;
    }

    .productFeaturesIcon {
        font-size: 22px;
        width: 22%;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 20px;
    }

    .fpaInDetailModel {
        font-size: 28px;
    }

    .fpaInDetail {
        left: 90px;
        top: 130px;
        height: 58%;
        width: 48%;
    }

    .topCategoryBoxName {
        font-size: 20px;
    }

    .detailsProductImg {
        width: 130px;
        height: 170px;
    }

    .contactFormBg {
        background-size: cover;
    }

    .basketItemsFeatures > div:not(.count) {
        width: 10%
    }

    .featuredProductAreaBottom a {
        height: 400px;
    }

    .highlightBox {
        width: 32.4%;
    }

    .couponCode {
        width: 95%;
    }

    .registerBtn.appyleBtn {
        padding: 6px;
    }

    .interestProduct .featuredBox {
        max-height: 395px;
        min-height: 395px;
    }

        .interestProduct .featuredBox .featuredImg {
            min-height: 362px;
        }

    .middleBanner {
        height: 485px;
    }

    .footerBanner {
        height: 540px;
    }

    .footerLeftAddress {
        width: 100%;
    }

    .eBulletText .eBulletTxt {
        padding: 13.4px 10px;
    }

    .footerRight {
        width: 24%;
    }

    .nameArea {
        font-size: 12px;
        gap: 7px;
    }

    .copyArea {
        font-size: 12px;
    }

    .accountRightContent {
        min-height: 470px;
    }

    .accountList {
        min-height: 485px;
    }

    .registerRightImg {
        background-size: 100%;
    }

    .footerLogo {
        background-size: 100%;
    }

    .categoriesImg {
        width: 850px;
        height: 279px;
    }

    .orderDetailsBox {
        font-size: 14px;
    }

    .drpContent {
        margin-top: 27px;
    }

    .followDetailsStatus {
        /*width: 12%;*/
        width: 13%;
        font-size: 15px;
    }

    .basketRightMiddleInfo {
        font-size: 14px;
    }

    .couponActiveBox {
        height: 196px;
        font-size: 14px;
        width: 33%;
    }

    .couponDetails {
        font-size: 12px;
    }

    .couponTitle {
        font-size: 20px;
    }

    .nullBasketArea {
        width: 37%;
    }

    .SAAddress {
        font-size: 14px;
    }

    .selectedAddress {
        padding: 20px
    }

        .selectedAddress label:before {
            top: 5px;
            left: 5px
        }

    .deliverySelectArea {
        gap: 40px
    }

    .cargoImage {
        width: 60px;
    }

    .credit-card-number {
        top: 116px;
        left: 23px;
        font-size: 30px;
    }

    .card-back-cvc {
        top: 50%;
        left: 77%;
    }

    .divDate {
        bottom: 104px;
        right: 30px
    }

    .card-front-name {
        bottom: 70px;
    }

    .inputArea .cartNo {
        margin-right: 6px;
        width: 23%;
    }

    .inputArea input, .dateAndCvc .inputArea select {
        padding: 10px;
    }

    .payment-table-select {
        padding: 0 5px 0 30px;
    }

    .installmentPriceFirst {
        width: 27%;
    }

    .installmentPrice {
        width: 40%;
    }

    .installmentTotalPrice {
        width: 30%;
    }

    /*.installmentInput label {
        width: 23%;
    }*/

    .installmentTitles {
        width: 85%;
        gap: 14%;
        font-size: 14px;
        margin-top: 10px;
    }

    .accountTabs.tabs ul {
        padding: 30px;
        line-height: 3;
    }

    .fullOrderTop {
        gap: 140px;
    }

    .myOrderDetails .nameArea > div {
        width: 60%;
    }

    .myOrderDetails .nameArea {
        gap: 0;
    }

    .accountRightContent.nullCoupons {
        padding-left: 37%;
        padding-top: 0px;
    }

        .accountRightContent.nullCoupons:before {
            left: 29%;
        }

    .productListBottom > div {
        width: 23.9%;
    }

    .productListBottom {
        gap: 20px 15px;
    }

    .newProductCheck label {
        font-size: 12px;
    }

        .newProductCheck label:before {
            margin-top: 2px;
        }

    .productList .featuredImg {
        min-height: 460px;
        max-height: 460px;
    }

    .featuresProductPrice {
        font-size: 16px;
    }

        .featuresProductPrice strike {
            font-size: 12px;
        }

    #zoom1 {
        z-index: 3;
        position: relative;
        cursor: pointer;
    }

    #surround {
        height: 568px
    }

    .productDetailsTop {
        align-items: flex-start;
        padding-left: 150px;
    }

    .thumbelina a {
        width: 100%;
        height: 120px;
    }

    #slider1 {
        height: 390px;
    }

    .productDetailsBox {
        width: 82%;
    }

    .productDetailsBoxTop {
        margin-bottom: 10px;
    }

    .productSizeArea {
        margin-bottom: 20px;
    }

    .favHeart {
        height: 30px;
    }

    .titleSize {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .productDetailsPrice .productPrice {
        font-size: 20px;
    }

    .productDetailsPrice strike {
        font-size: 14px;
    }

    .productDetailsPrice {
        margin-bottom: 15px;
    }

    .productDetailsRight {
        padding: 20px 10px 10px;
    }

    .productDetailsOrderBox {
        min-height: 568px;
    }

    .sizeBox {
        font-size: 14px;
    }

    .basketItems .productSize {
        font-size: 14px;
    }

    .basketItems .productName {
        font-size: 14px;
    }

    .basketItemsArea {
        height: 370px;
    }

    .basketItems .announcement {
        font-size: 10px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .productListBottom > div {
        width: 24.2%;
    }

    .count {
        gap: 5px;
        width: 13%;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .featuredBox {
        max-height: 510px;
        min-height: 510px;
    }

    .featuredImg {
        max-height: 510px;
        min-height: 510px;
    }

    .drpContent {
        margin-top: 42px;
    }

    .navigationUL li .categories ul li ul {
        width: 85%;
    }
    /*.categories {
        align-items: flex-start;
    }*/
    .navigationUL li .categories ul li {
        width: 49%;
    }

        .navigationUL li .categories ul li ul li {
            width: 29.7%;
        }

    .formDiv.resetPassword {
        width: 100%;
        gap: 35px;
    }

        .formDiv.resetPassword .recaptcha.formRecap.reset {
            width: 60%;
        }

        .formDiv.resetPassword .registerBtn.formBtn.reset {
            width: 43%;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorTitle {
        font-size: 41px;
    }

    .errorContent {
        width: 40%;
    }

    .succesPage .basketRight {
        width: 26%;
    }

    .fullOrderStatus {
        width: 34%;
    }

    .fullOrderNumber {
        width: 30%;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 20px;
    }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .contactAddressArea {
        padding: 38px;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding-left: 18px;
    }

    .help-block.active .help-block-text {
        padding-left: 47px;
    }

    .basketArea.tracking .productTotalPrice {
        width: 14%;
    }

    .basketArea.tracking .categoryFeatures {
        font-size: 25px;
    }

    .followTrackingNo {
        left: 16%;
    }

    .registerForm.registerDiv .formDiv .inputDiv input {
        width: 94%;
    }

    .modalInChecked.afterCart label:before {
        left: 34%;
    }

    #credit-card {
        width: 90%;
    }

    .credit-card-number {
        top: 80px;
    }

    .card-front-name {
        bottom: 95px;
    }

    .divDate {
        bottom: 131px;
        right: 83px;
    }

    #credit-card-back {
        height: 240px;
        margin-top: -68%;
    }

    #CVCInfo {
        top: 89%;
    }

    .card-back-cvc {
        top: 52%;
    }

    .basketLeftTop.loginBasket {
        width: 74%;
    }

    .basketLeft {
        width: 74%;
    }

    .modalInChecked label {
        padding: 20px 20px 20px 50px;
    }

        .modalInChecked label:before {
            left: 19%;
        }

    #addAddressModal .modal-dialog {
        max-width: 55%;
    }

    .productDetailsOrderBox {
        align-content: space-around;
    }

    .productDetailsBox .productName {
        width: 90% !important;
    }

    .activeCategory .categoryBoxBottom {
        left: 17%;
    }

    .activeCategory .topCategories {
        background-position: 90% center;
    }

    .activeCategory .topCategoryBoxName {
        font-size: 30px;
    }

    .fpaInDetailTitle {
        min-height: 60px;
        font-size: 24px;
    }

    .fpaInDetailModel {
        font-size: 28px;
    }

    .bannerArea {
        height: 85.3vh;
    }

    .registerRightImg {
        height: 328px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .registerLeft {
        width: 46%;
    }

    .highlightBanner {
        margin-right: 20px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 26px;
    }

    .footerBanner {
        height: 505px;
    }

    .highlightBox .discountWarning {
        bottom: -6px;
    }

    .categoriesImg {
        width: 840px;
        height: 280px;
    }

    .basketItems {
        width: 31%;
    }

    .productListBottom {
        gap: 30px 10px;
    }

    .featuresProductPrice {
        font-size: 16px;
    }

    .productFeaturesIcon {
        font-size: 20px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 19px;
    }

    .productDetailsBox {
        width: 90%;
    }

    .inputArea .cartNo {
        margin-right: 7px;
        padding: 18px;
    }

    .recaptcha.formRecap {
        width: 53%;
    }

    .payment-table-select {
        padding: 0 30px;
    }

    .installmentTitles {
        gap: 10%;
    }

    .modalInChecked label:before {
        left: 17%;
    }

    .fullOrderTop {
        gap: 170px;
    }

    .accountTabs.tabs ul {
        padding: 60px 20px 60px 40px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsRight {
        flex: none;
        width: 30%;
    }

    .myOrderDetails .nameArea {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .detailsProductFeatures {
        width: 12%;
        font-size: 23px;
    }

    .detailsProductSize {
        width: 15%;
    }

    .detailsProductPrice {
        width: 14%;
    }

    .couponActiveBox {
        height: 168px;
        width: 29.9%;
    }

    .couponBottom {
        font-size: 22px;
    }

    .accountRightContent.nullCoupons {
        font-size: 28px;
    }

        .accountRightContent.nullCoupons:before {
            left: 34%;
        }

    .recaptcha.followRecap {
        margin-top: 0;
        width: 50.5%;
    }

    .registerBtn.followBtn {
        width: 35%;
        height: 70%;
    }

    .followDetailsStatus {
        width: 15%;
    }

    .nullBasketArea {
        width: 35%;
    }

    .basketItems .categoryFeatures {
        height: auto;
        line-height: 0.9;
        margin-top: 23px;
    }

    .installmentPrice {
        width: 40%;
    }

    .installmentPriceFirst {
        width: 28%;
    }

    .contactFormBg {
        background-size: cover;
    }

    .registerBtn.sendFormBtn {
        width: 30%;
    }

    .helpTabsLink a {
        padding: 14px 17px;
    }

    .discountWarning {
        bottom: -18px;
    }

    .footerLeftAddress {
        width: 95%;
    }

    .favHeart {
        width: 10%;
    }

    .registerBtn .addBasketBtn {
        font-size: 14px;
    }

    .countArea {
        width: 38%;
    }

    .basketItemsArea {
        height: 590px;
    }

    .basketLeftMiddle {
        margin-bottom: -30px;
        margin-top: 20px;
    }

    .loginFormBasket {
        width: 31%;
    }

    .chosen-form.form-text {
        width: 47%;
    }

    .card-property-head.inputArea.cvv {
        width: 70%;
    }

    .inputArea input {
        padding: 21px 10px;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .selectedAddress {
        padding: 20px 12px;
    }

    .all-orders.filterMyOrder {
        width: 21%;
    }

    .favoriActive {
        background-size: unset;
    }

    .favoriteBox .featuredBox {
        max-height: 500px;
        min-height: 500px;
    }

    .favoriteBox .featuredImg {
        max-height: 456px;
        min-height: 456px;
    }

    .corporateImg {
        height: 355px;
    }

    .corpTitle {
        margin-top: 25px;
    }

    .helpLeft {
        width: 20%;
    }

    .footerLogo {
        height: 90px;
        background-size: contain;
    }

    .featuredProductAreaBottom {
        margin-top: 30px;
    }

    .fpaInDetail {
        height: 48%;
        left: 40px;
        top: 200px;
    }

    .footerRight {
        width: 30%;
    }

    .middleBanner {
        height: 465px;
    }

    .footerLeft {
        width: 18%;
    }

    .featuresProductMiddle {
        width: 70%;
    }

    .thumbelina a {
        width: 110px;
        height: 110px;
    }

    #surround {
        min-width: 630px;
        max-width: 630px;
    }

    .tabsContent {
        width: 90%;
    }

    .productTotalPrice, .productPrice {
        font-size: 14px;
    }

    .registerBtn.formBtn {
        width: 37%;
    }

    .titleSelectedAddress {
        margin: 8px 0;
    }

    .SAAddress {
        margin-top: 0;
    }

    .nameArea {
        margin-bottom: 2px;
    }

    .inputs {
        width: 51%;
    }

    .cargoInput {
        width: 31.5%;
    }

    .deliverySelectArea {
        gap: 20px;
    }

    .personalInput {
        width: 26%;
    }

    .address-list {
        gap: 16px;
    }

    .accountRightContent.nullOrder {
        background-size: cover;
        min-height: 580px;
        background-position: center;
    }

    .accountList {
        min-height: 580px;
    }

    #tabs.productDetailsTabs {
        width: 70%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .bannerImg {
        background-size: cover;
    }

    .featuredBox {
        max-height: 480px;
        min-height: 480px;
    }

    .featuredImg {
        max-height: 480px;
        min-height: 480px;
    }

    .categories {
        align-items: flex-start;
    }

        .categories ul {
            width: 38%;
        }

    .selectedImg {
        width: 60%;
    }

    .navigationUL li .categories ul li {
        width: 49%;
    }

        .navigationUL li .categories ul li ul {
            width: 90%;
        }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

    .formDiv.resetPassword {
        flex-direction: column;
    }

    .eBulletTitle {
        font-size: 35px;
    }

    .errorContentArea {
        align-items: center;
    }

    .errorTitle {
        font-size: 41px;
    }

    .errorContent {
        width: 40%;
    }

    .installmentPriceFirst {
        width: 25%;
    }

    .succesPage .basketRight {
        width: 26%;
    }

    .detailsProductImg {
        width: 130px;
        height: 170px;
    }

    .orderDetailsBox {
        font-size: 14px;
    }

    .fullOrderStatus {
        width: 37%;
    }

    .fullOrderNumber {
        width: 31%;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 20px;
    }

    .accountPassword .personalInput input {
        width: 93%;
    }

    .contactAddressArea {
        padding: 23px;
        font-size: 15px;
    }

    .help-block.active .help-block-head {
        width: 95%;
        padding-left: 15px;
    }

    .help-block-head {
        padding-left: 15px;
    }

    .help-block.active .help-block-text {
        padding-left: 47px;
    }

    .followTrackingNo {
        left: 16%;
    }

    .basketArea.tracking .productTotalPrice, .basketArea.tracking .productPrice {
        width: 14% !important;
    }

    .basketArea.tracking .categoryFeatures {
        font-size: 23px;
    }

    .registerForm.registerDiv .formDiv .inputDiv input {
        width: 94%;
    }

    .modalInChecked.afterCart label:before {
        left: 35%;
    }

    #credit-card {
        width: 90%;
    }

    .credit-card-number {
        top: 80px;
    }

    .card-front-name {
        bottom: 95px;
    }

    .divDate {
        bottom: 131px;
        right: 83px;
    }

    #credit-card-back {
        height: 240px;
        margin-top: -73%;
    }

    #CVCInfo {
        top: 89%;
    }

    .card-back-cvc {
        top: 52%;
    }

    .modal-dialog.checkedModal {
        max-width: 70%;
    }

    .basketLeftTop.loginBasket {
        width: 74%;
    }

    .basketLeft {
        width: 74%;
    }

    .modalInChecked label {
        padding: 20px 20px 20px 50px;
    }

        .modalInChecked label:before {
            left: 19%;
        }

    #addAddressModal .modal-dialog {
        max-width: 55%;
    }

    .basketItemsFeatures > div:not(.count) {
        width: 10%;
    }

    .count {
        width: 16%;
        gap: 9px;
    }

    .categoryFeatures {
        font-size: 24px;
    }

    .countSelect {
        padding: 15px 12px;
    }

    .productListBottom > div {
        width: 24.2%;
    }

    .fpaInDetailTitle {
        font-size: 22px;
        min-height: 55px;
    }

    .activeCategory .topCategories {
        background-position: 85% center;
    }

    .activeCategory .topCategoryBoxName {
        font-size: 31px;
    }

    .activeCategory .categoryBoxBottom {
        left: 15%;
    }

    .topCategoryBoxName {
        font-size: 25px;
    }

    .bannerArea {
        height: 82.3vh;
    }

    .registerRightImg {
        height: 328px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .registerLeft {
        width: 46%;
    }

    .highlightBanner {
        margin-right: 20px;
        width: 430px;
        height: 880px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 22px;
        margin-top: 10px;
    }

    .footerBanner {
        margin-top: 40px;
        height: 475px;
    }

    .highlightBox .discountWarning {
        bottom: -6px;
    }

    .categoriesImg {
        width: 770px;
        height: 270px;
    }

    .basketItems {
        width: 31%;
    }

    .productListBottom {
        gap: 30px 10px;
    }

    .featuresProductPrice {
        font-size: 16px;
    }

    .productFeaturesIcon {
        font-size: 19px;
        width: 22%;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 18px;
    }

    .productDetailsBox {
        width: 100%;
    }

    .inputArea .cartNo {
        margin-right: 7px;
        padding: 18px;
    }

    .recaptcha.formRecap {
        width: 53%;
    }

    .payment-table-select {
        padding: 0 5px 0 30px;
    }

    .installmentTitles {
        gap: 9%;
    }

    .modalInChecked label:before {
        left: 17%;
    }

    .fullOrderTop {
        gap: 170px;
    }

    .accountTabs.tabs ul {
        padding: 60px 20px 60px 40px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsRight {
        flex: none;
        width: 30%;
    }

    .myOrderDetails .nameArea {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .detailsProductFeatures {
        width: 12%;
        font-size: 22px;
    }

    .detailsProductPrice {
        width: 16%;
    }

    .detailsProductSize {
        width: 15%;
    }

    .couponActiveBox {
        height: 160px;
        width: 29.7%;
    }

    .couponTitle {
        font-size: 17px;
    }

    .couponBottom {
        font-size: 20px;
    }

    .accountRightContent.nullCoupons {
        font-size: 27px;
    }

        .accountRightContent.nullCoupons:before {
            left: 34%;
        }

    .recaptcha.followRecap {
        margin-top: 0;
        width: 50.5%;
    }

    .registerBtn.followBtn {
        width: 35%;
        height: 70%;
    }

    .followDetailsStatus {
        width: 15%;
    }

    .nullBasketArea {
        width: 35%;
    }

    .basketItems .categoryFeatures {
        height: auto;
        line-height: 0.9;
        margin-top: 23px;
    }

    .installmentPrice {
        width: 41%;
    }

    .contactFormBg {
        background-size: cover;
    }

    .registerBtn.sendFormBtn {
        width: 30%;
    }

    .helpTabsLink a {
        padding: 14px 17px;
    }

    .discountWarning {
        bottom: -18px;
    }

    .footerLeftAddress {
        width: 95%;
    }

    .favHeart {
        width: 10%;
    }

    .registerBtn .addBasketBtn {
        font-size: 14px;
    }

    .countArea {
        width: 38%;
    }

    .basketItemsArea {
        height: 430px;
    }

    .basketLeftMiddle {
        margin-bottom: -30px;
        margin-top: 20px;
    }

    .loginFormBasket {
        width: 31%;
    }

    .chosen-form.form-text {
        width: 47%;
    }

    .card-property-head.inputArea.cvv {
        width: 70%;
    }

    .inputArea input {
        padding: 21px 10px;
    }

    .installmentTotalPrice {
        width: 31%;
    }

    .selectedAddress {
        padding: 20px 12px;
    }

    .all-orders.filterMyOrder {
        width: 21%;
    }

    .favoriActive {
        background-size: unset;
    }

    .favoriteBox .featuredBox {
        max-height: 500px;
        min-height: 500px;
    }

    .favoriteBox .featuredImg {
        max-height: 456px;
        min-height: 456px;
    }

    .corporateImg {
        height: 310px;
    }

    .corpTitle {
        margin-top: 25px;
    }

    .helpLeft {
        width: 26%;
    }

    .footerLogo {
        height: 90px;
        background-size: contain;
    }

    .featuredProductAreaBottom {
        margin-top: 30px;
    }

    .fpaInDetail {
        height: 48%;
        left: 40px;
        top: 190px;
    }

    .fpaInDetailModel {
        font-size: 30px;
    }

    .middleBanner {
        height: 465px;
    }

    .footerLeft {
        width: 18%;
    }

    .featuresProductMiddle {
        width: 70%;
        font-size: 14px;
    }

    .thumbelina a {
        width: 110px;
        height: 110px;
    }

    #surround {
        min-width: 630px;
        max-width: 630px;
    }

    .tabsContent {
        width: 90%;
    }

    .productTotalPrice, .productPrice {
        font-size: 14px;
    }

    .registerBtn.formBtn {
        width: 37%;
    }

    .titleSelectedAddress {
        margin: 8px 0;
    }

    .SAAddress {
        margin-top: 0;
    }

    .nameArea {
        margin-bottom: 2px;
    }

    .inputs {
        width: 51%;
    }

    .cargoInput {
        width: 32.5%;
    }

    .deliverySelectArea {
        gap: 11px;
    }

    .personalInput {
        width: 26%;
    }

    .address-list {
        gap: 16px;
    }

    .accountRightContent.nullOrder {
        background-size: cover;
        min-height: 580px;
        background-position: center;
    }

    .accountList {
        min-height: 580px;
    }

    .myOrderDetails .nameArea > div {
        flex-direction: column;
    }

    .highlightBox .featuredBox {
        max-height: 420px;
        min-height: 420px;
    }

    .highlightBox .featuredImg {
        min-height: 420px;
        max-height: 420px;
    }

    #tabs.productDetailsTabs {
        width: 70%;
    }
}
/*width 1270*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .bannerImg {
        background-size: cover;
    }

    .categories {
        align-items: flex-start;
    }

    .drpMenu a {
        font-size: 15px;
    }

    .categories ul {
        width: 34%;
    }

    .selectedImg {
        width: 66%;
    }

    .navigationUL li .categories ul li ul {
        width: 100%;
        gap: 0 22px;
    }

    .navigationUL li .categories ul li {
        width: 49%;
    }

    .password-reset-right {
        width: 26%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 80%;
    }

    .formDiv.resetPassword {
        flex-direction: column;
    }

    .errorContentArea {
        align-items: center;
    }

    .errorTitle {
        font-size: 41px;
    }

    .errorContent {
        width: 40%;
    }

    .installmentInput {
        font-size: 14px;
    }

    .succesPage .basketRight {
        flex: none;
        width: 30%;
    }

    .detailsProductImg {
        width: 130px;
        height: 170px;
    }

    .orderDetailsBox {
        font-size: 14px;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 20px;
    }

    .addressSelect.accountRightContent {
        padding: 30px;
    }

    .accountPassword .personalInput input {
        width: 93%;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding-left: 20px;
    }

    .help-block.active .help-block-text {
        padding: 10px 47px;
    }

    .followTrackingNo {
        left: 18%;
    }

    .basketArea.tracking .productTotalPrice, .basketArea.tracking .productPrice {
        width: 13% !important;
    }

    .basketArea.tracking .brmInfoRight.SPNumber {
        font-size: 16px;
    }

    .basketArea.tracking .basketRight {
        font-size: 14px;
    }

    .registerForm.registerDiv .formDiv .inputDiv input {
        width: 94%;
    }

    .modalInChecked.afterCart label:before {
        left: 30%;
    }

    #CVCInfo {
        top: 70%;
    }

    .modal-dialog.checkedModal {
        max-width: 75%;
    }

    #addAddressModal .modal-dialog {
        max-width: 60%;
    }

    .productDetailsBox .productName {
        width: 90% !important;
    }

    .eBulletTitle {
        font-size: 38px;
    }

    .activeCategory .topCategories {
        background-position: 85% center;
    }

    .activeCategory .categoryBoxBottom {
        left: 15%;
    }

    .activeCategory .topCategoryBoxName {
        font-size: 28px;
    }

    .registerRightImg {
        height: 328px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .registerLeft {
        width: 46%;
    }

    .bannerArea {
        height: 82.3vh;
    }

    .highlightBanner {
        margin-right: 20px;
        width: 430px;
        height: 880px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 20px;
        margin-top: 40px;
    }

    .footerBanner {
        height: 475px;
        margin-top: 40px;
    }

    .highlightBox .discountWarning {
        bottom: -6px;
    }

    .categoriesImg {
        width: 770px;
        height: 260px;
    }

    .basketItems {
        width: 31%;
    }

    .productListBottom {
        gap: 30px 8px;
    }

    .featuresProductPrice {
        font-size: 16px;
    }

    .productFeaturesIcon {
        font-size: 20px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 18px;
        margin-left: 0px;
        width: 23%;
    }

    .productDetailsBox {
        width: 90%;
    }

    .inputArea .cartNo {
        margin-right: 3px;
        padding: 13px;
        width: 23.5%;
    }

    .recaptcha.formRecap {
        width: 53%;
    }

    .payment-table-select {
        padding: 0 15px 0 20px;
    }

    .installmentTitles {
        gap: 7%;
    }

    .installmentPriceFirst {
        width: 30%;
    }

    .modalInChecked label:before {
        left: 13%;
    }

    .fullOrderTop {
        gap: 78px;
    }

    .accountTabs.tabs ul {
        padding: 60px 20px 60px 40px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsRight {
        flex: none;
        width: 30%;
    }

    .myOrderDetails .nameArea {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .detailsProductFeatures {
        width: 11%;
        font-size: 20px;
    }

    .detailsProductPrice {
        width: 17%;
    }

    .detailsProductSize {
        width: 15%;
    }

    .couponActiveBox {
        height: 153px;
        width: 29.4%;
    }

    .couponTitle {
        font-size: 16px;
    }

    .accountRightContent.nullCoupons {
        font-size: 23px;
    }

        .accountRightContent.nullCoupons:before {
            left: 32%;
        }

    .recaptcha.followRecap {
        margin-top: 0;
        width: 56.5%;
    }

    .registerBtn.followBtn {
        width: 35%;
        height: 70%;
    }

    .followDetailsStatus {
        width: 17%;
    }

    .nullBasketArea {
        width: 35%;
    }

    .basketItems .categoryFeatures {
        height: auto;
        line-height: 0.9;
        margin-top: 23px;
    }

    .installmentPrice {
        width: 38%;
    }

    .contactFormBg {
        background-size: cover;
    }

    .registerBtn.sendFormBtn {
        width: 30%;
    }

    .helpTabsLink a {
        padding: 14px 17px;
    }

    .discountWarning {
        bottom: -18px;
    }

    .footerLeftAddress {
        width: 100%;
    }

    .favHeart {
        width: 10%;
    }

    .registerBtn .addBasketBtn {
        font-size: 17px;
    }

    .countArea {
        width: 38%;
    }

    .basketItemsArea {
        /*height: 310px;*/
        height: 500px;
    }

    .basketLeftMiddle {
        margin-bottom: -30px;
        margin-top: 20px;
    }

    .loginFormBasket {
        width: 37%;
    }

    .chosen-form.form-text {
        width: 47%;
    }

    .card-property-head.inputArea.cvv {
        width: 70%;
    }

    .inputArea input {
        padding: 21px 10px;
    }

    .installmentTotalPrice {
        width: 27%;
    }

    .selectedAddress {
        padding: 20px 12px;
    }

    .all-orders.filterMyOrder {
        width: 26%;
    }

    .favoriActive {
        background-size: unset;
    }

    .favoriteBox .featuredBox {
        max-height: 500px;
        min-height: 500px;
    }

    .favoriteBox .featuredImg {
        max-height: 456px;
        min-height: 456px;
    }

    .corporateImg {
        height: 290px;
    }

    .corpTitle {
        margin-top: 25px;
    }

    .helpLeft {
        width: 26%;
    }

    .footerLogo {
        height: 80px;
        background-size: contain;
    }

    .featuredProductAreaBottom {
        margin-top: 30px;
    }

    .fpaInDetail {
        height: 53%;
        left: 40px;
        top: 190px;
    }

    .middleBanner {
        height: 465px;
    }

    .footerLeft {
        width: 22%;
    }

    .featuresProductMiddle {
        width: 70%;
        font-size: 14px;
    }

    .thumbelina a {
        width: 110px;
        height: 110px;
    }

    #surround {
        min-width: 500px;
        max-width: 500px;
        height: 589px;
    }

    .tabsContent {
        width: 90%;
    }

    .productTotalPrice, .productPrice {
        font-size: 14px;
    }

    .registerBtn.formBtn {
        width: 37%;
    }

    .titleSelectedAddress {
        margin: 8px 0;
    }

    .SAAddress {
        margin-top: 0;
    }

    .nameArea {
        margin-bottom: 2px;
        gap: 0 30px;
        flex-wrap: wrap;
    }

    .inputs {
        width: 51%;
    }

    .cargoInput {
        width: 32.5%;
    }

    .cargoImage {
        width: 90px;
    }

    .deliverySelectArea {
        gap: 10px;
    }

    .personalInput {
        width: 29%;
    }

    .address-list {
        gap: 11px;
    }

    .accountRightContent.nullOrder {
        background-size: cover;
        min-height: 580px;
        background-position: center;
    }

    .accountList {
        min-height: 580px;
    }

    .myOrderDetails .nameArea > div {
        flex-direction: column;
    }

    .highlightBox .featuredBox {
        max-height: 420px;
        min-height: 420px;
    }

    .highlightBox .featuredImg {
        min-height: 420px;
        max-height: 420px;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 9% !important;
    }

    .fpaInDetailTitle {
        font-size: 21px;
        min-height: 55px;
    }

    .fpaInDetailModel {
        font-size: 30px;
    }

    .footerRight {
        width: 28%;
    }

    .contactAddressArea div i {
        margin-right: 10px;
    }

    .contactAddressArea {
        padding: 50px 10px;
    }

    .help-block.active .help-block-head {
        width: 90%;
    }

    .productFilterArea {
        width: 40%;
    }

    .productListBottom > div {
        width: 32.7%;
    }

    .productDetailsTop {
        align-items: unset;
        padding-left: 150px;
    }

    #slider1 {
        height: 430px;
    }

    .productDetailsOrderBox {
        min-height: 589px;
        align-content: space-around;
    }

    .productDetailsBoxTop {
        margin-top: 10px;
    }

    .productSizeArea, .productDetailsPrice {
        margin-bottom: 10px;
    }

    .productBackWhite {
        padding: 23px;
    }

    .highlightBox .review {
        top: 65%;
    }

    .count {
        width: 17%;
    }

    .categoryFeatures {
        font-size: 24px;
    }

    .basketRightBorder.campain > div {
        width: 95%;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .couponInput {
        margin-top: 10px;
    }

    .registerBtn.basketComplate {
        font-size: 14px;
        width: 75%;
    }

    .formTop.loginBasket {
        width: 35%;
    }

    .accordion-header {
        width: 20% !important;
    }

        .accordion-header:not(:last-child):after {
            width: 40%;
            right: -20px;
        }

    .basketLeft.loginBasket {
        min-height: 370px;
        width: 74% !important;
    }

    .basketLeftTop.loginBasket {
        width: 74% !important;
    }

    #credit-card-back {
        margin-top: -75%;
    }

    .credit-card-number {
        top: 120px;
    }

    .card-front-name {
        bottom: 90px;
    }

    .divDate {
        right: 110px;
        bottom: 134px;
    }

    .card-back-cvc {
        top: 40%;
    }

    .flexBasket {
        gap: 80px;
    }

    .accountPasswordTop {
        width: 61%;
    }

    .registerBtn.personalBtn {
        width: 18%;
    }

    .nullCoupons .secondSpan {
        font-size: 34px;
    }

    #nullCoupon .nullCoupons::before {
        height: 90px;
    }

    .couponBottom {
        font-size: 20px;
    }

    #nullCouponDeactive .nullCoupons::before {
        height: 90px;
    }

    .navigation {
        margin: 0 auto;
    }

    .featuredBox {
        min-height: 450px;
        max-height: 450px;
    }

    .featuredImg {
        min-height: 450px;
        max-height: 450px;
    }

    #tabs.productDetailsTabs {
        width: 70%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .installment.openInstallment {
        width: 100%;
    }

    .bannerImg {
        background-size: cover;
    }

    .drpMenu a {
        font-size: 14px;
    }

    .categories ul {
        width: 50%;
    }

    .selectedImg {
        width: 56%;
    }

    .navigationUL li .categories ul li ul {
        width: 100%;
        gap: 0 15px;
    }

        .navigationUL li .categories ul li ul li {
            width: 27%;
        }

    .navigationUL li .categories ul li {
        width: 49%;
    }

    .drpContent {
        margin-top: 38px;
    }

    .password-reset-right {
        width: 30%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

    .formDiv.resetPassword {
        flex-direction: column;
    }

    .errorImage {
        width: 51%;
    }

    .errorContentArea {
        align-items: center;
    }

    .errorTitle {
        font-size: 38px;
    }

    .errorContent {
        width: 43%;
    }

    .basketLeft.succesOrder {
        justify-content: flex-start;
    }

    .succesPage .basketRight {
        width: 30%;
    }

    .featuresProductName {
        font-size: 14px;
    }

    .accountRightContent.fullOrder {
        padding-left: 10px;
    }

    .personalInput i:not(.fa-eye, .fa-eye-slash) {
        left: 7%;
    }

    .accountPassword .personalInput input {
        width: 93%;
    }

    .contactForm .recaptcha.followRecap {
        transform: scale(0.8);
    }

    .help-block.active .help-block-head, .help-block-head {
        padding-left: 20px;
    }

    .help-block.active .help-block-text {
        padding: 10px 47px;
    }

    .basketArea.tracking .productTotalPrice, .basketArea.tracking .productPrice {
        width: 16% !important;
    }

    .followTrackingNo {
        left: 21%;
    }

    .basketArea.tracking .brmInfoRight.SPNumber {
        font-size: 16px;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
    }

    .modalInChecked label {
        padding: 20px 20px 20px 50px;
    }

    #addAddressModal .modal-dialog {
        max-width: 70%;
    }

    .productImage {
        height: 150px;
        width: 110px;
    }

    .basketItemsFeatures {
        gap: 3px;
    }

        .basketItemsFeatures .categoryFeatures {
            width: 11% !important;
            padding-left: 3px;
        }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .nullStock a:after {
        left: 35%;
    }

    .productList .review {
        top: 63%;
    }

    .activeCategory .categoryBoxBottom {
        left: 19%;
    }

    .footerPayment {
        width: 30%;
    }

    .bannerArea {
        height: 82.3vh;
    }

    .highlightBanner {
        margin-right: 15px;
        width: 400px;
        height: 880px;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 14px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 15px;
        margin-top: 10px;
        margin-left: 6px;
    }

    .footerBanner {
        height: 355px;
        margin-top: 40px;
    }

    .highlightBox .discountWarning {
        bottom: -9px;
    }

    .categoriesImg {
        width: 500px;
        height: 167px;
    }

    .basketItems {
        width: 31%;
    }

    .productListBottom {
        gap: 30px 6px;
    }

    .featuresProductPrice {
        font-size: 14px;
    }

    .productFeaturesIcon {
        font-size: 17px;
        width: 20%;
    }

    .productDetailsBox {
        width: 90%;
    }

    .inputArea .cartNo {
        margin-right: 1px;
        padding: 10px;
        width: 23.6%;
        font-size: 15px;
    }

    .recaptcha.formRecap {
        width: 53%;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .payment-table-select {
        padding: 0 10px 0 20px;
        font-size: 14px;
    }

    .installmentTitles {
        gap: 9%;
        font-size: 14px;
    }

    .modalInChecked label:before {
        left: 14%;
    }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .fullOrderTop {
        gap: 36px;
    }

    .accountTabs.tabs ul {
        padding: 60px 20px 60px 40px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsRight {
        width: 60%;
        margin: 0 auto;
    }

    .myOrderDetails .nameArea {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .detailsProductFeatures {
        width: 10%;
        font-size: 19px;
    }

    .detailsProductPrice {
        width: 17%;
    }

    .detailsProductSize {
        width: 15%;
    }

    .couponActiveBox {
        height: 170px;
        justify-content: flex-start;
        width: 45%;
    }

    .couponTitle {
        font-size: 15px;
        margin-top: 6px;
        min-height: 45px;
    }

    .accountRightContent.nullCoupons {
        font-size: 17px;
        min-height: 40vh;
    }

        .accountRightContent.nullCoupons:before {
            left: 28%;
        }

    .recaptcha.followRecap {
        margin-top: 0;
        width: 56.5%;
    }

    .registerBtn.followBtn {
        width: 35%;
        height: 70%;
    }

    .followDetailsStatus {
        width: 21%;
    }

    .nullBasketArea {
        width: 53%;
    }

    .basketItems .categoryFeatures {
        height: auto;
        line-height: 0.9;
        margin-top: 23px;
    }

    .installmentPriceFirst {
        width: 27%;
    }

    .installmentPrice {
        width: 40%;
    }

    .contactFormBg {
        background-size: cover;
    }

    .registerBtn.sendFormBtn {
        width: 30%;
    }

    .helpTabsLink a {
        padding: 14px 17px;
    }

    .discountWarning {
        bottom: -18px;
    }

    .footerLeftAddress {
        width: 100%;
    }

    .favHeart {
        width: 10%;
    }

    .registerBtn .addBasketBtn {
        font-size: 14px;
        padding: 14px 0;
    }

    .countArea {
        width: 38%;
    }

    .basketItemsArea {
        height: 490px;
    }

    .basketLeftMiddle {
        margin-bottom: -15px;
        margin-top: 20px;
    }

    .loginFormBasket {
        width: 47%;
    }

    .chosen-form.form-text {
        width: 48%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 3px 0;
    }

    .card-property-head.inputArea.cvv {
        width: 35%;
    }

    .inputArea input {
        padding: 14px 10px;
        font-size: 14px;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .selectedAddress {
        padding: 20px 12px;
    }

    .all-orders.filterMyOrder {
        width: 37%;
    }

    .favoriActive {
        background-size: unset;
    }

    .favoriteBox .featuredBox {
        max-height: 500px;
        min-height: 500px;
    }

    .favoriteBox .featuredImg {
        max-height: 456px;
        min-height: 456px;
    }

    .corporateImg {
        height: 230px;
    }

    .corpTitle {
        margin-top: 25px;
    }

    .helpLeft {
        width: 26%;
    }

    .footerLogo {
        height: 66px;
        background-size: contain;
    }

    .featuredProductAreaBottom {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .fpaInDetail {
        height: 64%;
        width: 56%;
        left: 30px;
        padding: 10px;
    }

    .featuredProductAreaBottom a {
        height: 340px;
    }

    .middleBanner {
        height: 335px;
    }

    .footerLeft {
        width: 35%;
    }

    .featuresProductMiddle {
        width: 80%;
        padding-right: 6px;
    }

    .thumbelina a {
        width: 100px;
        height: 100px;
    }

    #surround {
        min-width: 450px;
        max-width: 450px;
        height: 611px;
    }

    .tabsContent {
        width: 90%;
    }

    .productTotalPrice, .productPrice {
        font-size: 14px;
    }

    .registerBtn.formBtn {
        width: 37%;
    }

    .titleSelectedAddress {
        margin: 8px 0;
    }

    .SAAddress {
        margin-top: 0;
    }

    .nameArea {
        margin-bottom: 2px;
        gap: 0 30px;
        flex-wrap: wrap;
    }

    .inputs {
        width: 61%;
    }

    .cargoInput {
        width: 48.7%;
    }

    .cargoImage {
        width: 90px;
    }

    .deliverySelectArea {
        gap: 16px;
    }

    .personalInput {
        width: 35%;
    }

    .address-list {
        gap: 11px;
    }

    .accountRightContent.nullOrder {
        background-size: cover;
        min-height: 410px;
        background-position: center;
    }

    .accountList {
        min-height: 580px;
    }

    .myOrderDetails .nameArea > div {
        flex-direction: column;
    }

    .highlightBox .featuredBox {
        max-height: 420px;
        min-height: 420px;
    }

    .highlightBox .featuredImg {
        min-height: 420px;
        max-height: 420px;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 9% !important;
    }

    .fpaInDetailPrice {
        font-size: 20px;
        min-height: 33px;
    }

    .fpaInDetailTitle {
        font-size: 20px;
        min-height: 36px;
    }

    .fpaInDetailModel {
        font-size: 24px;
    }

    .footerRight {
        width: 44%;
    }

    .contactAddressArea div i {
        margin-right: 10px;
    }

    .contactAddressArea {
        padding: 50px 10px;
    }

    .help-block.active .help-block-head {
        width: 90%;
    }

    .productFilterArea {
        width: 40%;
    }

    .productListBottom > div {
        width: 32.6%;
    }

    .productListFilterCheck {
        gap: 10px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 16px;
        margin-left: 0;
        width: 25%;
    }

    .treeview .hitarea {
        right: 10px !important;
    }

    .productDetailsTop {
        align-items: unset;
        padding-left: 150px;
    }

    .betweenMiddle input[type="text"] {
        padding: 12px 9px;
    }

    .eBulletTitle {
        font-size: 35px;
    }

    #slider1 {
        height: 420px;
        width: 12%;
    }

    .productDetailsOrderBox {
        min-height: 560px;
    }

    .productDetailsRight {
        padding: 40px 0;
    }

    .productDetailsBoxTop {
        margin-top: 10px;
    }

    .productSizeArea, .productDetailsPrice {
        margin-bottom: 10px;
    }

    .productBackWhite {
        padding: 23px;
    }

    .highlightBox .review {
        top: 65%;
    }

    .count {
        width: 19%;
        gap: 0;
        margin-right: 10px;
    }

    .categoryFeatures {
        font-size: 24px;
    }

    .basketRightBorder.campain > div {
        width: 95%;
    }

    .registerBtn.appyleBtn {
        padding: 4px;
        width: 60%;
    }

    .couponCode {
        width: 100%;
    }

    .couponInput {
        margin-top: 10px;
        gap: 5px;
    }

    .registerBtn.basketComplate {
        font-size: 14px;
        width: 75%;
    }

    .formTop.loginBasket {
        width: 49%;
    }

    .accordion-header {
        width: 22% !important;
        font-size: 13px;
    }

        .accordion-header:not(:last-child):after {
            width: 51%;
            right: -6px;
        }

    .basketLeft.loginBasket {
        min-height: 370px;
    }

    #credit-card-back {
        margin-top: -75%;
        height: 250px;
    }

    .credit-card-number {
        top: 70px;
        left: 10px;
    }

    #credit-card {
        height: 250px;
    }

    .card-front-name {
        bottom: 90px;
    }

    .divDate {
        right: 50px;
        bottom: 124px;
    }

    .card-back-cvc {
        top: 33%;
        font-size: 20px;
    }

    .flexBasket {
        gap: 80px;
    }

    .accountPasswordTop {
        width: 75%;
    }

    .registerBtn.personalBtn {
        width: 24%;
    }

    .accountLeft {
        width: 29%;
    }

    .nullCoupons .secondSpan {
        font-size: 27px;
    }

    #nullCoupon .nullCoupons::before {
        height: 60px;
        width: 60px;
        background-size: 100%;
        left: -80px;
    }

    .couponBottom {
        font-size: 20px;
        margin-bottom: 30px;
    }

    #nullCouponDeactive .nullCoupons::before {
        height: 61px;
        width: 50px;
        background-size: 100%;
        left: -60px;
    }

    .navigation {
        margin: 0 auto;
    }

    .featuredBox {
        min-height: 350px;
        max-height: 350px;
    }

    .productList .featuredBox {
        max-height: 350px;
        min-height: 350px;
    }

    .featuredImg {
        min-height: 350px;
        max-height: 350px;
    }

    .productList .featuredImg {
        max-height: 350px;
        min-height: 350px;
    }

    .logo {
        width: 82px;
        height: 95px;
    }

    .navigationUL {
        gap: 20px;
        font-size: 14px;
    }

    .searchBox {
        width: 70%;
    }

    .basketItemsGoBasket {
        padding: 20px 17px;
    }

    .registerBtn.goBasketBtn a {
        padding: 12px;
        font-size: 14px;
    }

    .container {
        height: 350px;
    }

    .topCategories {
        background-size: contain;
    }

    .topCategoryBoxName {
        font-size: 20px;
    }

    .activeCategory .topCategoryBoxName {
        font-size: 20px;
    }

    .footerMiddle {
        gap: 50px;
    }

    .basketItemsFeatures > div:not(.count) {
        width: 15%;
        font-size: 14px;
    }

    .basketArea {
        gap: 15px;
    }

    .basketLeft {
        width: 72%;
    }

    .deleteBox {
        width: 20% !important;
    }

    .brmInfoRight, .brmInfoLeft {
        font-size: 14px;
    }

    .addCoupon, .promotionClick {
        font-size: 14px;
    }

    .basketLeftTop.loginBasket {
        padding: 10px 0;
        width: 72%;
    }

    .registerForm .inputDiv input {
        width: 100%;
    }

    .registerForm.registerDiv .formDiv .inputDiv input {
        width: 92%;
    }

    .registerFormBasket {
        width: 90%;
    }

    .basketItems .announcement {
        padding-right: 0;
    }

    .basketItems .productPrice, .basketItems .productName {
        font-size: 15px;
    }

    .accordion-content.open-content {
        gap: 17px !important;
    }

    .address-list li {
        max-height: 200px;
        min-height: 200px;
    }

    .registerRightImg {
        height: 328px;
        background-size: 115%;
        background-position: left;
        background-size: 100%;
    }

    .registerLeft {
        width: 46%;
    }

    .followBottom, .followInputArea, .followTitle, .followInfo {
        width: 54%;
    }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .accountAddress.address-list {
        gap: 25px 10px;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 49%;
        min-height: 147px;
        max-height: initial;
        margin-top: 20px;
    }

    .fullOrderStatus {
        width: 33%;
    }

    .fullOrderNumber {
        width: 25%;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsBox {
        font-size: 14px;
    }

    .detailsProductImg {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        height: 140px;
    }

        .detailsProductImg img {
            max-width: 150px;
            max-height: 150px;
        }

    .detailsProductName {
        width: 22%;
    }

    .detailsProductPrice {
        width: 14%;
    }

    .all-orders.filterMyOrder .chosen-container {
        width: 180px !important;
    }

    #tabs.productDetailsTabs {
        width: 70%;
    }

    #explanation.tabsContent {
        width: 100%;
    }
}


/*Mobiller*/
@media only screen and (max-width:999px) {
    #tabs.productDetailsTabs,
    #explanation.tabsContent {
        width: 100%;
    }

        #explanation.tabsContent ul {
            margin-left: 10px;
            line-height: 1.5;
            gap: 10px;
            display: flex;
            flex-direction: column;
        }

    .productDetailsTabs > ul {
        margin-bottom: 30px;
    }


    .navigation,
    .footerMiddle {
        display: none;
    }

    .modalInChecked label:before {
        left: 9%;
    }

    .count {
        margin-top: auto;
    }

    .bannerImg {
        background-size: cover;
    }
}
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .installmentPriceFirst {
        width: 29%;
    }

    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 100%;
        margin: 0 auto;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin: 0 auto;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 85%;
            height: 170px;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound .errorTitle {
        font-size: 27px;
    }

    .errorContent.notFound .errorText {
        margin-bottom: 40px;
    }

    .errorContent.notFound {
        width: 90%;
    }

    .errorImage.internal {
        width: 72%;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin: 0 auto;
    }

    .featuresProductMiddle {
        font-size: 15px;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        margin-top: 5px;
    }

    .delivered::before {
        margin-right: 0;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress .selectedAddress {
        padding: 10px;
    }

    .accountPasswordTop .alert {
        bottom: -10px;
    }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    .basketArea.tracking .productImage {
        height: 200px;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .followTrackingNo {
        left: -7%;
        top: 21.2%;
    }

    .registerForm.registerDiv .formDiv .inputDiv input {
        width: 94%;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

        .registerLeft .alert .close {
            position: relative;
            top: -18px;
            right: -30px;
        }

    .modalInChecked.afterCart label:before {
        left: 29%;
    }

    .address-border {
        min-height: auto;
    }

    .deliverySelectArea {
        gap: 15px;
    }

    .cargoTop {
        padding: 15px 5px 20px 30px;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 10px !important;
    }

    .announcement {
        padding: 0;
    }

    .basketItemHeader {
        padding: 40px 20px 0px 20px;
        margin-bottom: 0
    }

    .basketItems .announcement .announcementText {
        font-size: 11px;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 90%;
        margin: 10px auto;
    }

    .address-list {
        width: 100%;
    }

        .address-list li {
            width: 100%;
            min-height: auto;
            max-height: inherit;
        }

    .all-orders.filterMyOrder {
        width: 69%;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

    .basketItems .basketItemsBox {
        flex-direction: row;
        gap: 10px;
    }

    .basketItemsContent {
        width: 100%;
    }

    .basketItems .productSize {
        margin-bottom: 0;
    }

    .basketItemsImg {
        width: 125px;
    }

    .thumbelina a {
        width: 148px;
        height: 148px;
    }

    .discountWarning {
        bottom: -18px;
        padding: 1px 15px;
    }

    .productFeaturesIcon {
        font-size: 20px;
        margin-top: 15px;
        width: 24%;
    }

    .productDetailsRight .discountWarning {
        top: 4px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 10px;
        padding-top: 5px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 20px;
    }

    .loginArea {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .bannerArea {
        height: 24vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 25% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 393px;
        min-height: 393px;
    }

    .interestProduct .featuredBox .featuredImg {
        width: auto;
        max-height: 395px;
        min-height: 395px;
    }

    .productList .featuredImg {
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 393px;
        min-height: 393px;
    }

    .featuredProductArea .highlightBox {
        width: 100%;
    }

    .featuredBox:hover .featuredImg {
        transform: scale(1)
    }

    .featuredBox .review {
        display: block;
        top: 63%;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 90%;
        left: 5%;
        height: 50%;
        padding: 0;
        top: initial;
        bottom: 10px;
    }

    .featuredProductAreaBottom {
        flex-direction: column;
        margin: 25px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 400px;
        width: 100%;
    }

    .fpaInDetailTitle {
        font-size: 20px;
        min-height: 25px;
    }

    .fpaInDetailPrice {
        font-size: 18px;
    }

        .fpaInDetailPrice strike {
            font-size: 16px;
        }

    .fpaInDetailModel {
        font-size: 22px;
        line-height: 1;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 30px 0;
    }

    footer {
        flex-direction: column-reverse;
        margin-top: 20px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 20px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
    }

    .copyArea {
        flex-direction: column;
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 12px;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 120px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 100%;
    }

        .modal-dialog.checkedModal .modal-content {
            padding-bottom: 10px;
        }

    .modalInChecked.registerBtn {
        width: 96%;
    }

    .modal-body.aggrement {
        max-height: 415px;
        padding: 1rem;
    }

    .checkedModal .modal-header {
        padding-left: 1rem !important;
    }

    .modalInChecked label {
        padding-right: 5px;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 170px;
            background-size: 160%;
            background-position: -80px -20px;
            margin-top: 10px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 100%;
    }

    .modalInputArea {
        flex-direction: column;
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 14px;
        width: 54%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 18px;
    }

    #nullCoupon .nullCoupons::before {
        left: -33px;
        height: 42px;
        background-size: 35%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -37px;
        height: 36px;
        background-size: 40%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

    .nullStock a:before {
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: auto;
        width: 40%;
        margin-top: 15px;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 24% !important;
        padding: 8px 13px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        min-height: auto;
        border-radius: 0;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    .cargoInput {
        width: 100%;
    }

    .cargoBottom {
        padding: 10px 30px 10px 0px;
    }

    .addresses.cart {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
        gap: 10px;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .chosen-form.form-text {
        width: 48%;
    }

    .card-property-head.inputArea.cvv {
        width: 40%;
        margin-left: 0;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 12px;
        font-size: 20px;
        top: 50px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 170px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -58%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 39%;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .payment-table-select {
        font-size: 11px;
        padding: 0 0 0 18px;
    }

    .installmentTotalPrice {
        margin-left: auto;
        width: 29%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 50%;
    }

    #CVCInfo {
        padding: 10px;
        top: 90%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 190px;
        overflow-x: scroll;
        width: 100%;
    }

    .basketItems .productName {
        font-size: 15px;
        margin-bottom: 0px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 10px;
        margin: 0 auto;
    }

    .basketItemsTotal {
        font-size: 15px;
    }

    .registerBtn.goBasketBtn a {
        padding: 13px;
    }

    .registerBtn.goBasketBtn {
        width: 48%;
        font-size: 14px;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 100%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 52px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: 0;
        width: 100%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
        margin-bottom: 10px;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 5px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #surround {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        background: #fff;
        flex-direction: column;
        height: auto;
    }

    #slider1 {
        height: 160px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .productDetailsBox {
        width: 100%; /* padding:15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 20px 15px 15px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 9%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 85%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 100%;
    }

    .registerBtn .addBasketBtn {
        padding: 15px 0;
        font-size: 17px;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        max-height: 400px;
        min-height: 400px;
        background: #d6d6d1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .productDetailsOrderBox {
        min-height: auto;
        width: 100%;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 76px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0;
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 31%;
        justify-content: center;
        text-align: center;
    }

    .fullOrderTop {
        gap: 10px;
        padding-left: 13px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        font-size: 14px;
        margin-left: 5px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
        padding-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%;
        flex-direction: column;
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop {
        flex-direction: column;
        padding: 5px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 10px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 5%;
        font-size: 14px;
    }

    .fullOrderNumber {
        margin-top: 11px;
        width: 35%;
    }

    .accountTrackingNo {
        line-height: 0.8;
    }

    .followNo {
        padding-left: 0;
    }

    .filterMyOrder .chosen-container .chosen-single {
        height: 30px;
        padding-top: 0 !important;
    }

    .fullOrderDate {
        margin-top: 11px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        flex-direction: column;
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 57%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -13px;
        right: 0;
    }

    .couponModal .couponActiveBox {
        width: 100%;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 10px;
    }

    .succesTextDiv {
        width: 90%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 17px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 55px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }
}
/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 85%;
        margin: 0 auto;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin-top: 0;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 95%;
            height: 185px;
            background-size: contain;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound {
        width: 85%;
    }

        .errorContent.notFound .errorTitle {
            font-size: 30px;
        }

    .errorImage.internal {
        width: 60%;
        height: 150px;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .productFeaturesIcon {
        font-size: 22px;
        width: 22%;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 18px;
    }

    .featuresProductMiddle {
        width: 77%;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        margin-top: 5px;
    }

    .address-list.addressBoxs.accountAddress {
        width: 100%;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 15px;
    }

    .accountPasswordTop .alert {
        bottom: -8px;
    }

    .basketArea.tracking .productImage {
        height: 200px;
    }

    .followTrackingNo {
        left: -4%;
        top: 21.2%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 2px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .modalInChecked.afterCart label:before {
        left: 30%;
    }

    .deliverySelectArea {
        gap: 15px;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 12px !important;
    }

    .couponModal .couponActiveBox {
        width: 100%;
    }

    .registerBtn.goBasketBtn a {
        padding: 10px;
    }

    .basketItemsImg {
        width: 140px;
        height: auto;
    }

    .basketItemsContent {
        width: 99%;
    }

    .nullStock a:after {
        left: 41%;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 80%;
        margin: 10px auto;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 10px;
        padding-top: 5px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 20px;
    }

    .loginArea {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .bannerArea {
        height: 24vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 21% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 462px;
        min-height: 462px;
        width: auto;
    }

    .interestProduct .featuredBox .featuredImg {
        width: auto;
        max-height: 395px;
        min-height: 395px;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 463px;
        min-height: 463px;
    }

    .featuredProductArea .highlightBox {
        width: 100%;
    }

    .featuredBox:hover .featuredImg {
        transform: scale(1)
    }

    .featuredBox .review {
        display: block;
        top: 64%;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 82%;
        left: 10%;
        top: initial;
        bottom: 10px;
        height: 41%;
    }

        .fpaInDetail .review {
            padding: 5px;
        }

    .featuredProductAreaBottom {
        flex-direction: column;
        margin: 25px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 400px;
        width: 100%;
    }

    .fpaInDetailTitle {
        font-size: 17px;
        margin: 0;
        min-height: 42px;
        line-height: 1;
    }

    .fpaInDetailModel {
        line-height: 1.2;
        font-size: 26px;
    }

    .fpaInDetailPrice {
        font-size: 18px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 30px 0;
    }

    footer {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 22px;
        margin-top: 40px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

    .discountWarning {
        bottom: -13px;
        font-size: 14px;
        padding: 1px 10px;
    }

    .highlightBox .discountWarning {
        bottom: -6px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
    }

    .copyArea {
        flex-direction: column;
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 12px;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 130px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
        width: 95%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 100%;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 1rem;
    }

    .modalInChecked label {
        padding-right: 0;
    }

    .checkedModal .modal-content {
        padding-bottom: 10px;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 170px;
            background-size: 160%;
            background-position: -80px -20px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 100%;
    }

    .modalInputArea {
        flex-direction: column;
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 15px;
        width: 49%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 20px;
    }

    #nullCoupon .nullCoupons::before {
        left: -33%;
        height: 42px;
        background-size: 64%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -33%;
        height: 42px;
        background-size: 64%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

    .nullStock a:before {
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: auto;
        width: 40%;
        margin-top: 15px;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 22% !important;
        padding: 8px 13px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
        min-height: auto;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
        margin-bottom: 25px;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 50%;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 12px;
        font-size: 20px;
        top: 50px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 170px;
        background-size: 100%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPrice {
        width: 42%;
    }

    .payment-table-select {
        font-size: 13px;
        padding: 0 3px 0 24px;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentPriceFirst {
        width: 28%;
    }

    .installmentTotalPrice {
        width: 31%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 10px;
        margin-left: 0;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .address-border {
        min-height: auto;
    }

    .checkedModal .modal-header {
        padding-left: 1rem;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 58%;
    }

    #CVCInfo {
        padding: 10px;
        top: 93%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 290px;
        overflow-x: scroll;
        width: 100%;
        max-height: 290px;
    }

    .announcement {
        padding: 0;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 10px;
        font-size: 14px;
    }

    .basketItemsTotal {
        font-size: 16px;
    }

    .registerBtn.goBasketBtn {
        width: 50%;
        margin-top: 10px;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 100%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 52px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder, .filterMyOrder .chosen-container {
        margin-left: 0;
        width: 100% !important;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #surround {
        width: 100%;
        max-width: none;
        min-width: auto;
        height: auto;
        flex-direction: column;
        background: #fff;
    }

    #slider1 {
        height: 160px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .productDetailsBox {
        width: 100%;
        /* padding: 15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 20px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 10%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 78%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 80%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #d6d6d1;
        max-height: 400px;
        min-height: 400px;
    }

    .productDetailsOrderBox {
        min-height: auto;
        width: 100%;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 48px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0;
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

    .thumbelina a {
        width: 97px;
        height: 97px;
    }

    .thumbelina li:last-child {
        padding-right: 0 !important;
    }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 36%;
        justify-content: center;
    }

    .fullOrderTop {
        gap: 12px;
        padding-left: 25px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        margin-left: 5px;
        font-size: 14px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%;
        flex-direction: column;
    }

    .basketItems .basketItemsBox {
        flex-direction: row;
        gap: 12px;
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop {
        /*flex-direction: column;*/
        padding: 5px 10px;
    }

    .all-orders.filterMyOrder .chosen-container {
        border-radius: 30px;
        width: 190px !important;
    }

    .all-orders.filterMyOrder.orderDetail .chosen-container {
        width: 150px !important;
    }

    .order-top-left {
        font-size: 14px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 90%;
        margin: 5px auto 0;
        gap: 5%;
        font-size: 14px;
    }

    .fullOrderNumber {
        margin-top: 11px;
        width: 32%;
    }

    .followNo {
        padding-left: 0;
        line-height: 1;
    }

    .fullOrderDate {
        margin-top: 11px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        flex-direction: column;
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 54%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -16px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 10px;
    }

    .succesTextDiv {
        width: 90%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .accountRightContent .couponTitle {
        height: 73px;
    }

    .couponTitle {
        font-size: 16px;
        height: 55px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }
}
/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .password-reset-right .alert.relative .close {
        line-height: 12px;
    }

    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

    .password-reset-right {
        width: 85%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin: 10px auto;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 85%;
            height: 160px;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound .errorTitle {
        font-size: 28px;
    }

    .errorContent.notFound .errorText {
        margin-bottom: 30px;
    }

    .errorContent.notFound {
        width: 85%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .errorImage.internal {
        width: 60%;
    }

    .errorContent {
        width: 100%;
    }

    .installmentPriceFirst {
        width: 30%;
    }

    .payment-table-select {
        padding: 0 0 0 20px;
        font-size: 14px;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .couponBottom {
        font-size: 20px;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        margin-top: 5px;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 15px;
    }

    .address-list.addressBoxs.accountAddress {
        width: 100%;
    }

    .accountPasswordTop .alert {
        bottom: -10px;
    }

        .accountPasswordTop .alert .close {
            top: 0;
        }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    .basketArea.tracking .productImage {
        height: 200px;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

        .basketArea.tracking .basketRight {
            font-size: 15px;
        }

        .basketArea.tracking .brmInfoRight.SPNumber {
            font-size: 17px;
        }

    .followTrackingNo {
        left: -5%;
        top: 21.9%;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .checkedModal .modal-content {
        padding-bottom: 1rem;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .deliverySelectArea {
        gap: 15px;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .couponModal .couponActiveBox {
        width: 100%;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 10px !important;
    }

    .announcementText {
        font-size: 13px;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 77%;
        margin: 10px auto;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 10px;
        padding-top: 5px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 20px;
    }

    .loginArea {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 100%;
        justify-content: center;
    }

    .bannerArea {
        height: 24vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 25% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 470px;
        min-height: 470px;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 470px;
        min-height: 470px;
    }

    .productFeaturesIcon {
        font-size: 21px;
    }

    .featuresProductMiddle {
        width: 73%;
    }

    .fpaImage {
        background-position: center;
    }

    .featuredProductArea .highlightBox {
        width: 100%;
    }

    .featuredBox:hover .featuredImg {
        transform: scale(1)
    }

    .featuredBox .review {
        display: block;
        top: 64%;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 90%;
        left: 5%;
        height: 50%;
        top: unset;
        bottom: 20px;
    }

    .featuredProductAreaBottom {
        flex-direction: column;
        margin: 25px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 400px;
        width: 100%;
    }

    .fpaInDetailTitle {
        font-size: 21px;
        margin: 0;
        min-height: 60px;
    }

    .fpaInDetailPrice strike {
        font-size: 17px;
    }

    .fpaInDetailPrice {
        font-size: 21px;
    }

    .fpaInDetailModel {
        font-size: 26px;
        line-height: 1;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 35px 0 20px;
    }

    footer {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .nullStock a:after {
        left: 41%;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        font-size: 21px;
        margin: 15px 0;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 22px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
    }

    .copyArea {
        flex-direction: column;
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 12px;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 150px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 10px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
        line-height: 20px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 100%;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 1rem;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 170px;
            background-size: 160%;
            background-position: -80px -20px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 100%;
    }

    .modalInputArea {
        flex-direction: column;
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 15px;
        width: 47%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -32%;
        height: 42px;
        background-size: 65%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -32%;
        height: 42px;
        background-size: 65%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

    .nullStock a:before {
        height: 100%;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 10px;
        width: 100%;
        font-size: 14px;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: auto;
        width: 36%;
        margin-top: 15px;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 20% !important;
        padding: 8px 13px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
        min-height: auto;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    #membership table {
        width: 100% !important;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 60%;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 12px;
        font-size: 20px;
        top: 50px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 170px;
        background-size: 100%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPrice {
        width: 40%;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentPriceFirst {
        width: 26%;
    }

    .installmentTotalPrice {
        width: 31%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 60%;
    }

    #CVCInfo {
        padding: 10px;
        top: 95%;
        left: 75%;
        width: 60%;
    }

    .address-border {
        min-height: auto;
    }

    .modalInChecked label {
        padding: 20px 20px 20px 50px;
    }

    .basketItemsArea {
        height: 350px;
        overflow-x: scroll;
        width: 100%;
        margin: 0;
    }

    .basketItemsTotal {
        font-size: 19px;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsImg {
        width: 220px;
        height: 170px;
    }

    .basketItemsContent {
        width: 100%;
    }

    .basketItemsGoBasket {
        padding: 9px;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn a {
        padding: 10px;
    }

    .registerBtn.goBasketBtn {
        width: 50%;
        margin-top: 6px;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 100%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 52px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: 0;
        width: 100%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #surround {
        width: 100%;
        flex-direction: column;
        max-width: 100%;
        min-width: 100%;
        background: #fff;
        justify-content: flex-start;
        height: auto;
    }

    #slider1 {
        height: 160px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .productDetailsBox {
        width: 100%; /* padding:15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 23px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 8%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 70%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 80%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 100%;
    }

    .productDetailsOrderBox {
        min-height: auto;
        width: 100%;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 76px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0;
    }

    .thumbelina li {
        padding: 5px 11px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 33%;
        justify-content: center;
    }

    .fullOrderTop {
        gap: 10px;
        padding-left: 25px;
    }

    .followNo {
        padding-left: 2px;
        line-height: 1;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px 20px;
        flex-wrap: wrap;
        font-size: 14px;
        margin-left: 5px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%;
        flex-direction: column;
    }

    .basketItems .basketItemsBox {
        flex-direction: row;
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop {
        /*flex-direction: column;*/
        padding: 5px 10px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    /*   .w3-bar.w3-black {
        padding: 10px 5px 0;
    }*/

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 5%;
    }

    .fullOrderNumber {
        margin-top: 27px;
        width: 29%;
    }

    .fullOrderDate {
        margin-top: 27px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        flex-direction: column;
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 54%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -14px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 10px;
    }

    .succesTextDiv {
        width: 90%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .accountRightContent .couponTitle {
        height: 80px;
    }

    .couponTitle {
        font-size: 16px;
        height: 55px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }
}
/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .payment-table-select {
        padding: 0px 5px 0px 20px;
        font-size: 14px;
    }

    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 85%;
        margin: 0 auto;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .modalInChecked.afterCart label:before {
        left: 29%;
    }

    .eBulletinBottomText {
        margin-bottom: 15px;
    }

    .registerBtn.applyBtn.adressModalOpen.smallAccountBtn {
        min-width: 130px;
    }

    .accountPasswordTop .alert {
        top: 5px;
    }

    .followDetails .basketRight {
        font-size: 15px;
    }

    .basketArea.tracking .count {
        width: 100%;
        flex-direction: row;
        margin-bottom: 5px;
        padding-top: 0;
    }

    .followTrackingNo {
        left: -1%;
        top: 25.9%;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

    .address-list li {
        width: 100%;
        max-height: fit-content;
    }

    .payment-container .flexBasket {
        flex-direction: column;
        gap: 15px;
        justify-content: unset;
    }

        .payment-container .flexBasket .address-box {
            width: 100%;
        }

            .payment-container .flexBasket .address-box .address-border {
                min-height: auto;
            }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin-top: 0;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 85%;
            height: 220px;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound .errorTitle {
        font-size: 30px;
    }

    .errorContent.notFound {
        width: 85%;
    }

    .errorImage.internal {
        width: 60%;
        height: 150px;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .footerPayment {
        width: 74%;
        margin: 8px auto;
    }

    .pageNavigation li:not(:last-child):after {
        margin-left: 5px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 10px;
        padding-top: 5px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 8px;
        gap: 5px;
    }

    .loginArea {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 100%;
        justify-content: center;
    }

    .bannerArea {
        height: 24vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 25% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 476px;
        min-height: 476px;
        width: auto;
    }

    .productFeaturesIcon {
        font-size: 21px;
    }

    .featuresProductMiddle {
        width: 70%;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 476px;
        min-height: 476px;
    }

    .featuredProductArea .highlightBox {
        width: 100%;
    }

    .featuredBox:hover .featuredImg {
        transform: scale(1)
    }

    .discountWarning {
        padding: 1px 15px;
        font-size: 14px;
        bottom: -11px;
    }

    .highlightBox .discountWarning {
        bottom: -4px;
    }

    .featuredBox .review {
        display: block;
        top: 70%;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 90%;
        left: 5%;
        height: 45%;
        top: initial;
        bottom: 20px;
    }

    .featuredProductAreaBottom {
        flex-direction: column;
        margin: 25px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 400px;
        width: 100%;
    }

    .fpaInDetailTitle {
        font-size: 16px;
        margin: 0;
        min-height: 45px;
    }

    .fpaInDetailModel {
        line-height: 1;
        font-size: 26px;
    }

    .fpaInDetailPrice {
        font-size: 20px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 30px 0 30px;
    }

    footer {
        flex-direction: column-reverse;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 28px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
    }

    .copyArea {
        flex-direction: column;
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 12px;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: max-content;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 100%;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 1rem;
    }

    .checkedModal .modal-content {
        padding-bottom: 10px;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 170px;
            background-size: 160%;
            background-position: -80px -20px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .accountRightContent .nullAddress, .accountRightContent .address-list li {
        min-height: 220px;
    }

    .accountRightContent .nullAddress, .accountRightContent .selectedAddress {
        padding: 10px;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 100%;
    }

    .modalInputArea {
        flex-direction: column;
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 16px;
        width: 49%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        background-size: 66%;
        left: -58px;
        height: 46px;
    }

    #nullCouponDeactive .nullCoupons::before {
        background-size: 66%;
        left: -58px;
        height: 46px;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

    .nullStock a:before { /* height: 93.7%; */
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 230px;
        width: 40%;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 20% !important;
        padding: 8px 13px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
        min-height: auto;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 70%;
    }

    .chosen-form.form-text {
        width: 47%;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 12px;
        font-size: 20px;
        top: 50px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 170px;
        background-size: 100%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 41%;
    }

    .installmentInput label {
        padding-right: 5px;
        width: 97%;
    }

    .installmentTotalPrice {
        margin-left: auto;
        width: 29%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 50%;
    }

    #CVCInfo {
        padding: 10px;
        top: 90%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 480px;
        overflow-x: scroll;
        width: 100%;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .productDetailsBoxTop .categoryFeatures {
        margin-bottom: 20px;
    }

    .basketItemsGoBasket {
        flex-direction: column;
        padding: 10px 0;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn {
        width: 90%;
        margin-top: 10px;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 100%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 52px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: 0;
        width: 100%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
        margin-bottom: 20px;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #slider1 {
        height: 140px;
        width: 100%;
        position: relative;
        top: 0;
    }

    #surround {
        width: 100%;
        flex-direction: column;
        background: #fff;
        min-width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        height: auto;
    }

    .productDetailsBox {
        width: 100%; /* padding:15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 21px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 8%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 78%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 80%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 100%;
    }

    .productDetailsOrderBox {
        min-height: auto;
        width: 100%;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 61px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina a {
        width: 120px;
        height: 120px;
    }

    .thumbelina-but.bottom.horiz {
        right: 0;
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 34%;
        font-size: 15px;
        justify-content: center;
    }

    .followNo {
        padding-left: 0;
        line-height: 1.3;
    }

    .fullOrderTop {
        gap: 28px;
        padding-left: 13px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px 25px;
        flex-wrap: wrap;
        font-size: 15px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .orderDetailsBox .detailsProductFeatures {
        font-size: 27px;
        margin-top: 5px;
    }

    .basketItemsBox {
        margin-top: 9%;
    }

    .turnBack {
        display: flex;
        align-items: center;
        gap: 3px;
    }

    .repeat-order {
        display: flex;
        align-items: center;
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop {
        justify-content: space-between;
        padding: 5px;
    }

    .tabName {
        padding-left: 17px;
    }

    .all-orders.filterMyOrder .chosen-container {
        width: 200px !important;
    }

    .all-orders.filterMyOrder {
        width: 60%;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .registerLeft .alert {
        top: 21px;
        padding-top: 3px !important;
    }

        .registerLeft .alert .close {
            line-height: 12px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 5%;
    }

    .fullOrderNumber {
        margin-top: 11px;
    }

    .fullOrderDate {
        margin-top: 11px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        flex-direction: column;
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 54%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -12px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 10px;
    }

    .succesTextDiv {
        width: 90%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 73px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 23vh;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) {
        margin-left: auto;
    }
}
/* iphone Plus dikey */
@media only screen and (min-width: 400px) and (max-width: 479px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 87%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 76%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin: 10px auto;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 85%;
            height: 180px;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorTitle {
        font-size: 30px;
    }

    .errorContent.notFound {
        width: 85%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .errorImage.internal {
        width: 60%;
    }

    .errorContent {
        width: 100%;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        margin-top: 5px;
    }

    .accountPasswordTop .alert {
        bottom: -8px;
    }

        .accountPasswordTop .alert .close {
            top: 0;
        }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    .followTrackingNo {
        left: -5%;
        top: 27.1%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

    .formDiv.lastDiv.registerLastDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
            width: 62%;
        }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .formDiv.lastDiv.afterCartDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.afterCartDiv .recaptcha.formRecap {
            width: 67%;
        }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .checkedModal .modal-content {
        padding-bottom: 10px;
    }

    .address-border {
        min-height: auto;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .deliverySelectArea {
        gap: 15px;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .couponModal .couponActiveBox {
        width: 100%;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 15px !important;
    }

    .nullStock a:after {
        left: 40%;
    }

    .fpaImage {
        background-position: center;
    }

    .featuredProductArea {
        width: 84%;
        margin: 0 auto;
    }

        .featuredProductArea .slick-slide {
            margin: 0;
        }

    .productFeaturesIcon {
        font-size: 22px;
        margin-top: 15px;
        width: 22%;
    }

    .featuresProductMiddle {
        width: 78%;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 70%;
        margin: 10px auto;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 10px;
        padding-top: 5px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 20px;
    }

    .loginArea {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 100%;
        justify-content: center;
    }

    .bannerArea {
        height: 24vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 25% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 453px;
        min-height: 453px;
    }

    .productList .featuredImg {
        min-height: 456px;
        max-height: 456px;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 456px;
        min-height: 456px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 64%;
        }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 70%;
        left: 15%;
        height: 45%;
        top: 53%;
    }

    .featuredProductAreaBottom {
        flex-direction: column;
        margin: 25px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 400px;
        width: 100%;
    }

    .fpaInDetailTitle {
        font-size: 18px;
        margin: 0;
        min-height: 50px;
    }

    .fpaInDetailModel {
        line-height: 1;
        font-size: 20px;
    }

    .fpaInDetailPrice {
        font-size: 18px;
    }

        .fpaInDetailPrice strike {
            font-size: 16px;
        }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 35px 0 30px;
    }

    footer {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 24px;
        width: 23%;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
    }

    .copyArea {
        flex-direction: column;
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 12px;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 150px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 100%;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 1rem;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 170px;
            background-size: 160%;
            background-position: -80px -20px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 100%;
    }

    .modalInputArea {
        flex-direction: column;
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 15px;
        width: 43%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -36%;
        height: 42px;
        background-size: 70%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -36%;
        height: 42px;
        background-size: 70%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

    .nullStock a:before {
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 0 10px;
        width: 100%;
        font-size: 14px;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 204px;
        width: 40%;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 20% !important;
        padding: 8px 13px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
        margin-bottom: 40px;
    }

    .payment-table-select {
        padding: 0;
        font-size: 14px;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .chosen-form.form-text {
        width: 46%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 55%;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 12px;
        font-size: 20px;
        top: 50px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 170px;
        background-size: 100%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPrice {
        width: 41%;
    }

    .installmentPriceFirst {
        width: 26%;
    }

    .installmentInput label {
        display: flex;
        gap: 15px;
        padding-right: 5px;
        justify-content: space-between;
        width: 88%;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 69%;
    }

    #CVCInfo {
        padding: 10px;
        top: 106%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 410px;
        overflow-x: scroll;
        width: 100%;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 10px;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn a {
        padding: 12px;
    }

    .basketItemsTotal {
        font-size: 18px;
    }

    .registerBtn.goBasketBtn {
        width: 55%;
        margin-top: 10px;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 100%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: 0;
        width: 32%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #surround {
        width: 100%;
        flex-direction: column;
        max-width: 100%;
        min-width: initial;
        background: #fff;
        height: auto;
    }

    #slider1 {
        height: 160px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .productDetailsBox {
        width: 100%;
        /* padding: 15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 24px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 8%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 78%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 80%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 100%;
    }

    .productDetailsOrderBox {
        min-height: auto;
        width: 100%;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 76px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0;
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 37%;
        justify-content: center;
    }

    .accountRightContent .fullOrderStatus {
        margin-top: 10px;
    }

    .fullOrderTop {
        gap: 18px;
        padding-left: 32px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 5px 10px;
        gap: 15px;
        flex-wrap: wrap;
        font-size: 14px;
        margin-left: 5px;
    }

    .followNo {
        padding-left: 15px;
        line-height: 1.2;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%;
    }

    .basketItemsContent {
        width: 60%;
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop {
        padding: 5px 10px;
    }

    .all-orders.filterMyOrder {
        width: 56%;
        margin-left: auto;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        margin-left: -2px;
        font-size: 16px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 7%;
    }

    .fullOrderNumber {
        margin-top: 11px;
    }

    .fullOrderDate {
        margin-top: 11px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        flex-direction: column;
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 54%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -16px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 10px;
    }

    .succesTextDiv {
        width: 90%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 73px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .accountRightContent .couponTitle {
        height: 85px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 23vh;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }

    .featuredProductArea .highlightBox {
        width: 100%;
        margin: 0 auto;
    }
}
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 65%;
        margin: 0 auto;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin: 10px auto;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 85%;
            height: 185px;
            background-size: contain;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound {
        width: 85%;
    }

        .errorContent.notFound .errorTitle {
            font-size: 30px;
        }

        .errorContent.notFound .errorText {
            margin-bottom: 30px;
        }

    .errorImage.internal {
        width: 50%;
        height: 120px;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .accountRightContent.myOrderDetails .orderDetailsRight {
        width: 80%;
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        margin-top: 5px;
    }

    .accountRightTop.myOrderTop .orders-number {
        flex-direction: column;
        gap: 5px;
    }

    .accountRightTop.myOrderTop .all-orders.filterMyOrder {
        width: 45%;
    }

    .accountPasswordTop .alert {
        bottom: -5px;
    }

    .followTrackingNo {
        left: -3%;
        top: 26.4%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .formDiv.lastDiv.registerLastDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
            width: 56%;
        }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .modal-dialog.login-modal {
        max-width: 355px;
        margin: 25px auto;
    }

    .deliverySelectArea {
        gap: 15px;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 10px !important;
    }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .announcement {
        padding: 0;
    }

    .basketItemHeader {
        padding: 40px 20px 0px 20px;
        margin-bottom: 0
    }

    .footerPayment {
        display: table;
        float: none;
        width: 60%;
        margin: 10px auto;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        padding-top: 5px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        flex-direction: column-reverse;
        width: 100%;
        margin-bottom: 20px;
        gap: 0;
    }

    .loginArea {
        width: 100%;
        justify-content: space-evenly;
        gap: 0;
        margin-bottom: 10px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .bannerArea {
        height: 48vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 326px;
        min-height: 326px;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 326px;
        min-height: 326px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 58%;
        }

        .featuredBox.nullStock .review {
            left: 73%;
        }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 90%;
        left: 5%;
        height: 60%;
        top: 86px;
        padding: 10px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 0px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetailTitle {
        font-size: 14px;
        margin: 0;
        min-height: 40px;
    }

    .fpaInDetailPrice {
        font-size: 16px;
    }

        .fpaInDetailPrice strike {
            font-size: 14px;
        }

    .fpaInDetailModel {
        font-size: 20px;
        line-height: 1;
    }

    .fpaInDetail .review {
        padding: 5px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 30px 0 30px;
    }

    footer {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 20px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

        .featuresProductPrice strike {
            font-size: 14px;
            margin-left: -40px;
        }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
        background-size: 100%;
    }

    .copyArea {
        flex-direction: column;
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 12px;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 170px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 34%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
        margin: 0 auto;
    }

    .address-border {
        min-height: auto;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 1rem;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput {
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 270px;
            background-size: 140%;
            background-position: center;
            margin-top: 10px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea { /* flex-direction:column; */
        align-items: flex-start;
    }

    .address-list .nameArea {
        flex-direction: column;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 85%;
        margin: 15px auto;
    }

    .modalInputArea { /* flex-direction:column; */
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 16px;
        width: 40%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -33%;
        height: 42px;
        background-size: 70%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -33%;
        height: 42px;
        background-size: 70%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
        }

    .favoriteBox {
        width: 47%;
    }

    .nullStock a:after {
        background-size: 100%;
        width: 60px;
        height: 60px;
        left: 19px;
        bottom: 95px;
    }

    .feautesBottom {
        height: 100px;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 237px;
        width: 40%; /* margin-top:15px; */
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 16% !important;
        padding: 8px 28px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
        min-height: auto;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 50%;
    }

    .card-ic {
        width: 80%;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .checkedModal .modal-content {
        padding-bottom: 10px;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 240px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -66%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPriceFirst {
        width: 22%;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 36%;
    }

    .payment-table-select {
        padding: 0 5px 0 25px;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentTotalPrice {
        width: 34%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 46%;
    }

    #CVCInfo {
        padding: 10px;
        top: 73%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 100px;
        overflow-x: scroll;
        width: 100%;
        margin: 0;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 5px 10px 0;
        margin: 0 auto;
        font-size: 14px;
    }

    .registerBtn.goBasketBtn a {
        padding: 11px;
    }

    .registerBtn.goBasketBtn {
        width: 40%;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 48.6%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: 0;
        width: 42%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
        align-items: end;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    .thumbelina {
        left: 23px !important;
    }

    #slider1 {
        height: 160px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .thumbelina-but.vert.top {
        background: none;
        top: -26px !important;
    }

    .thumbelina {
    }

    .vert i {
        color: #888;
    }

    .thumbelina-but.vert.bottom {
        bottom: -31px !important;
        background: none !important;
        box-shadow: none;
    }

    .productDetailsBox {
        width: 100%;
        padding: 0;
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 25px 15px 15px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 9%;
    }

    .productDetailsAddBasket {
        align-items: center;
        gap: 7px;
    }

    .countArea {
        width: 78%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 89%;
    }

    .registerBtn .addBasketBtn {
        padding: 13px 0;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 98%;
    }

    .productDetailsOrderBox {
        min-height: auto;
        width: 90%;
        margin: 0 auto;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 41px !important;
        transform: rotate(270deg);
        background: none;
    }

    .countSelect {
        padding: 6px;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 0px 0 5px !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 40%;
        justify-content: center;
    }

    .fullOrderTop {
        gap: 40px;
        padding-left: 36px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        margin: 0 auto 10px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%; /* flex-direction:column; */
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
        margin-left: 60px;
    }

    .orders-number {
        gap: 10px;
        flex-direction: row
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 5px;
        justify-content: space-around;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .helpTitle h1 {
        padding: 10px;
        font-size: 16px;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 12%;
        font-size: 14px;
    }

    .fullOrderNumber {
        margin-top: 0px;
        width: 28%;
    }

    .fullOrderDate { /* margin-top:11px; */
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        flex-direction: column;
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 38%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -12px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .accountRightContent .couponActiveBox {
        width: 70%;
        height: 183px;
    }

    .accountRightContent .couponActive {
        width: 100%;
        margin: 10px auto;
        justify-content: center;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 23vh;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .discountWarning {
        padding: 1px 15px;
        font-size: 14px;
        bottom: -16px;
    }

    .productFeaturesIcon {
        width: 30%;
        margin: 0 1px;
        text-align: center;
        font-size: 15px;
        margin-top: -65px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 14px;
        margin-top: -65px;
        width: 24%;
    }

    .featuresProductMiddle {
        width: 100%;
        font-size: 14px;
    }

    .productList .featuredBox {
        min-height: 340px;
        max-height: 340px;
    }

    .middleBannerArea {
        margin-top: 15px;
    }

    .productList .featuredImg {
        max-height: 340px;
        min-height: 340px;
    }

    .thumbelina a {
        width: 84px;
        height: 90px;
    }

    .interestProduct .featuredBox .featuredImg {
        min-height: 315px;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
    }

    .basketItemHeader {
        padding-top: 10px;
    }

    .basketItemsTotal {
        font-size: 15px;
    }

    .featuredProductArea .highlightBox {
        width: 48.3%;
    }

    .payment-container {
        margin: 36px 0;
    }

    .couponActive {
        width: 100%;
        gap: 10px;
        margin: 0;
    }

    .couponModal .couponActiveBox {
        width: 48%;
    }

    #surround {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        background: #fff;
        flex-direction: column;
        height: auto;
        margin: 0 auto;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }
}
/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 60%;
        margin: 0 auto;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea {
        flex-direction: column;
        margin: 10px auto;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 85%;
            height: 220px;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound {
        width: 85%;
    }

        .errorContent.notFound .errorTitle {
            font-size: 27px;
            margin-bottom: 20px;
        }

        .errorContent.notFound .errorText {
            margin-bottom: 30px;
        }

    .errorImage.internal {
        width: 43%;
        height: 120px;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        margin-top: 5px;
    }

    .accountRightContent.myOrderDetails .orderDetailsRight {
        width: 70%;
        margin: 0 auto;
    }

    .followNo {
        padding-left: 15px;
        line-height: 1;
    }

    .all-orders.filterMyOrder {
        width: 41%;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 80%;
        margin: 15px auto 0;
    }

    .accountPassword .personalInput input {
        width: 93%;
    }

    .accountPasswordTop .alert {
        bottom: -5px;
    }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    .followBottom .recaptcha.followRecap {
        width: 47.5%;
    }

    .followBottom .registerBtn.followBtn {
        width: 43%;
    }

    .followTrackingNo {
        left: 30%;
    }

    .followDetails .basketArea.tracking .basketItemsBox {
        width: 90%;
        margin: 0 auto;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .basketArea.tracking {
        flex-direction: column;
    }

    .formDiv.lastDiv.registerLastDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
            width: 60%;
        }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .basketRight {
        width: 70%;
        margin: 0 auto;
    }

    .formDiv.lastDiv.afterCartDiv {
        flex-direction: unset;
        align-items: center;
    }

    .modalInChecked.registerBtn.afterCart {
        width: 50%;
    }

    .modalInChecked.afterCart label:before {
        left: 24%;
    }

    .modal-dialog.login-modal {
        max-width: 355px;
        margin: 25px auto;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 90%;
        margin: 10px auto;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 0px;
    }

    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .helpTitle h1 {
        padding: 10px;
        font-size: 16px;
    }

    .address-list .nameArea {
        flex-direction: column;
    }

    .headerLeft {
        width: 100%;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .loginArea {
        width: 100%;
        justify-content: flex-start;
        gap: 25px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 83%;
    }

    .bannerArea {
        height: 64vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 326px;
        min-height: 326px;
        /*width: auto;*/
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 326px;
        min-height: 326px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 58%;
        }

        .featuredBox.nullStock .review {
            left: 75%;
            top: 59%;
        }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 90%;
        left: 5%;
        height: 53%;
        top: 110px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 9px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetailTitle {
        font-size: 14px;
        margin: 0;
        min-height: 40px;
    }

    .fpaInDetailPrice {
        font-size: 16px;
    }

        .fpaInDetailPrice strike {
            font-size: 14px;
        }

    .fpaInDetailModel {
        font-size: 19px;
        line-height: 1;
        margin: 5px 0 0;
    }

    .fpaInDetail .review {
        padding: 5px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 21px;
    }

    .footerBanner {
        height: auto;
        margin: 26px 0 30px;
    }

    footer {
        flex-direction: column-reverse;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    /* .highlightBox .productFeaturesIcon {
        font-size: 28px;
    }*/

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 68.6%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
        background-size: 100%;
    }

    .copyArea { /* flex-direction:column; */
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 95%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 14px;
        padding: 0;
    }

    .basketItems {
        width: 79%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
    }

    .nullIcon {
        background-size: 100%;
        height: 100px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 10px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 200px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    .contactForm .contactFormDiv {
        flex-direction: unset;
        justify-content: unset;
    }

    .contactForm .recaptcha.followRecap {
        width: 50%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 34%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
        margin: 0 auto;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 2rem 2rem 0rem;
    }

    .checkedModal .modal-content {
        padding-bottom: 5px;
    }

    .address-border {
        min-height: auto;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput { /* flex-direction:column; */
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 260px;
            background-size: 140%;
            background-position: center;
            margin-top: 10px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea { /* flex-direction:column; */
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 85%;
        margin: 20px auto;
    }

    .modalInputArea { /* flex-direction:column; */
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 50%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 16px;
        width: 45%;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -22%;
        height: 42px;
        background-size: 60%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -22%;
        height: 42px;
        background-size: 60%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
        }

    .favoriteBox {
        width: 47%;
    }

    .nullStock a:before { /* height:94.7%; */
    }

    .nullStock a:after {
        left: 20px;
        width: 70px;
        height: 70px;
        background-size: 100%;
        bottom: 27%;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart {
        flex-direction: column;
    }

    .couponInput {
        margin-top: 10px;
    }

    .basketLeft {
        width: 100%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

        .basketItemsFeatures .productPrice {
            margin-bottom: 15px !important;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 240px;
        width: 28%; /* margin-top:15px; */
        margin-right: 30px;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 0;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */
        background: #fff;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 16% !important;
        padding: 13px 22px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
        min-height: auto;
    }

    .cargoTop {
        padding: 15px 5px 20px 30px;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content {
        flex-direction: column;
        gap: 15px !important;
    }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 49%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 50%;
    }

    #cardBlock {
        width: 75%;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 240px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -58%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 37%;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentPriceFirst {
        width: 24%;
    }

    .installmentTotalPrice {
        width: 30%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 15px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 52%;
    }

    #CVCInfo {
        padding: 10px;
        top: 78%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 110px;
        overflow-x: scroll;
        width: 100%;
        margin: 0;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 0 10px;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn {
        width: 40%;
    }

        .registerBtn.goBasketBtn a {
            padding: 11px;
        }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 18px;
        margin-top: -50px;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 48%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: auto;
        width: 36%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
        gap: 32px 21px;
        margin-bottom: 30px;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
        align-items: end;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 400px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #slider1 {
        height: 160px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .productDetailsBox {
        width: 100%; /* padding:15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 25px 15px 15px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 6%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center; /* flex-direction:column; */
    }

    .countArea {
        width: 44%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 44%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 100%;
    }

    .productDetailsOrderBox {
        width: 90%;
        margin: 0 auto;
        min-height: 600px;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 41px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 0px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 29%;
        justify-content: center;
    }

    .fullOrderTop {
        gap: 60px;
        padding-left: 40px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px 40px;
        flex-wrap: wrap;
        margin: 0 auto 10px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox {
        flex-direction: column;
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 100%;
    }

    .detailsProductCount .count {
        justify-content: center;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 6%;
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
        margin-left: 60px;
    }

    .orders-number {
        gap: 10px;
        flex-direction: row
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 5px 20px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 10px;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 90%;
        margin: 5px auto 0;
        gap: 13%;
    }

    .fullOrderNumber {
        margin-top: 2px;
    }

    .fullOrderDate {
        margin-top: 2px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 34%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking {
        flex-direction: column;
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -17px;
        right: 0;
    }

    .cartTbl tr th {
        display: none;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 75%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .accountRightContent .couponActiveBox {
        width: 48%;
        height: 145px;
    }

    .accountRightContent .couponActive {
        width: 94%;
        margin: 10px auto;
        justify-content: space-between;
    }

    .accountRightContent .couponTitle {
        font-size: 14px;
        height: 36px;
    }

    .accountRightContent .couponBottom {
        font-size: 20px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .accountRightContent.nullFav:before {
        top: 12px;
        left: 42%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 23vh;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .feautesBottom {
    }

    .productFeaturesIcon {
        width: 23%;
        margin: 0 5px;
        text-align: center;
        font-size: 18px;
        margin-top: -50px;
    }

    .featuresProductMiddle {
        width: 87%;
        font-size: 15px;
    }

    .discountWarning {
        padding: 1px 15px;
        font-size: 14px;
        bottom: -15px;
    }

    .productList .featuredBox {
        min-height: 370px;
        max-height: 370px;
    }

    .middleBannerArea {
        margin-top: 15px;
    }

    .productList .featuredImg {
        min-height: 370px;
        max-height: 370px;
    }

    .thumbelina a {
        width: 100px;
        height: 100px;
        margin-left: 14px;
    }

    .thumbelina-but.vert.bottom {
        background: none;
        box-shadow: none;
        bottom: -35px !important;
    }

    .thumbelina-but.vert.top {
        top: -20px !important;
        background: none;
        box-shadow: none;
    }

    .vert i {
        color: #888;
    }

    .interestProduct .featuredBox .featuredImg {
        min-height: 320px;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
        background: #d7d6d1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .interestProductBox .highlightBox {
        margin-right: 5px;
        margin-left: 5px;
    }

    .basketItemHeader {
        padding-top: 10px;
    }

    .basketItemsTotal {
        font-size: 18px;
    }

    .featuredProductArea .highlightBox {
        width: 48%;
    }

    .payment-container {
        margin: 36px 0;
    }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .couponActive {
        width: 100%;
        gap: 10px;
        margin: 0;
    }

    .couponModal .couponActiveBox {
        width: 48%;
    }

    #surround {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        background: #fff;
        flex-direction: column;
        height: auto;
        margin: 0 auto;
    }

    .thumbelina {
        margin-left: 7px !important;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .accountDrpDown {
        padding: 7px;
        margin-top: 11px;
        line-height: 2;
    }

    .cargoBottom {
        padding: 10px 30px 10px 0px;
    }

    .deliverySelectArea {
        gap: 10px;
    }
}
/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 55%;
        margin: 0 auto;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 78%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .eBulletinBottomText {
        margin-top: 5px;
    }

    .errorContentArea.notFoundArea .errorImage {
        width: 60%;
        height: 199px;
        background-size: contain;
    }

    .errorContentArea {
        align-items: center;
        margin-top: 30px;
    }

    .errorContent.notFound {
        width: 70%;
    }

        .errorContent.notFound .errorTitle {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .errorContent.notFound .errorText {
            font-size: 16px;
            margin-bottom: 30px;
        }

    .errorImage.internal {
        width: 38%;
        height: 120px;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .accountRightContent.myOrderDetails .orderDetailsRight {
        width: 80%;
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .detailsProductCount .count {
        margin-bottom: 0;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        font-size: 22px;
    }

    .all-orders.filterMyOrder {
        width: 37%;
    }

    .address-list.addressBoxs.accountAddress li {
        min-height: 230px;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 25px;
    }

    .address-list.addressBoxs.accountAddress .selectedAddress {
        padding: 10px;
    }

    .accountPasswordTop .alert {
        bottom: -10px;
    }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .helpTabsContent .contactForm {
        width: 95%;
    }

    .followBottom .recaptcha.followRecap {
        width: 43.5%;
    }

    .followBottom .registerBtn.followBtn {
        width: 47%;
    }

    .followTrackingNo {
        left: 26%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .basketArea.tracking .basketRight {
        font-size: 14px;
    }

    .basketArea.tracking .brmInfoRight.SPNumber {
        font-size: 14px;
    }

    .formDiv.lastDiv.registerLastDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
            width: 60%;
        }

    .registerForm.registerDiv .inputDiv input {
        padding: 17px 37px;
    }

    .registerForm.registerDiv .fa-eye, .registerForm.registerDiv .fa-eye-slash {
        right: 40px;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .modalInChecked.afterCart label:before {
        left: 25%;
    }

    .modalInChecked.registerBtn.afterCart {
        margin-top: 10px;
    }

    .modalInChecked.afterCart label {
        padding: 13px;
    }

    .modal-dialog.login-modal {
        max-width: 355px;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 67%;
        margin: 10px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .nullStock a:after {
        left: 20px;
        bottom: 100px;
    }

    .featuredBox.nullStock .review {
        left: 75%;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 0px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .address-list .nameArea {
        /* flex-direction: row; */
    }

    .headerLeft {
        width: 100%;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .loginArea {
        width: 100%;
        justify-content: flex-start;
        gap: 25px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 90%;
        justify-content: end;
    }

    .bannerArea {
        height: 68vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 326px;
        min-height: 326px;
        width: auto;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 326px;
        min-height: 326px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 57%;
        }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 76%;
        left: 13%;
        height: 60%;
        top: 83px;
        padding: 5px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 7px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetailTitle {
        font-size: 14px;
        margin-bottom: 0;
        min-height: 35px;
        line-height: 1.1;
    }

    .fpaInDetailPrice {
        font-size: 16px;
    }

        .fpaInDetailPrice strike {
            font-size: 14px;
        }

    .fpaInDetailModel {
        font-size: 18px;
        line-height: 1;
    }

    .fpaInDetail .review {
        padding: 6px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 25px 0 30px;
    }

    footer { /* flex-direction:column-reverse; */
        margin-top: 20px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .footerLogo { /* display:none; */
        height: 60px;
        background-size: contain;
        margin-bottom: 10px;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    /*.highlightBox .productFeaturesIcon {
        font-size: 28px;
    }*/

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 29px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 15px;
        background-size: 100%;
    }

    .copyArea { /* flex-direction:column; */
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 95%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 14px;
        padding: 0;
    }

    .basketItems {
        width: 57%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
        margin: 2% auto;
    }

    .nullIcon {
        background-size: 100%;
        height: 140px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 30px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 220px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv {
        flex-direction: column;
    }

    .contactForm .contactFormDiv {
        flex-direction: unset;
        justify-content: unset;
    }

    .contactForm .recaptcha.followRecap {
        width: 50%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
    }

        .modal-dialog.checkedModal .modal-header {
            padding-left: 1rem;
        }

    .modalInChecked.registerBtn {
        width: 50%;
    }

    .modalInChecked label {
        padding-right: 0;
    }

    .checkedModal .modal-content {
        padding-bottom: 10px;
    }

    .modal-body.aggrement {
        max-height: 270px;
        padding: 1rem;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput { /* flex-direction:column; */
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 310px;
            background-size: 145%;
            background-position: center;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 49%;
        min-height: auto;
        max-height: none;
    }

    .loadSclass .nullAddress, .loadSclass .fullAddress {
        width: 100%;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .address-list {
        gap: 8px;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 85%;
    }

    .modalInputArea { /* flex-direction:column; */
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 48%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 16px;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -28%;
        height: 42px;
        background-size: 60%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -28%;
        height: 42px;
        background-size: 60%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center; /* justify-content: center; */
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
        }

    .favoriteBox {
        width: 47%;
    }

    .nullStock a:before {
        height: 100%;
        left: 0;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
        font-size: 14px;
    }

    .basketArea.cart { /* flex-direction:column; */
        gap: 20px;
    }

    .couponInput {
        margin-top: 10px;
        gap: 5px;
    }

    .basketLeft {
        width: 60%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 0 10px;
        width: 100%;
        font-size: 15px;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 220px;
        width: 30%;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 25px; /* border: 0; */ /* background: #fff; */
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 14% !important;
        padding: 13px 22px;
        gap: 0;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 27px;
    }

    .basketLoginArea {
        margin-top: 0;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content { /* flex-direction:column; */
        gap: 15px !important;
    }

        .accordion-content.open-content .basketRight {
            font-size: 14px;
        }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .address-border {
        min-height: auto;
    }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 50%;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 240px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -66%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 41%;
    }

    .installmentInput label {
        display: flex;
        gap: 4px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
        padding-left: 5px;
    }

    .payment-table-select {
        padding: 0 0px 0 13px;
        font-size: 14px;
    }

    .installmentPriceFirst {
        width: 28%;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 2px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 45%;
    }

    #CVCInfo {
        padding: 10px;
        top: 73%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 115px;
        overflow-x: scroll;
        width: 100%;
        margin: 0;
    }

    .basketItems .productName {
        font-size: 15px;
    }

    .basketItems .productPrice {
        font-size: 16px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 0 10px;
        margin: 0 auto;
        font-size: 14px;
    }

    .registerBtn.goBasketBtn {
        width: 50%;
        padding: 0px;
        margin-top: 5px;
    }

        .registerBtn.goBasketBtn a {
            padding: 11px;
        }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 49%;
        position: relative;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
        gap: 22px 12px;
    }

    .productDetailsTop {
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: 100%;
        height: 320px;
        background: #d7d6d1;
        object-fit: contain;
    }

    #slider1 {
        height: 118px;
        width: 100%;
        position: relative;
        top: 10px;
    }

    .productDetailsBox {
        width: 100%;
        padding: 0px;
    }

    .productDetailsBoxTop, .productDetailsBoxMiddle, .productSizeArea {
        margin-bottom: 5px;
    }

    .productBackImage {
        background-size: cover;
        background-position: center;
    }

    .productBackWhite {
        padding: 15px;
    }

    .team-products .size-select {
        width: 100%;
    }

    .team-products.team-total {
        flex-direction: column;
    }

    .team-total .total-price {
        width: 100%;
        justify-content: center;
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 20px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 14%;
    }

    .productDetailsAddBasket {
        align-items: center;
        gap: 10px;
    }

    .countArea {
        width: 60%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .team-products .countArea {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .registerBtn.addBasket {
        width: 60%;
    }

    .registerBtn .addBasketBtn {
        padding: 15px 0;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 98%;
    }

    .productDetailsOrderBox {
        min-height: auto;
        margin: 0 auto;
        width: 90%;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 53px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 29%;
        justify-content: center;
    }

    .fullOrderTop {
        gap: 50px;
        padding-left: 40px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 15px;
        flex-wrap: wrap;
        margin: 0 auto 10px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox { /* flex-direction:column; */
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 20%;
    }

    .orderDetailsBox > .detailsProductCount {
        width: 0% !important;
    }

    .orderDetailsBox > .detailsProductName {
        width: 24% !important;
    }

    .detailsProductCount .count {
        justify-content: center;
        width: 10%;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%; /* flex-direction:column; */
    }

    .basketItems .productSize {
        margin-bottom: 0;
    }

    .basketItems .productName {
        margin-bottom: 0;
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center; /* margin-left:60px; */
    }

    .orders-number { /* gap:10px; */ /* flex-direction:row; */
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 0px 20px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .registerBtn.basketComplate {
        font-size: 14px;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .helpTitle h1 {
        padding: 10px;
        font-size: 16px;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 0;
        flex-direction: row;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 8%;
    }

    .fullOrderNumber {
        margin-top: 2px;
        width: 21%;
    }

    .fullOrderDate {
        margin-top: 2px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom {
        /*flex-direction: column;*/
        width: 87%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 29%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking { /* flex-direction:column; */
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -12px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 70%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 8px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 15px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .accountRightContent.nullFav:before {
        top: 38px;
        left: 18%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 29vh;
        width: 95%;
        margin: 0 auto;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .feautesBottom {
        bottom: 0;
        align-items: baseline;
        padding-top: 17px;
    }

    .discountWarning {
        bottom: -19px;
        padding: 2px 15px;
        font-size: 14px;
    }

    .productDetailsRight .discountWarning {
        top: 6px;
    }

    .productFeaturesIcon {
        margin: 0;
        text-align: center;
        width: 25%;
        font-size: 18px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 16px;
    }

    .productList .featuresProductMiddle {
        width: 90%;
    }

    .featuresProductMiddle {
        width: 100%;
    }

    .productList .featuredBox {
        min-height: 370px;
        max-height: 370px;
        text-align: center;
        background: #d6d6d1;
    }

    .middleBannerArea {
        margin-top: 15px;
    }

    .productList .featuredImg {
        min-height: 370px;
        max-height: 370px;
        width: auto;
    }

    .thumbelina {
        left: 30px !important;
    }

        .thumbelina a {
            width: 116px;
            height: 116px;
        }

    .interestProduct .featuredBox .featuredImg {
        min-height: 325px;
        max-height: 325px;
        width: auto;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
        width: 100%;
        background: #d7d6d1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .interestProduct .highlightBox {
        margin: 0 5px;
    }

    .basketItemHeader {
        padding-top: 10px;
    }

    .basketItemsTotal {
        font-size: 16px;
    }

    .featuredProductArea .highlightBox {
        width: 48.7%;
    }

    .payment-container {
        margin: 36px 0;
    }

    .basketLeft.loginBasket .payment-container {
        margin: 0;
    }

    .basketLeft.loginBasket .cargo-container {
        margin: 0;
    }

    .accountRightContent .couponActive {
        width: 94%;
        margin: 10px auto;
        justify-content: space-between;
    }

    .accountRightContent .couponActiveBox {
        width: 48%;
        height: 170px;
    }

    .couponActive {
        width: 100%;
        gap: 10px;
        margin: 0;
    }

    .couponModal .couponActiveBox {
        width: 49%;
    }

    #surround {
        width: 90%;
        margin: 0 auto;
        min-width: initial;
        max-width: initial;
        height: 490px;
        background: #fff;
        flex-direction: column;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .accountDrpDown {
        padding: 7px;
        margin-top: 11px;
        line-height: 2;
    }

    .cargoBottom {
        padding: 10px 31px 10px 0;
    }

    .deliverySelectArea {
        gap: 20px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .detailsProductImg {
        width: 90px;
        height: 140px;
    }

    .couponBottom {
        margin-top: 10px;
        font-size: 16px;
    }
}
/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 50%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 80%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .eBulletinBottomText {
        margin-top: 5px;
    }

    .errorContentArea.notFoundArea .errorImage {
        width: 85%;
        height: 200px;
    }

    .errorContentArea {
        align-items: center;
        margin: 15px auto;
    }

    .errorContent.notFound .errorTitle {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .errorContent.notFound .errorText {
        margin-bottom: 25px;
    }

    .errorContent.notFound {
        width: 85%;
    }

    .errorImage.internal {
        width: 37%;
        height: 130px;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .orderDetailsRight {
        width: 65%;
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .detailsProductCount .count {
        margin-bottom: 0;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        font-size: 22px;
    }

    .followNo {
        padding-left: 41px;
        line-height: 1.1;
    }

    .all-orders.filterMyOrder {
        width: 35%;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 47%;
        margin-top: 15px;
    }

        .accountRightContent .nullAddress, .accountRightContent .fullAddress .selectedAddress {
            padding: 10px;
        }

    .accountRightContent .nullAddress, .accountRightContent .address-list li {
        min-height: 195px;
    }

    .accountPassword .personalInput input {
        width: 94%;
    }

    .accountPasswordTop .alert {
        bottom: -8px;
    }

        .accountPasswordTop .alert .close {
            top: 0;
        }

    .followTrackingNo {
        left: 24%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .registerForm.registerDiv .inputDiv .fa-eye, .registerForm.registerDiv .inputDiv .fa-eye-slash {
        right: 45px;
    }

    .registerForm.registerDiv .inputDiv input {
        padding: 17px 38px;
    }

    .formDiv.lastDiv.registerLastDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
            width: 60%;
        }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .formDiv.lastDiv.afterCartDiv {
        flex-direction: unset;
        align-items: center;
    }

    .modalInChecked.afterCart label:before {
        left: 25%;
    }

    .modal-dialog.login-modal {
        max-width: 400px;
        margin: 25px auto;
    }

    .cargo-container {
        margin-top: 0;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .announcement {
        padding: 0;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 59%;
        margin: 10px;
    }

    .nullStock a:after {
        left: 20px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    s
    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .helpTitle h1 {
        padding: 9px;
        font-size: 14px;
    }

    .featuredBox.nullStock .review {
        left: 75%;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 0px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .address-list .nameArea {
        flex-direction: row;
    }

    .headerLeft {
        width: 100%;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .loginArea {
        width: 100%;
        justify-content: flex-start;
        gap: 25px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .searchBox, .search {
        width: 78%;
    }

    .bannerArea {
        height: 68vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 316px;
        min-height: 316px;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 316px;
        min-height: 316px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 57%;
        }

        .featuredBox.nullStock .review {
            right: -40px;
            left: unset;
        }

    .nullStock a:after {
        left: 30px;
        width: 70px;
        height: 70px;
        background-size: 100%;
        bottom: 97px;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 90%;
        left: 5%;
        height: 70%;
        top: 60px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 10px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetailTitle {
        font-size: 16px;
        min-height: 40px;
    }

    .fpaInDetailPrice {
        font-size: 18px;
    }

        .fpaInDetailPrice strike {
            font-size: 16px;
        }

    .fpaInDetailModel {
        font-size: 23px;
        line-height: 1;
    }

    .fpaInDetail .review {
        padding: 5px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 25px 0 30px;
    }

    footer {
        margin-top: 30px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

        .recaptcha.followRecap {
            width: 44%;
        }

    .footerLogo {
        height: 50px;
        background-size: contain;
        margin-bottom: 15px;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 22px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
        background-size: 100%;
    }

    .copyArea { /* flex-direction:column; */
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 95%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 14px;
        padding: 0;
    }

    .basketItems {
        width: 46%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
        margin: 2% auto;
    }

    .nullIcon {
        background-size: 100%;
        height: 140px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 30px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 230px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        background-size: 102%;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv { /* flex-direction:column; */
        width: 95%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 36%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
    }

    .modalInChecked.registerBtn {
        width: 50%;
    }

    .address-border {
        min-height: auto;
    }

    .modal-body.aggrement {
        max-height: 430px;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput { /* flex-direction:column; */
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 300px;
            background-size: 140%;
            background-position: center;
            margin-top: 10px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 80%;
    }

    .modalInputArea { /* flex-direction:column; */
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 40%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 17px;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -32%;
        height: 42px;
        background-size: 70%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -32%;
        height: 42px;
        background-size: 70%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center; /* justify-content: center; */
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
        }

    .favoriteBox {
        width: 47%;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
        font-size: 14px;
    }

    .basketArea.cart { /* flex-direction:column; */
        gap: 20px;
    }

    .couponInput {
        margin-top: 10px;
        gap: 5px;
    }

    .basketLeft {
        width: 60%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
        flex-direction: column;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 0 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

        .basketItemsFeatures .productPrice {
            margin-bottom: 15px !important;
        }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 229px;
        width: 30%;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 25px; /* border: 0; */ /* background: #fff; */
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 22% !important;
        padding: 13px 22px;
        gap: 0; /* border-radius:50%; */
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 27px;
        min-height: auto;
    }

    .basketLoginArea {
        margin-top: 0;
    }

    .formTop.loginBasket {
        width: 100%;
        margin-top: 0;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content { /* flex-direction:column; */
        gap: 15px !important;
    }

        .accordion-content.open-content .basketRight { /* margin-top: 50px; */
        }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 50%;
    }

    .chosen-form.form-text {
        width: 46%;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 240px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -66%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 41%;
    }

    .payment-table-select {
        padding: 0 10px 0 25px;
        font-size: 14px;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentPriceFirst {
        width: 28%;
    }

    .installmentTotalPrice {
        width: 30%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 47%;
    }

    #CVCInfo {
        padding: 10px;
        top: 73%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 130px;
        overflow-x: scroll;
        width: 100%;
        margin: 0;
    }

    .basketItems .productName {
        font-size: 15px;
        margin-bottom: 0;
    }

    .basketItems .productPrice {
        font-size: 15px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 0 7px;
        margin: 0 auto;
        font-size: 14px;
    }

    .registerBtn.goBasketBtn {
        width: 50%;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 49%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: auto;
        width: 33%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
    }

    .productDetailsTop {
        padding: 0; /* flex-direction:column; */
        align-items: flex-start;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: auto;
        height: 450px;
        background: #d7d6d1;
    }

    #slider1 {
        height: 122px;
        width: 100%;
        position: relative;
        top: 0;
        background: #fff;
    }

    .productDetailsBox .productName h1 {
        font-size: 21px;
    }

    .productDetailsBox {
        width: 100%; /* padding:15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 25px 15px 15px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 9%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 80%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 98%;
    }

    .productDetailsOrderBox {
        min-height: auto;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 41px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 27%;
        justify-content: center;
        margin-right: 30px;
    }

    .fullOrderTop {
        gap: 65px;
        padding-left: 45px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        margin: 0 auto 10px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox { /* flex-direction:column; */
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 19%;
    }

    .orderDetailsBox > .detailsProductCount {
        width: 0% !important;
    }

    .orderDetailsBox > .detailsProductName {
        width: 24% !important;
    }

    .detailsProductCount .count {
        justify-content: center;
        width: 10%;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%; /* flex-direction:column; */
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
        margin-left: 60px;
    }

    .orders-number {
        gap: 10px;
        flex-direction: row
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 0px 20px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 11px;
        justify-content: flex-start;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 6%;
    }

    .fullOrderNumber {
        margin-top: 2px;
    }

    .fullOrderDate {
        margin-top: 2px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom { /* flex-direction:column; */
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 39%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 27%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking { /* flex-direction:column; */
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -16px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 65%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .accountRightContent .couponActiveBox {
        width: 45%;
        height: 155px;
    }

    .accountRightContent .couponActive {
        width: 93%;
        margin: 10px auto;
        justify-content: space-between;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .accountRightContent.nullFav:before {
        top: 38px;
        left: 18%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 29vh;
        width: 95%;
        margin: 0 auto;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .feautesBottom {
    }

    .productFeaturesIcon {
        width: 26%;
        font-size: 19px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 18px;
    }

    .featuresProductMiddle {
        width: 87%;
    }

    .productList .featuredBox {
        min-height: 350px;
        max-height: 350px;
    }

    .middleBannerArea {
        margin-top: 15px;
    }

    .productList .featuredImg {
        min-height: 350px;
        max-height: 350px;
    }

    .thumbelina a {
        width: 131px;
        height: 116px;
    }

    .interestProduct .featuredBox .featuredImg {
        min-height: 325px;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
    }

    .basketItemHeader {
        padding-top: 10px;
    }

    .basketItemsTotal {
        font-size: 16px;
    }

    .registerBtn.goBasketBtn a {
        padding: 12px;
    }

    .featuredProductArea .highlightBox {
        width: 48%;
    }

    .payment-container {
        margin: 36px 0;
    }

    .couponActive {
        width: 100%;
        gap: 10px;
        margin: 0;
    }

    .couponModal .couponActiveBox {
        width: 49%;
    }

    .basketRight {
        font-size: 14px;
    }

    .grandTotal .totalBold {
        font-size: 16px;
    }

    #surround {
        width: 43%;
        max-width: 300px;
        min-width: 300px;
        height: 572px;
        flex-direction: column;
        align-items: center;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .accountDrpDown {
        padding: 7px;
        margin-top: 11px;
        line-height: 2;
    }

    .cargoBottom {
        padding: 10px 35px 10px 10px;
    }

    .deliverySelectArea {
        gap: 20px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .detailsProductImg {
        width: 90px;
        height: 140px;
    }

    .couponBottom {
        margin-top: 10px;
        font-size: 16px;
    }

    .productDetailsBoxTop, .productSizeArea, .productDetailsPrice {
        margin-bottom: 10px;
    }

    .countSelect {
        width: 49%;
    }

    .basketItemsContent {
        display: flex;
        align-items: flex-start;
        width: 100%; /* gap: 9px; */
        flex-direction: column;
    }

    .basketItems .basketItemsBox {
        width: 95%;
        gap: 15px;
    }

    .basketItems .productSize {
        margin-bottom: 0;
    }
}
/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 45%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 82%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .eBulletinBottomText {
        margin-top: 0;
    }

    .errorContentArea.notFoundArea {
        margin: 15px auto;
    }

        .errorContentArea.notFoundArea .errorImage {
            width: 88%;
            height: 210px;
        }

    .errorContentArea {
        align-items: center;
    }

    .errorContent.notFound .errorTitle {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .errorContent.notFound .errorText {
        margin-bottom: 35px;
    }

    .errorContent.notFound {
        width: 85%;
    }

    .errorContentArea.internalArea {
        margin: 0 auto;
    }

    .errorImage.internal {
        width: 34%;
        height: 140px;
    }

    .errorContent {
        width: 100%;
    }

    .succesPage .basketRightBorder {
        width: 60%;
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .detailsProductCount .count {
        margin-bottom: 0;
    }

    .accountRightContent.myOrderDetails .detailsProductFeatures {
        font-size: 22px;
    }

    .accountRightContent.myOrderDetails .orderDetailsRight {
        width: 65%;
        margin: 0 auto;
    }

    .all-orders.filterMyOrder {
        width: 31%;
    }

    .followNo {
        padding-left: 16px;
        line-height: 1.2;
    }

    .accountPasswordTop .alert {
        bottom: -8px;
    }

        .accountPasswordTop .alert .close {
            top: 0;
        }

    .personal-bottom.accountPasswordArea .registerBtn.personalBtn {
        margin-top: 10px;
    }

    .basketArea.tracking .brmInfoRight.SPNumber {
        font-size: 16px;
    }

    .followTrackingNo {
        left: 24%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .registerLeft .alert .close {
        line-height: 15px;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .registerForm.registerDiv .formDiv {
        flex-direction: unset;
        align-items: center;
    }

    .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
        width: 55%;
    }

    .formDiv.lastDiv.registerLastDiv .registerBtn.formBtn {
        width: 30%;
    }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .formDiv.lastDiv.afterCartDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.afterCartDiv .recaptcha.formRecap {
            width: 60%;
        }

    .modal-dialog.login-modal {
        max-width: 400px;
        margin: 25px auto;
    }

    .cargo-container {
        margin-top: 0;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 45%;
        margin: 10px;
    }

    .nullStock a:after {
        left: 20px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .helpTitle h1 {
        padding: 10px;
        font-size: 16px;
    }

    .featuredBox.nullStock .review {
        left: 75%;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 0px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .address-list .nameArea {
        flex-direction: column;
    }

    .highlightBox .discountWarning { /* left:unset; */ /* transform:unset; */
        bottom: -10px;
    }

    .headerLeft {
        width: 100%;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .loginArea {
        width: 100%;
        justify-content: flex-start;
        gap: 25px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .searchBox, .search {
        width: 83%;
    }

    .bannerArea {
        height: 68vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 316px;
        min-height: 316px;
        /*width: auto;*/
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 316px;
        min-height: 316px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #d7d6d1;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 57%;
        }

        .featuredBox.nullStock .review {
            right: -40px;
            left: unset;
        }

    .nullStock a:after {
        left: 30px;
        width: 70px;
        height: 70px;
        bottom: 25%;
        background-size: 100%;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 56%;
        left: 5%;
        height: 60%;
        top: 61px;
        min-height: 160px;
        padding: 10px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 0px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetailTitle {
        font-size: 14px;
        margin-bottom: 5px;
        min-height: 46px;
    }

    .fpaInDetailPrice {
        font-size: 15px;
    }

        .fpaInDetailPrice strike {
            font-size: 14px;
        }

    .fpaInDetailModel {
        font-size: 21px;
        line-height: 1;
        margin-bottom: 5px;
    }

    .fpaInDetail .review {
        padding: 2px 5px;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 27px;
    }

    .footerBanner {
        height: auto;
        margin: 30px 0;
    }

    footer {
        margin-top: 30px;
    }

    .footerRight, .footerLeft {
        width: 100%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

        .recaptcha.followRecap {
            width: 44%;
        }

    .footerLogo {
        height: 50px;
        background-size: contain;
        margin-bottom: 12px;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    /* .highlightBox .productFeaturesIcon {
        font-size: 28px;
    }*/

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
        background-size: 100%;
    }

    .copyArea { /* flex-direction:column; */
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 95%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 14px;
        padding: 0;
    }

    .basketItems {
        width: 56%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
        margin: 2% auto;
    }

    .nullIcon {
        background-size: 100%;
        height: 140px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 30px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 250px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 9px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        background-size: 102%;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv { /* flex-direction:column; */
        width: 95%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
    }

        .modal-dialog.checkedModal .modal-header {
            padding-left: 1rem;
        }

    .modalInChecked.registerBtn {
        width: 55%;
    }

    .modal-body.aggrement {
        max-height: 430px;
        padding: 1rem;
    }

    .checkedModal .modal-content {
        padding-bottom: 5px;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput { /* flex-direction:column; */
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto 15px;
        width: 50%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 300px;
            background-size: 130%;
            background-position: center;
            margin-top: 10px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .accountRightContent .address-list {
        gap: 13px;
    }

    .nullAddress, .fullAddress {
        width: 49%;
        min-height: 230px;
        max-height: 230px;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 85%;
    }

    .modalInputArea { /* flex-direction:column; */
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 50%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 18px;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -25%;
        height: 42px;
        background-size: 60%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -25%;
        height: 42px;
        background-size: 60%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center; /* justify-content: center; */
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
        }

    .favoriteBox {
        width: 31.7%;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart { /* flex-direction:column; */
        gap: 20px;
    }

    .couponInput {
        margin-top: 10px;
        gap: 5px;
    }

    .basketLeft {
        width: 60%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
    }

    .basketRight {
        font-size: 14px;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 0 10px;
        width: 100%;
        font-size: 14px;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

        .basketItemsFeatures .productPrice {
            margin-bottom: 15px !important;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 220px;
        width: 30%;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 25px; /* border: 0; */ /* background: #fff; */
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 23% !important;
        padding: 13px 22px;
        gap: 0; /* border-radius:50%; */
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 27px;
    }

    .basketLoginArea {
        margin-top: 0;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content { /* flex-direction:column; */
        gap: 15px !important;
    }

        .accordion-content.open-content .basketRight { /* margin-top: 50px; */
        }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 55%;
    }

    #cardBlock {
        width: 100%;
    }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 220px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -53%;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .address-border {
        min-height: auto;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    .installmentPrice {
        width: 39%;
    }

    .installmentInput label {
        display: flex;
        gap: 5px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 10px;
        margin-left: 0;
    }

    .payment-table-select {
        padding: 0 10px 0 28px;
    }

    .installmentPriceFirst {
        width: 25%;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 59%;
    }

    #CVCInfo {
        padding: 10px;
        top: 90%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 130px;
        overflow-x: scroll;
        width: 100%;
    }

    .basketItems .productName {
        font-size: 15px;
        margin-bottom: 0;
    }

    .basketItems .productPrice {
        font-size: 15px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 5px 10px;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn {
        width: 46%;
        margin-top: 10px;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 49%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: auto;
        /*width: 30%;*/
        width: 26%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
    }

    .productDetailsTop {
        padding: 0; /* flex-direction:column; */
        align-items: flex-start;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: auto;
        height: 450px;
        background: #d7d6d1;
    }

    #slider1 {
        height: 130px;
        width: 100%;
        position: relative;
        top: 0;
    }

    .productBackImage {
        height: 94%;
    }

    .productDetailsBox {
        width: 100%;
        padding: 15px;
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 12px 12px 6px;
    }

    .productDetailsBox .productName h1 {
        font-size: 21px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 10%;
    }

    .productDetailsAddBasket {
        align-items: center;
        flex-direction: column;
    }

    .countArea {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .registerBtn.addBasket {
        width: 80%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 98%;
    }

    .productDetailsOrderBox {
        min-height: auto;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 47px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 25%;
        justify-content: center;
        margin-right: 30px;
    }

    .fullOrderTop {
        gap: 65px;
        padding-left: 43px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        margin: 0 auto 10px;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        margin-left: 0;
    }

    .orderDetailsBox { /* flex-direction:column; */
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 20%;
    }

    .orderDetailsBox > .detailsProductCount {
        width: 0% !important;
    }

    .orderDetailsBox > .detailsProductName {
        width: 24% !important;
    }

    .detailsProductCount .count {
        justify-content: center;
        width: 10%;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%; /* flex-direction:column; */
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
        margin-left: 60px;
    }

    .orders-number {
        gap: 10px;
        flex-direction: row
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 0px 20px;
        min-height: 80px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 11px;
        justify-content: flex-start;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 10%;
    }

    .fullOrderNumber {
        margin-top: 2px;
    }

    .fullOrderDate {
        margin-top: 2px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followTitle {
        width: 90%;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom { /* flex-direction:column; */
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 39%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 27%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking { /* flex-direction:column; */
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -17px;
        right: 0;
    }

    .announcementText {
        font-size: 11px;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .basketArea.succesPage {
        flex-direction: column;
    }

    .succesPage .basketRight {
        width: 100%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 100%;
        height: auto;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .accountRightContent.nullFav:before {
        top: 38px;
        left: 18%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 29vh;
        width: 95%;
        margin: 0 auto;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .discountWarning {
        padding: 1px 15px;
        font-size: 14px;
        bottom: -15px;
    }

    .productFeaturesIcon {
        width: 20%;
        font-size: 18px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 18px;
    }

    .featuresProductMiddle {
        width: 87%;
    }

    .productList .featuredBox {
        min-height: 370px;
        max-height: 370px;
    }

    .middleBannerArea {
        margin-top: 15px;
    }

    .productList .featuredImg {
        min-height: 370px;
        max-height: 370px;
    }

    .thumbelina a {
        width: 100px;
        height: 126px;
    }

    .interestProduct .featuredBox .featuredImg {
        min-height: 325px;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: red;
    }

    .basketItemHeader {
        padding-top: 10px;
    }

    .basketItemsTotal {
        font-size: 18px;
    }

    .featuredProductArea .highlightBox {
        width: 48%;
    }

    .payment-container {
        margin: 36px 0;
    }

    .accountRightContent .couponActiveBox {
        width: 45%;
        height: 185px;
    }

    .accountRightContent .couponActive {
        width: 95%;
        margin: 15px auto;
        justify-content: space-between;
    }

    .couponActive {
        width: 100%;
        gap: 10px;
        margin: 0;
    }

    .couponModal .couponActiveBox {
        width: 49%;
    }

    .promotionSelect label {
        padding: 0 0 14px 6px;
    }

    #surround {
        width: 43%;
        max-width: 300px;
        min-width: 300px;
        height: 592px;
        flex-direction: column;
        background: #fff;
        justify-content: unset;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .accountDrpDown {
        padding: 7px;
        margin-top: 11px;
        line-height: 2;
    }

    .cargoBottom {
        padding: 10px 30px;
    }

    .deliverySelectArea {
        gap: 20px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .detailsProductImg {
        width: 90px;
        height: 140px;
    }

    .couponBottom {
        margin-top: 10px;
        font-size: 16px;
    }

    .productDetailsBoxTop, .productSizeArea, .productDetailsPrice {
        margin-bottom: 10px;
    }

    .countSelect {
        width: 45%;
    }

    .basketItemsContent {
        display: flex;
        align-items: flex-start;
        width: 60%;
        flex-direction: column;
    }

    .basketItems .basketItemsBox {
        width: 95%;
        gap: 15px;
    }

    .basketItems .productSize {
        margin-bottom: 0;
    }
}
/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .password-reset-right .alert.relative {
        width: 95%;
        top: 10px;
        height: auto;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 80%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 60% !important;
        }

    .password-reset-right {
        width: 45%;
    }

    .errorImage {
        width: 51%;
        background-size: 131%;
    }

    .errorContentArea {
        align-items: center;
    }

    .errorTitle {
        font-size: 30px;
    }

    .errorContent.notFound {
        width: 43%;
    }

    .errorImage.internal {
        width: 30%;
        height: 150px;
        background-size: contain;
    }

    .errorContent {
        width: 100%;
    }

    .errorContentArea.internalArea {
        margin: 0 auto;
    }

    .accountRightContent.myOrderDetails .detailsProductCount .count {
        margin-bottom: 0;
    }

    .detailsProductFeatures {
        font-size: 24px;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        margin-top: 20px;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 48%;
    }

    .accountRightContent .address-list li {
        min-height: 205px;
    }

    .accountPasswordTop .alert {
        bottom: -8px;
    }

        .accountPasswordTop .alert .close {
            top: 0;
        }

    .followTrackingNo {
        left: 25%;
    }

    .basketArea.tracking .brmInfoRight.SPNumber {
        font-size: 16px;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .registerForm.registerDiv .formDiv {
        flex-direction: unset;
        align-items: center;
    }

    .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
        width: 48%;
    }

    .formDiv.lastDiv.registerLastDiv .registerBtn.formBtn {
        width: 36%;
    }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .formDiv.lastDiv.afterCartDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.afterCartDiv .recaptcha.formRecap {
            width: 60%;
        }

    .addressesCarts .flexBasket {
        flex-direction: column;
        margin-top: 0;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .promotionSelect label {
        padding: 0 0 14px 6px;
    }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 10px !important;
    }

        .basketItemsFeatures .productPrice strike {
            bottom: -15px;
        }

    .announcementText {
        font-size: 12px;
        line-height: 0.9;
    }

    .basketItemsImg {
        width: 150px;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 38%;
        margin: 10px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .helpTitle h1 {
        padding: 10px;
        font-size: 16px;
    }

    .nullStock a:after {
        left: 20px;
    }

    .featuredBox.nullStock .review {
        left: 75%;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 0px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .address-list .nameArea {
        flex-direction: column;
    }

    .headerLeft {
        width: 100%;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .loginArea {
        width: 100%;
        justify-content: flex-start;
        gap: 25px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .searchBox, .search {
        width: 83%;
    }

    .bannerArea {
        height: 31vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 335px;
        min-height: 335px;
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 335px;
        min-height: 335px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 56%;
        }

        .featuredBox.nullStock .review {
            right: -40px;
            left: unset;
        }

    .nullStock a:after {
        left: 30px;
        width: 70px;
        bottom: 30%;
        height: 70px;
        background-size: 100%;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 63%;
        left: 5%;
        height: 70%;
        top: 68px;
        padding: 10px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 15px auto;
    }

    .fpaInDetail .review {
        padding: 5px 10px;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetailTitle {
        font-size: 16px;
        min-height: 20px;
    }

    .fpaInDetailPrice {
        font-size: 18px;
    }

    .fpaInDetailModel {
        font-size: 23px;
        margin: 3px 0 0;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 29px;
    }

    .footerBanner {
        height: auto;
        margin: 30px 0;
    }

    footer {
        flex-direction: unset;
        margin-top: 30px;
    }

    .footerRight {
        width: 100%;
    }

    .footerLeft {
        width: 93%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

        .recaptcha.followRecap {
            width: 44%;
        }

    .footerLogo {
        display: none;
    }

    .featuredTitle {
        margin-top: 5px;
        font-size: 21px;
        margin-bottom: 15px;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 28px;
        width: 14%;
        margin: auto;
        margin-top: 18px;
        line-height: 1;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
        background-size: 100%;
    }

    .copyArea { /* flex-direction:column; */
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 97%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 14px;
        padding: 0;
    }

    .basketItems {
        width: 55%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
        margin: 2% auto;
    }

    .nullIcon {
        background-size: 100%;
        height: 140px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 30px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: max-content;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 30px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 32px;
        font-size: 14px;
        line-height: 20px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        background-size: 102%;
        padding: 25px;
    }

    .contactTop {
        flex-direction: column;
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 200px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv { /* flex-direction:column; */
        width: 95%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 80%;
    }

    .modalInChecked label:before {
        left: 19%;
    }

    .modalInChecked.registerBtn {
        width: 80%;
    }

    .modal-body.aggrement {
        max-height: 430px;
    }

    .checkedModal .modal-content {
        padding-bottom: 1rem;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput { /* flex-direction:column; */
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 10px auto 15px;
        width: 40%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 325px;
            background-size: 160%;
            background-position: -200px -20px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .nameArea { /* flex-direction:column; */
        align-items: flex-start;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 90%;
    }

    .modalInputArea {
        flex-direction: column;
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 70%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 18px;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -23%;
        height: 42px;
        background-size: 60%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -23%;
        height: 42px;
        background-size: 60%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center; /* justify-content: center; */
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
        }

    .favoriteBox {
        width: 47%;
    }

    .nullStock a:before {
        height: 100%;
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart { /* flex-direction:column; */
        gap: 20px;
    }

    .couponInput {
        margin-top: 10px;
        gap: 5px;
    }

    .basketLeft {
        width: 60%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 0 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 220px;
        width: 30%; /* margin-top:15px; */
        margin-right: 15px;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 5px;
        margin-bottom: -40px;
        border-radius: 25px; /* border: 0; */ /* background: #fff; */
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 22% !important;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .accountAddress .address-list li {
        min-height: 235px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 0;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content { /* flex-direction:column; */
        gap: 15px !important;
    }

        .accordion-content.open-content .basketRight {
            margin-top: 50px;
        }

    .nullAddress label {
        width: 57%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .address-border {
        min-height: auto;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24.4%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 40%;
    }

    .chosen-form.form-text {
        width: 45%;
    }

    #cardBlock {
        width: 100%;
        margin-bottom: 20px;
    }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 240px;
        background-size: 100%;
    }

    #credit-card-back {
        margin-top: -56%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 41%;
    }

    .installmentInput label {
        display: flex;
        gap: 15px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .installmentTotalPrice {
        margin-left: auto;
        width: 31%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 15px;
        margin-left: 0;
    }

    .payment-table-select {
        padding: 0 10px 0 35px;
    }

    .installmentPriceFirst {
        width: 27%;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 56%;
    }

    #CVCInfo {
        padding: 10px;
        top: 85%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 700px;
        overflow-x: scroll;
        width: 100%;
        min-height: 700px;
    }

    .basketItems .productName {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .basketItems .productPrice {
        font-size: 15px;
    }

    .categoryFeatures {
        font-size: 26px;
    }

    .basketItemsGoBasket {
        padding: 20px;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn {
        width: 50%;
        padding: 0;
    }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 48%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
        gap: 30px 28px;
    }

    .productDetailsTop {
        padding: 0; /* flex-direction:column; */
        align-items: flex-start;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: auto;
        height: 421px;
        background: #d7d6d1;
    }

    .productBackImage {
        height: 94%;
    }

    #slider1 {
        height: 119px;
        width: 100%;
        position: relative;
        top: 0;
        background: #fff;
    }

    .productDetailsBox {
        width: 100%;
        padding: 15px;
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 15px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 9%;
    }

    .productDetailsAddBasket {
        /*align-items: center;
        flex-direction: column;*/
    }

    .countArea {
        width: 40%;
    }

    .registerBtn.addBasket {
        width: 56%;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 98%;
    }

    .productDetailsOrderBox {
        min-height: auto;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 41px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 20px;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 29%;
        justify-content: center;
    }

    .fullOrderTop {
        gap: 60px;
        padding-left: 13px;
    }

    .accountRightContent .fullOrderTop {
        padding-left: 49px;
    }

    .accountRightContent .followNo {
        padding-left: 56px;
    }

    .accountRightContent .accountTrackingNo {
        line-height: 0.8;
    }

    .all-orders.filterMyOrder {
        width: 30%;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
    }

    .orderDetailsArea {
        flex-direction: column;
    }

    .orderDetailsRight {
        width: 65%;
        margin: 0 auto;
    }

    .orderDetailsBox { /* flex-direction:column; */
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .orderDetailsLeft {
        width: 100%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 14%;
    }

    .orderDetailsBox > .detailsProductCount {
        width: 0% !important;
    }

    .orderDetailsBox > .detailsProductName {
        width: 24% !important;
    }

    .detailsProductCount .count {
        justify-content: center;
        width: 10%;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%; /* flex-direction:column; */
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
        margin-left: 60px;
    }

    .orders-number {
        gap: 10px;
        flex-direction: row
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 0px 20px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 94%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
        width: 100%;
        margin-right: 12px;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
    }

    .myOrderDetails .nameArea {
        gap: 11px;
        justify-content: flex-start;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 10%;
    }

    .fullOrderNumber {
        margin-top: 2px;
    }

    .fullOrderDate {
        margin-top: 2px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom { /* flex-direction:column; */
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 39%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 24%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking { /* flex-direction:column; */
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -12px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .succesPage .basketRight {
        width: 45%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 10px 0 5px;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 45%;
        height: 185px;
    }

    .accountRightContent .couponTitle {
        font-size: 18px;
    }

    .accountRightContent .couponBottom {
        margin-top: 17px;
        font-size: 23px;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .accountRightContent.nullFav:before {
        top: 38px;
        left: 18%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 29vh;
        width: 95%;
        margin: 0 auto;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .featuredSlider .feautesBottom {
        flex-direction: column;
        bottom: 0;
        height: 110px;
    }

    .productFeaturesIcon {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        line-height: 1;
        margin-top: 12px;
    }

    .favoriteBox .feautesBottom .productFeaturesIcon {
        width: 22%;
        font-size: 21px;
        margin-top: -50px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 20px;
        width: 22%;
        text-align: left;
        margin: auto;
        margin-left: 5px;
        margin-top: 18px;
        line-height: 1;
    }

    .discountWarning {
        bottom: -24px;
    }

    .featuresProductMiddle {
        width: 83%;
    }

    .productList .featuredBox {
        min-height: 390px;
        max-height: 390px;
    }

    .middleBannerArea {
        margin-top: 20px;
    }

    .productList .featuredImg {
        min-height: 390px;
        max-height: 390px;
    }

    .thumbelina a {
        width: 131px;
        height: 108px;
    }

    .interestProduct .featuredBox .featuredImg {
        min-height: 325px;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
    }

    .basketItemHeader {
        padding-top: 10px;
    }

    .basketItemsTotal {
        font-size: 18px;
    }

    .featuredProductArea .highlightBox {
        width: 48%;
    }

    .payment-container {
        margin: 36px 0;
    }

    .couponModal .couponActiveBox {
        width: 49%;
    }

    .couponActive {
        width: 94%;
        gap: 10px;
        justify-content: space-between;
    }

    #surround {
        min-width: 300px;
        max-width: 300px;
        height: 541px;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .accountDrpDown {
        padding: 7px;
        margin-top: 11px;
        line-height: 2;
    }

    .cargoBottom {
        padding: 10px;
    }

    .deliverySelectArea {
        gap: 20px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .detailsProductImg {
        width: 90px;
        height: 140px;
    }

    .couponBottom {
        margin-top: 10px;
        font-size: 16px;
    }

    .productDetailsBoxTop, .productSizeArea, .productDetailsPrice {
        margin-bottom: 10px;
    }

    .countSelect {
        /*width: 66%;*/
    }

    .productBackWhite {
        padding: 30px 20px;
    }

    .basketItemsContent {
        /*display: flex;
        align-items: center;*/
        width: 100%;
        /*gap: 9px;*/
    }

    .basketItems .basketItemsBox {
        width: 95%;
        gap: 15px;
    }

    .basketItems .productSize {
        margin-bottom: 0;
    }
}
/* iphone x yatay*/
@media only screen and (min-width: 811px) and (max-width: 999px) {
    .password-reset-right .alert.relative {
        top: 10px;
        height: auto;
        width: 95%;
    }

        .password-reset-right .alert.relative .close {
            line-height: 12px;
        }

    .password-reset-right {
        width: 40%;
    }

    .formDiv.resetPassword .registerBtn.formBtn.reset {
        width: 85%;
    }

        .formDiv.resetPassword .registerBtn.formBtn.reset .reset-btn {
            width: 100% !important;
            padding: 10px 0 !important;
        }

    .errorContentArea.notFoundArea .errorImage {
        width: 68%;
        height: 275px;
        background-size: 107%;
    }

    .errorContentArea {
        align-items: center;
        margin: 0 auto;
    }

    .errorContent.notFound .errorTitle {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .errorContent.notFound .errorText {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .errorContent.notFound {
        width: 85%;
    }

    .errorContentArea.internalArea {
        margin-top: 0;
    }

    .errorImage.internal {
        width: 30%;
        height: 140px;
    }

    .errorContent {
        width: 100%;
    }

    .detailsProductFeatures {
        font-size: 20px;
        width: 20% !important;
    }

    .all-orders.filterMyOrder {
        width: 28%;
    }

    .accountRightContent .nullAddress, .accountRightContent .fullAddress {
        width: 49%;
        min-height: auto;
        margin-top: 20px;
    }

    .accountRightContent .address-list li {
        min-height: 225px;
    }

    .accountPasswordTop .alert {
        bottom: -8px;
    }

        .accountPasswordTop .alert .close {
            top: 0;
        }

    .followTrackingNo {
        left: 20%;
    }

    .basketArea.tracking .count {
        width: 100%;
        gap: unset;
        flex-direction: unset;
        align-items: unset;
    }

    .registerForm.registerDiv .formDiv {
        flex-direction: unset;
    }

    .registerForm.registerDiv .registerBtn.formBtn {
        width: 36%;
    }

    .formDiv.lastDiv.registerLastDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.registerLastDiv .recaptcha.formRecap {
            width: 46%;
        }

    .registerLeft .alert {
        height: 27px;
        padding: 3px 35px 7px 14px !important;
        margin-top: 87px;
    }

    .modalInChecked.afterCart label:before {
        left: 32%;
    }

    .formDiv.lastDiv.afterCartDiv {
        flex-direction: unset;
        align-items: center;
    }

        .formDiv.lastDiv.afterCartDiv .recaptcha.formRecap {
            width: 60%;
        }

    .modal-dialog.login-modal {
        max-width: 450px;
    }

    .addressesCarts .flexBasket {
        flex-direction: column;
        gap: 30px;
    }

        .addressesCarts .flexBasket .address-box {
            width: 100%;
        }

    .cargo-container {
        margin-top: 0;
    }

    .address-list li {
        width: 100%;
        min-height: auto;
        max-height: inherit;
    }

    .basketItems .announcement {
        padding: 0;
    }

    .modal-content.cartCoupon {
        width: 90%;
        margin: 0 auto;
    }

    .footerPayment {
        display: table;
        float: none;
        width: 37%;
        margin: 10px auto;
    }

    .nullStock a:after {
        left: 20px;
    }

    .helpTabsLink a {
        padding: 10px;
        font-size: 14px;
    }

    .helpTitle h1 {
        padding: 10px;
        font-size: 16px;
    }

    .featuredBox.nullStock .review {
        left: 75%;
    }

    .myBasketTitle {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
    }

    .headerArea {
        flex-direction: column;
        gap: 0px;
        margin-top: 0px;
    }

    .logo {
        width: 90px;
        height: 50px;
    }

    .headerLeft {
        width: 100%;
        margin-bottom: 10px;
        flex-direction: row-reverse;
        align-items: center;
    }

    .loginArea {
        width: 100%;
        justify-content: flex-start;
        gap: 25px;
    }

    .login {
        padding: 4px 15px;
        font-size: 14px;
    }

    .followOrder {
        font-size: 14px;
        padding: 2px 12px;
    }

    .search {
        width: 45%;
        justify-content: flex-end;
    }

    .bannerArea {
        height: 68vh;
    }

    .swiperArrow {
        width: 64%;
        height: 19px;
        bottom: 20px;
        background: none;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 15% !important;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 20px !important;
        height: 20px !important;
    }

        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 9px !important;
        }

    .container {
        display: none;
    }

    .slick-prev, .slick-next {
        font-size: 14px !important;
        display: block !important;
        top: 45%;
    }

    .slick-prev {
        left: 0 !important;
    }

    .slick-next {
        right: 0 !important;
    }

    .featuredImg, .highlightBox .featuredImg {
        max-height: 294px;
        min-height: 294px;
        /*width: auto;*/
    }

    .featuredBox, .highlightBox .featuredBox {
        max-height: 296px;
        min-height: 296px;
    }

        .featuredBox:hover .featuredImg {
            transform: scale(1)
        }

        .featuredBox .review {
            display: block;
            top: 55%;
        }

    .highlightBox .review {
        top: 57%;
    }

    .productListBottom .review {
        top: 60%;
    }

    #ContentPlaceHolder1_pnlFavorite .review {
        top: 53%;
    }

    .featuredBox.nullStock .review {
        right: -40px;
        left: unset;
        top: 62%;
    }

    .nullStock a:after {
        left: 30px;
        width: 70px;
        height: 70px;
        background-size: 100%;
        bottom: 90px;
    }

    .featuredProductAreaBottom a:hover .fpaBottomLeft .fpaImage {
        transform: scale(1)
    }

    .fpaInDetail {
        width: 60%;
        left: 5%;
        height: 70%;
        top: 60px;
    }

    .featuredProductAreaBottom { /* flex-direction:column; */
        margin: 10px auto;
    }

    .main.contentMain {
        width: 95%;
    }

    .featuredProductAreaBottom a {
        height: 250px;
    }

    .fpaInDetail .review {
        padding: 5px 10px;
    }

    .fpaInDetailTitle {
        font-size: 15px;
        min-height: 40px;
    }

    .fpaInDetailPrice {
        font-size: 18px;
    }

    .fpaInDetailModel {
        font-size: 23px;
        line-height: 1;
    }

    .middleBanner {
        height: auto;
    }

    .highlightBanner {
        display: none;
    }

    .highlistCategoryArea .featuredProductArea {
        gap: 20px 15px;
    }

    .footerBanner {
        height: auto;
        margin: 25px 0 30px;
    }

    footer { /* flex-direction:column-reverse; */
        margin-top: 20px;
    }

    .footerRight, .footerLeft {
        width: 50%;
    }

    .formTop {
        width: 69%;
    }

    .formHeader {
        font-size: 14px;
    }

    .recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

        .recaptcha.followRecap {
            width: 44%;
        }

    .footerLogo { /* display:none; */
        height: 60px;
        background-size: contain;
        margin-bottom: 10px;
    }

    .featuredTitle {
        font-size: 21px;
        margin: 15px 0;
    }

    .highlightBox .productFeaturesIcon {
        font-size: 20px;
        margin-top: -50px;
    }

    .featuresProductPrice {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .footerLeftAddress {
        width: 100%;
        margin: 5px 0;
    }

    .footerSocailMedia {
        display: none;
    }

    .eBulletText {
        width: 95%;
    }

        .eBulletText .eBulletTxt {
            width: 69%;
        }

    .eBulletTitle {
        font-size: 35px;
    }

    .eBulletArea {
        height: auto;
        padding-top: 10px;
        background-size: 100%;
    }

    .copyArea { /* flex-direction:column; */
        text-align: center;
    }

    .featuredTitle.hcTitle {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    #header {
        display: flex;
    }

    .main.copyMain {
        width: 95%;
    }

    .loginFormInput {
        width: 100%;
    }

    .menuAccount > li, .userName {
        font-size: 14px;
        padding: 0;
    }

    .basketItems {
        width: 38%;
    }

    .menuAccount li:hover ul {
        opacity: 0;
    }

    .menuAccount .accountDrpDown.visibility {
        opacity: 1;
    }

    .basketItems .close {
        position: absolute;
        right: 0;
    }

    .nullBasketModal .modal-body {
        padding: 0;
    }

    .nullBasketArea {
        width: 95%;
        padding: 15px 0;
        margin: 2% auto;
    }

    .nullIcon {
        background-size: 75%;
        height: 140px;
        width: 22%;
    }

    .nullTitle > span {
        font-size: 18px;
    }

        .nullTitle > span > span {
            font-size: 12px;
        }

    .nullBasketBtn {
        padding: 7px 10px;
    }

    .nullLeft {
        width: 65%;
        margin-left: 30px;
    }

    .bulletResult {
        margin-top: 4px;
        font-size: 14px;
        color: #ad0000
    }

    .helpLeft {
        width: 100%;
    }

    .helpArea {
        gap: 0;
        flex-direction: column;
        margin-top: 10px;
    }

    .corporateImg {
        max-height: 270px;
        height: auto;
    }

    .corpTitle {
        margin: 15px 0 5px;
        font-size: 20px;
    }

    .corpText {
        text-align: justify;
    }

    .help-block.active .help-block-head, .help-block-head {
        padding: 16px 0 16px 34px;
        font-size: 16px;
        margin-left: 0;
    }

    .help-block-text {
        padding: 25px 38px;
        font-size: 14px;
        line-height: 20px;
    }

    .helpRight {
        margin-top: 10px;
    }

    .contactAddressArea {
        width: 100%;
        height: 215px;
        background-size: 102%;
        padding: 25px;
    }

    .contactTop { /* flex-direction:column; */
    }

    .contactAddressArea div i {
        margin-right: 15px;
    }

    .contactAddressArea > div {
        display: flex;
        align-items: center;
    }

    .maps {
        width: 100%;
        height: 215px;
    }

    .contactFormTitle {
        font-size: 16px;
    }

    .contactFormBg {
        background-size: cover;
        height: auto;
        padding: 15px 0;
    }

    .contactForm {
        width: 100%;
    }

    .contactFormDiv { /* flex-direction:column; */
        width: 95%;
    }

    input#ContentPlaceHolder1_btnSend {
        font-size: 18px;
        width: 40%;
        height: 100%;
        padding: 10px;
    }

    .help {
        display: none;
    }

        .help.selected {
            height: auto !important;
            overflow: visible;
            display: flex;
            padding: 10px;
        }

    .helpTitle i {
        display: none;
    }

    form[action="/detay/yardim/"] .helpTitle i {
        position: absolute;
        right: 10px;
        top: 40%;
        display: block;
        color: #fff;
    }

    form[action="/detay/yardim/"] .helpTabs {
        padding: 0;
    }

    .loginBtn {
        width: 85%;
    }

        .loginBtn a {
            padding: 10px 0;
        }

    .registerRight {
        display: none;
    }

    .registerLeft {
        width: 100%;
    }

    .formDiv {
        flex-direction: column;
    }

    .registerArea {
        margin-top: 0;
    }

    .checkArea {
        margin-top: 20px;
    }

    .recaptcha.formRecap {
        width: 100%;
    }

    .registerBtn.formBtn {
        width: 75%;
        margin: 0 auto;
    }

    .modal-dialog.checkedModal {
        max-width: 85%;
    }

    .checkedModal .modal-content {
        padding-bottom: 1rem;
    }

    .modalInChecked.registerBtn {
        width: 60%;
    }

    .modal-body.aggrement {
        max-height: 430px;
    }

    .accountContentArea {
        flex-direction: column;
    }

    .accountLeft, .accountRight {
        width: 100%;
    }

    .accountTabs.tabs ul {
        padding: 20px;
        line-height: 3;
    }

    .accountList {
        margin-top: 0;
        padding-top: 10px;
        height: auto;
        min-height: auto;
        padding-bottom: 10px;
    }

    span.logout {
        margin-top: 10px;
    }

    #personal .accountRightTop, #address .accountRightTop {
        display: none;
    }

    .accountPersonalInput { /* flex-direction:column; */
        width: 95%;
        margin: 0 auto;
        gap: 10px;
    }

    .personalInput {
        width: 100%;
    }

    .registerBtn.personalBtn {
        margin: 0 auto;
        width: 28%;
    }

    .accountPasswordTop {
        width: 95%;
    }

    .accountRightContent {
        padding-top: 15px;
        min-height: auto;
        margin-top: 0;
    }

        .accountRightContent.nullOrder {
            min-height: 320px;
            background-size: 130%;
            background-position: center;
            margin-top: 10px;
        }

    .addressSelect.accountRightContent {
        padding: 20px;
    }

    .nullAddress, .fullAddress {
        width: 87%;
        min-height: 230px;
        max-height: 230px;
    }

    .add-new-address {
        width: 100%;
    }

    .accountRightContent .address-list {
        gap: 10px;
    }

    .nameArea {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .basketLeft.loginBasket .address-list .nameArea {
        flex-direction: column;
    }

    .billingAddressOpenModal {
        width: 100%;
    }

    .nullAddress a {
        padding: 20px
    }

    .registerBtn.applyBtn.adressModalOpen {
        margin: 10px 0;
    }

    #addAddressModal .modal-dialog {
        max-width: 85%;
    }

    .modalInputArea { /* flex-direction:column; */
        width: 100%;
    }

    .SAAddress {
        margin-top: 0;
    }

    .registerBtn.addAddress {
        width: 40%;
    }

    .modal-header.address {
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 2;
    }

    .myBasket {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .accountRightContent.nullCoupons {
        min-height: 33vh;
        font-size: 18px;
    }

    #coupons .accountRightTop {
        padding: 15px 0;
        min-height: auto;
        margin-bottom: 10px;
    }

    .coupontabs {
        gap: 15px;
        font-size: 14px;
        justify-content: center;
    }

    .nullCoupons .secondSpan {
        font-size: 22px;
    }

    #nullCoupon .nullCoupons::before {
        left: -26%;
        height: 44px;
        background-size: 70%;
    }

    #nullCouponDeactive .nullCoupons::before {
        left: -26%;
        height: 42px;
        background-size: 70%;
    }

    .accountLeft.favPage {
        flex-direction: column;
        height: auto;
    }

    .favPage .accountUserName {
        width: 100%;
        margin-bottom: 10px;
    }

    div#ContentPlaceHolder1_pnlFavorite {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        div#ContentPlaceHolder1_pnlFavorite .main {
            display: flex;
            align-items: center; /* justify-content: center; */
            margin: 0 auto;
            flex-wrap: wrap;
            width: 95%;
            gap: 15px;
            margin-bottom: 30px;
        }

    .favoriteBox {
        width: 32%;
    }

    .nullStock a:before {
    }

    .basketRightBorder.campain > div {
        width: 95%;
        margin: 10px auto;
    }

    .basketArea.cart { /* flex-direction:column; */
        gap: 20px;
    }

    .couponInput {
        margin-top: 10px;
        gap: 5px;
    }

    .registerBtn.appyleBtn {
        padding: 5px;
    }

    .basketLeft {
        width: 60%;
    }

    .cart .basketLeftTop {
        padding: 15px 10px;
    }

    .basketItemsFeatures {
        flex-direction: column;
        padding: 0px 10px;
        width: 100%;
    }

        .basketItemsFeatures > div:not(.count), .count {
            width: 100%;
            flex-direction: row;
            margin-bottom: 5px;
            padding-top: 0;
        }

    .categoryFeatures {
        align-items: center;
        justify-content: center;
    }

    .productName {
        width: 100% !important;
    }

    .productImage {
        height: 220px;
        width: 30%; /* margin-top:15px; */
        margin-right: 15px;
    }

    .deleteBox {
        width: 44% !important;
    }

    .basketLeftTop.loginBasket {
        width: 100%;
        padding: 5px;
        border-radius: 25px; /* border: 0; */ /* background: #fff; */
        margin-bottom: 10px;
    }

    .accordion-header:not(:last-child):after {
        display: none;
    }

    .accordion-header.loginBasketStage {
        width: 22% !important;
        padding: 13px 22px;
        gap: 0; /* border-radius:50%; */
        text-align: center;
        font-size: 13px;
    }

    .basketLeft.loginBasket {
        padding: 20px 20px 20px;
        border-radius: 27px;
    }

    .basketLoginArea {
        margin-top: 0;
    }

    .formTop.loginBasket {
        width: 100%;
    }

    .loginFormBasket {
        width: 100%;
    }

    .accordion-content.open-content { /* flex-direction:column; */
        gap: 15px !important;
    }

        .accordion-content.open-content .basketRight {
            margin-top: 0;
        }

    .nullAddress label {
        width: 95%;
    }

    div#ContentPlaceHolder1_divBilling {
        width: 100%;
    }

    .cargoInput {
        width: 100%;
    }

    .addresses.cart {
        flex-direction: column;
    }

    .inputs {
        width: 100%;
    }

    .inputArea {
        width: 100%;
        margin-bottom: 5px;
    }

        .inputArea .cartNo {
            margin-right: -1px;
            width: 24%;
        }

        .inputArea input {
            font-size: 14px;
            padding: 12px 6px;
        }

    .dateAndCvc {
        width: 100%;
    }

    .card-property-head.inputArea.cvv {
        margin-left: 0;
        width: 40%;
    }

    #cardBlock {
        width: 100%;
    }

    .address-border {
        min-height: auto;
    }

    .credit-card-number {
        left: 22px;
        font-size: 30px;
        top: 80px;
    }

    .divDate {
        right: 70px;
    }

    #credit-card, #credit-card-back {
        height: 240px;
        background-size: 100%;
    }

    .card-ic {
        width: 82%;
    }

    #credit-card-back {
        margin-top: -63%;
    }

    .dateAndCvc .inputArea .chosen-container {
        padding: 0;
    }

    .installment.openInstallment {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    .installmentPrice {
        display: flex;
        gap: 10px;
        width: 35%;
    }

    .installmentInput label {
        display: flex;
        gap: 15px;
        padding-right: 5px;
        justify-content: space-between;
        width: 100%;
    }

    .payment-table-select {
        padding: 0 10px 0 30px;
    }

    .installmentPriceFirst {
        width: 25%;
    }

    .installmentTotalPrice {
        width: 29%;
    }

    .installmentInput label:before {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 10px;
        margin-left: 0;
    }

    .card-back-cvc {
        font-size: 17px;
        top: 48%;
    }

    #CVCInfo {
        padding: 10px;
        top: 75%;
        left: 75%;
        width: 60%;
    }

    .basketItemsArea {
        height: 110px;
        overflow-x: scroll;
        width: 100%;
    }

    .basketItems .productName {
        font-size: 15px;
        margin-bottom: 0; /* width: 32% !important; */ /* text-align: center; */
    }

    .basketItems .productPrice {
        font-size: 15px;
    }

    .categoryFeatures {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .basketItemsGoBasket {
        padding: 5px 10px;
        margin: 0 auto;
    }

    .registerBtn.goBasketBtn {
        width: 50%;
    }

        .registerBtn.goBasketBtn a {
            padding: 9px;
        }

    .featuredProducts.listProduct {
        flex-direction: column;
    }

    .productFilterArea {
        width: 100%;
    }

    .productListBottom > div {
        width: 32.2%;
    }

    .productListTop {
        height: auto;
        flex-direction: column;
    }

    .productListFilterCheck {
        gap: 15px 12px;
        width: 100%;
        flex-wrap: wrap;
        padding: 11px;
    }

    .filterMyOrder {
        margin-left: auto;
        width: 25%;
    }

    .collectionName {
        display: none;
    }

    .kat_filter {
        display: block;
        font-family: 'Open-Semibold';
        font-size: 16px;
        border: 2px solid #85754e;
        border-radius: 0px 0px 30px 28px;
        text-align: center;
    }

    .filterCategoriesArea.selected {
        height: auto !important;
        overflow: visible;
        display: flex;
        margin: 25px 0;
        gap: 20px;
    }

    .filterCategoriesArea {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 0;
    }

    .inFilterBox {
        padding: 10px 0;
    }

    .productListBottom {
        height: auto;
        gap: 10px 12px;
    }

    .productDetailsTop {
        padding: 0; /* flex-direction:column; */
        align-items: flex-start;
    }

    .pageNavigation li {
        font-size: 14px;
    }

    .pageNavigation ul {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #zoom1 {
        width: auto;
        height: 411px;
        background: #d7d6d1;
    }

    #slider1 {
        height: 94px;
        width: 100%;
        position: relative;
        top: 0;
        background: #fff;
    }

    .registerBtn .addBasketBtn {
        padding: 14px 0;
    }

    .productDetailsBox {
        width: 100%; /* padding:15px; */
    }

    .productDetailsRight {
        max-height: max-content;
        padding: 15px;
    }

    .productDetailsBox .productName {
        width: 100% !important;
    }

    .favHeart {
        width: 6%;
        background-size: 100%;
    }

    .productDetailsAddBasket {
        /*   align-items: center;
        flex-direction: column;*/
    }

    .countArea {
        width: 100%;
    }

    .registerBtn.addBasket {
        width: 100%;
    }

    .team-products.team-total {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .tabsContent {
        width: 100%;
        margin: 10px auto;
    }

    .productDetailsTabs > ul {
        font-size: 14px;
        gap: 20px;
    }

    .interestProduct .featuredBox {
        width: 100%;
    }

    .interestProduct .highlightBox {
        margin: 0 5px;
    }

    .productDetailsOrderBox {
        min-height: auto;
    }
    /*.thumbelina{width:100%;overflow:auto;touch-action:pan-x;}*/
    .thumbelina-but.horiz {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        top: 41px !important;
        transform: rotate(270deg);
        background: none;
    }

    .thumbelina-but.bottom.horiz {
        right: 0; /* bottom: 0; */ /* top: unset !important; */
    }

    .thumbelina li {
        padding: 5px 5px 0 0 !important;
    }

        .thumbelina li:last-child {
            padding-right: 0 !important;
        }

    .accountRightContent.fullOrder {
        padding-left: 0;
        margin-top: 10px;
    }

    .fullOrderStatus {
        width: 19%;
        justify-content: center;
        align-items: center;
    }

    .fullOrderBox .fullOrderStatus {
        width: 22%;
    }

    .fullOrderTop {
        gap: 120px;
        padding-left: 42px;
    }

    .orderTableTitle {
        font-size: 14px;
    }

    .fullOrderBox {
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        margin: 0px auto 15px;
    }

    .orderDetailsArea { /* flex-direction:column; */
    }

    .orderDetailsRight {
        margin-left: 0;
        width: 33%;
    }

    .orderDetailsBox { /* flex-direction:column; */
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
        justify-content: flex-start;
        gap: 8px;
        font-size: 14px;
    }

    .orderDetailsLeft {
        width: 85%;
    }

    .orderDetailsBox > div:not(.detailsProductImg) {
        width: 22%;
    }

    .orderDetailsBox > .detailsProductCount {
        width: 0% !important;
    }

    .orderDetailsBox > .detailsProductName {
        width: 24% !important;
    }

    .detailsProductCount .count {
        justify-content: center;
        width: 10%;
        margin-bottom: 0;
    }

    .fullOrderStatus > span, .fullOrderStatus.delivered .again {
        text-align: center;
        margin-left: 0;
    }

    .basketItemsBox {
        margin-top: 9%; /* flex-direction:column; */
    }

    .turnBack {
        display: flex;
        align-items: center;
    }

    .repeat-order {
        display: flex;
        align-items: center;
    }

    .orders-number { /* gap:10px; */ /* flex-direction:row; */
    }

    .accountRightContent.myOrderDetails {
        margin-top: 10px;
    }

    .accountRightTop.myOrderTop { /* flex-direction:column; */
        padding: 0px 20px;
    }

    .myBasket a:first-child {
        z-index: 4;
    }

    .basketTopCount {
        margin-bottom: 5px;
    }

    .pageNavigation {
        margin-bottom: 10px;
        width: 100%;
        margin: 20px auto 10px;
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .basketRightBottom {
        margin: 15px 0;
    }

    .basketRightMiddle {
        margin-top: 10px;
    }

    .helpLeft.kat_help {
        display: none;
    }

    form[action="/detay/yardim/"] .helpLeft.kat_help {
        display: block;
    }

    .alert {
        bottom: -30px;
        top: unset;
        height: 24px;
    }

        .alert .close {
            line-height: 9px;
        }

    .categoryName {
        font-size: 14px;
    }

    .w3-bar.w3-black {
        padding: 10px 5px 0;
    }

    .accountListArea {
        width: 100%;
        overflow: hidden;
        height: 0;
    }

        .accountListArea.selected {
            height: auto !important;
            overflow: visible;
            display: block;
        }

    .accountUserName.kat_title i {
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }

    .accountUserName {
        padding: 3px 5px;
    }

    .userNameBaloon {
        padding: 8px 9px;
        font-size: 16px;
        margin-left: -2px;
    }

    .accountUserName.kat_title .accountName {
        font-size: 14px;
    }

    .basketRightBorder.myOrderDetails {
        min-height: auto;
        padding-bottom: 10px;
        width: 100%;
    }

    .brmInfoLeft, .brmInfoRight {
        font-size: 14px;
    }

    .myOrderDetails .nameArea {
        gap: 11px;
        justify-content: flex-start;
    }

    .titleSelectedAddress {
        margin-bottom: 5px;
    }

    .installmentTitles {
        width: 95%;
        margin: 5px auto 0;
        gap: 13%;
    }

    .fullOrderNumber {
        margin-top: 2px;
        margin-left: 80px;
    }

    .fullOrderDate {
        margin-top: 2px;
    }

    .followRectangle {
        height: auto;
        padding-top: 20px;
        line-height: normal;
        padding-bottom: 30px;
    }

    .followInfo {
        width: 90%;
    }

    .followInputArea {
        width: 90%;
        margin: 15px auto;
    }

    .followBottom { /* flex-direction:column; */
        width: 90%;
        margin-top: 0;
    }

    .registerBtn.followBtn {
        width: 39%;
        height: auto;
        padding: 10px 0;
    }

    .orderWarnModalTitle {
        font-size: 18px;
    }

    .orderWarnModalText {
        width: 75%;
    }

    .followDetailsStart .main {
        padding: 15px 5px;
        margin-bottom: 20px;
    }

    .followDetailsStatus {
        width: 22%;
        padding: 8px;
        align-items: center;
    }

    .basketArea.orderTracking { /* flex-direction:column; */
    }

    .productPrice strike {
        font-size: 12px;
        bottom: -16px;
        right: 0;
    }

    .basketLeft.unsuccesOrder {
        width: 100%;
        padding: 15px 0;
    }

    .unsuccesTitle {
        font-size: 22px;
    }

    .basketLeft.succesOrder { /* flex-direction:column; */
        gap: 30px;
    }

    .succesTextDiv {
        width: 70%;
    }

    .basketArea.succesPage { /* flex-direction:column; */
        margin-top: 2%;
    }

    .succesPage .basketRight {
        width: 40%;
    }

    .succesImgDiv {
        width: 80px;
        height: 80px;
        background-size: 100%;
    }

    #kvkkModal .w3-bar span, #membershipModal .w3-bar span, .checkedModal .w3-bar span {
        font-size: 20px;
    }

    .myOrderDetails .nameArea > div {
        gap: 10px;
        flex-direction: column;
    }

    .backShoping {
        margin-left: auto;
    }

    .productListFilter .drpFilter {
        width: 100% !important;
        padding: 0;
    }

    .chosen-container.drpFilter {
        width: 100% !important;
    }

    .myOrderDetails .basketRightTop {
        padding: 5px 0;
        margin-top: 10px;
    }

    .myOrderDetails .basketRightMiddleInfo {
        margin-top: 15px;
    }

    .couponActiveBox {
        width: 45%;
        height: 185px;
    }

    .unsuccesImgDiv {
        width: 70px;
        height: 70px;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .basketRightMiddleInfo.discount {
        margin-top: 10px;
    }

    .DetailsArea {
        width: 100%;
        justify-content: space-between;
        padding: 0 5px;
    }

    .couponTitle {
        font-size: 16px;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .accountRightContent.nullFav:before {
        top: 38px;
        left: 24%;
        background-size: 100%;
        width: 60px;
    }

    .accountRightContent.nullCoupons.nullFav {
        padding-top: 30px;
        min-height: 29vh;
        width: 95%;
        margin: 0 auto;
    }

    #ContentPlaceHolder1_pnlFavoriteNull {
        margin-top: 10px;
    }

    .favPage .accountRightTop {
        padding: 10px;
        min-height: auto;
    }

    .newProductCheck:nth-child(2) { /* margin-left:auto; */
    }
    /*.highlightBox{width: 48%;margin:0 auto;}*/
    .feautesBottom { /* flex-direction:column; */
        bottom: 0px;
        height: 90px;
    }

    .productFeaturesIcon {
        width: 25%;
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        margin-top: -50px;
    }

    .productList .featuredBox .productFeaturesIcon {
        font-size: 16px;
        margin: auto;
        margin-left: 3px;
        margin-top: 7px;
    }

    .featuresProductMiddle {
        width: 86%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .featuresProductName {
        font-size: 15px;
    }

    .productList .featuredBox {
        min-height: 370px;
        max-height: 370px;
        text-align: center;
        background: #d7d6d1;
        overflow: visible;
        margin-bottom: 20px;
    }

    .middleBannerArea {
        margin-top: 15px;
    }

    .productList .featuredImg {
        min-height: 370px;
        max-height: 370px;
        max-width: 100%;
        width: auto;
    }

    .thumbelina a {
        width: 90px;
        height: 90px;
    }

    .interestProduct .featuredBox .featuredImg {
        min-height: 315px;
    }

    .interestProduct .featuredBox {
        min-height: 322px;
        max-height: 322px;
    }

    .basketItemHeader {
        padding-top: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .basketItemsTotal {
        font-size: 16px;
    }

    .featuredProductArea .highlightBox {
        width: 32%;
    }

    .payment-container {
        margin: 0;
    }

    .accountRightContent .couponActive {
        width: 95%;
        margin: 10px auto;
        justify-content: space-between;
    }

    .accountRightContent .couponTitle {
        height: 70px;
    }

    .couponActive {
        width: 100%;
        gap: 15px;
        margin: 0 auto;
    }

    .couponModal .couponActiveBox {
        width: 48%;
    }

    .basketItemsFeatures .productPrice {
        margin-bottom: 15px !important;
    }

    #surround {
        width: 43%;
        max-width: initial;
        min-width: unset;
        flex-direction: column;
        height: 505px;
        justify-content: space-between;
        align-items: center;
    }

    .addAddresModalTitle {
        margin-left: 0;
    }

    .accountDrpDown {
        padding: 7px;
        margin-top: 11px;
        line-height: 2;
    }

    .cargoBottom {
        padding: 10px 32px;
    }

    .deliverySelectArea {
        gap: 20px;
    }

    .registerFormBasket {
        width: 100%;
        margin-top: 20px;
    }

    .detailsProductImg {
        width: 90px;
        height: 140px;
    }

    .couponBottom {
        margin-top: 10px;
        font-size: 16px;
    }

    .productDetailsBoxTop, .productSizeArea, .productDetailsPrice {
        margin-bottom: 10px;
    }

    .team-products .size-select {
        width: 100%;
        margin-bottom: 10px;
    }

    .countSelect {
        width: 66%;
    }

    .team-products .countArea {
        width: 100%;
        margin: 0;
    }

    .basketItemsContent {
        display: flex;
        width: 50%;
        gap: 4px;
        flex-direction: column;
    }

    .basketItems .basketItemsBox {
        width: 95%;
        gap: 15px;
    }

    .basketItems .productSize {
        margin-bottom: 0;
    }

    .highlightBox .discountWarning { /* bottom:-17px; */ /* left: 0; */ /* transform: unset; */
    }

    .featuresProductPrice strike {
        font-size: 14px;
    }

    .followTitle {
        width: 90%;
    }

    .discountWarning {
        padding: 2px 15px;
        font-size: 14px;
        bottom: -24px;
    }
}