/* roots */
:root {
    --themecolor: #ded1be;
    --bluecolor: #1d2d47;
    --bodycolor: #fffaf0;
    --regular: "RobotoCondensed-Regular";
    --bold: "RobotoCondensed-Bold";
    --medium: "RobotoCondensed-Medium";
    --bentosa: "Bentosa";
    --montserrat: "Montserrat";
    --buttontrsansition: all cubic-bezier(0.4, 0, 0.2, 1) 0.7s;
    --imagetransition: all cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
    --reviewbuttontransition: all cubic-bezier(0.65, 0.05, 0.36, 1) .5s;
    --menutransition: all ease .4s;
    --errorColor: #dc3545;
    --successColor: #28a745;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ol {
    margin: 1rem;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: var(--themecolor);
}


::-webkit-scrollbar-thumb {
    background: #a1956d;
}


body {
    font-family: var(--regular);
    font-size: 16px;
    background-color: var(--bodycolor);
}

/*html,
body,
#page {
    height: 100%;
    display: flex;
    flex-direction: column;
}*/
html,
body,
#page,
form {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.toast-success {
    background-color: #39b54a !important;
    border-left: 6px solid #acd373;
}

.toast-error {
    background-color: #ed1c24 !important;
    border-left: 6px solid #9e0b0f;
}

.toast-warning {
    background-color: #F89406 !important;
    border-left: 6px solid #f9b148;
}

.toast-info {
    background-color: #2F96B4 !important;
    border-left: 6px solid #71d0eb;
}

#toast-container > div {
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 0px 4px 4px 0 !important;
}

.content {
    flex: 1;
}

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

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

/* Header */
.header {
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    z-index: 2;
    position: relative;
    user-select: none;
}

    .header .headerContainer {
        width: 100%;
        /*margin: 0 24.2432% 0 24.5432%;*/
        margin: 0 4.6% 0 4.6%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header .headerContainer.centerHeader {
            justify-content: center;
        }

    .header .menuButton a {
        color: var(--themecolor);
        font-size: 30px;
    }

    .header .headerLogo {
        /*width: 29.745%;*/
        width: 15.745%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

        .header .headerLogo a {
            width: 100%;
            height: 100%;
        }

        .header .headerLogo img {
            max-width: 100%;
            max-height: 100%;
        }

    .header .userButtons {
        width: 29.745%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 34px;
        z-index: 1;
        padding-bottom: 9px;
    }

        .header .userButtons .account,
        .header .userButtons .cart {
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: 100%;
            position: relative;
        }

            .header .userButtons .account .accountText {
                color: inherit;
                font-family: var(--bold);
                font-size: 16px;
                margin: 0 10px;
                transition: var(--menutransition);
            }

            .header .userButtons .account .userAccountButtons {
                position: absolute;
                left: 50%;
                /*top: 113%;*/
                top: 164%;
                transform: translateX(-44%);
                width: 196px;
                background-color: #fffaf0;
                box-shadow: rgba(29 45 71 / 0.03) 0px 0px 50px;
                display: none;
            }

                .header .userButtons .account .userAccountButtons .userName {
                    font-size: 16px;
                    color: var(--bluecolor);
                    font-family: var(--bold);
                    padding: 20px 5px 12px 25px;
                    border-bottom: 1px solid #fffdf8;
                    position: relative;
                }

                    .header .userButtons .account .userAccountButtons .userName::before {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 1px;
                        bottom: -2px;
                        background-color: #f9f2e4;
                        left: 0;
                    }

                    .header .userButtons .account .userAccountButtons .userName::after {
                        content: '';
                        position: absolute;
                        left: 50%;
                        top: -9px;
                        transform: translateX(-50%) rotate(-45deg);
                        background-color: #fffaf0;
                        width: 35px;
                        height: 35px;
                        z-index: -1;
                    }

                .header .userButtons .account .userAccountButtons ul {
                    list-style: none;
                    display: flex;
                    flex-direction: column;
                    padding: 5px 0 15px 0;
                }

                    .header .userButtons .account .userAccountButtons ul li {
                        transition: all ease .2s;
                    }

                        .header .userButtons .account .userAccountButtons ul li:hover {
                            background-color: #f5eee0;
                        }

                        .header .userButtons .account .userAccountButtons ul li a {
                            font-family: var(--regular);
                            font-size: 16px;
                            color: var(--bluecolor);
                            display: flex;
                            width: 100%;
                            padding: 10px 0 10px 25px;
                            align-items: center;
                        }

                        .header .userButtons .account .userAccountButtons ul li:last-child a {
                            color: #65512c;
                        }

                        .header .userButtons .account .userAccountButtons ul li a .icon {
                            width: 15px;
                            height: 15px;
                            margin-right: 20px;
                        }

                            .header .userButtons .account .userAccountButtons ul li a .icon.icon-user {
                                background: url(/assets/images/usericon.png) center center no-repeat;
                            }

                            .header .userButtons .account .userAccountButtons ul li a .icon.icon-orders {
                                background: url(/assets/images/ordericon.png) center center no-repeat;
                            }

                            .header .userButtons .account .userAccountButtons ul li a .icon.icon-addresses {
                                background: url(/assets/images/locationicon.png) center center no-repeat;
                            }

                            .header .userButtons .account .userAccountButtons ul li a .icon.icon-coupons {
                                background: url(/assets/images/couponicon.png) center center no-repeat;
                            }

                            .header .userButtons .account .userAccountButtons ul li a .icon.icon-favorites {
                                background: url(/assets/images/favoriteicon.png) center center no-repeat;
                            }

                            .header .userButtons .account .userAccountButtons ul li a .icon.icon-logout {
                                background: url(/assets/images/logouticon.png) center center no-repeat;
                            }



            .header .userButtons .cart .userCart {
                position: absolute;
                /*left: 50%;*/
                left: -145px;
                top: 113%;
                transform: translateX(-49.4%);
                width: 365px;
                background-color: #fffaf0;
                box-shadow: rgba(29 45 71 / 0.03) 0px 0px 50px;
                display: none;
            }

            .header .userButtons .cart .closeButton {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: end;
                font-size: 20px;
                color: #b1a48a;
                padding: 5px;
            }

                .header .userButtons .cart .closeButton::after {
                    content: '';
                    position: absolute;
                    /*left: 50%;*/
                    left: 340px;
                    top: -9px;
                    transform: translateX(-50%) rotate(-45deg);
                    background-color: #fffaf0;
                    width: 35px;
                    height: 35px;
                    z-index: -1;
                }


                .header .userButtons .cart .closeButton i {
                    cursor: pointer;
                }

            .header .userButtons .cart .itemContainer {
                display: flex;
                flex-direction: column;
                row-gap: 35px;
                overflow: hidden;
                overflow-y: auto;
                max-height: 335px;
                min-height: 90px;
                padding: 0 5.48% 0 8.22%;
            }

                .header .userButtons .cart .itemContainer .item {
                    display: flex;
                    width: 100%;
                }

                    .header .userButtons .cart .itemContainer .item .imageContainer {
                        width: 85px;
                        height: 85px;
                    }

                        .header .userButtons .cart .itemContainer .item .imageContainer img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }

                    .header .userButtons .cart .itemContainer .item .textArea {
                        display: flex;
                        flex-direction: column;
                        width: 76.7%;
                        padding-left: 10px;
                    }


                        .header .userButtons .cart .itemContainer .item .textArea .name {
                            font-family: var(--regular);
                            font-size: 16px;
                            color: #292e38;
                            margin-bottom: 5px;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            min-height: 38px;
                        }

                        .header .userButtons .cart .itemContainer .item .textArea .feature {
                            font-family: var(--regular);
                            font-size: 14px;
                            color: var(--bluecolor);
                            margin-bottom: 5px;
                        }

                        .header .userButtons .cart .itemContainer .item .textArea .bottom {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                        }

                            .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
                                font-family: var(--medium);
                                font-size: 18px;
                                color: var(--bluecolor);
                            }

                            .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
                                font-family: var(--regular);
                                font-size: 16px;
                                color: var(--bluecolor);
                            }

            .header .userButtons .cart .totalPrice {
                width: 76.713%;
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: var(--bluecolor);
                font-family: var(--bold);
                font-size: 18px;
                padding: 14px 0;
                margin: 10.96% auto 0 auto;
                border-top: 2px solid #efe9dc;
            }


            .header .userButtons .cart .cartButton {
                width: 83.565%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: var(--bold);
                color: #fffaf0;
                font-size: 18px;
                background-color: var(--bluecolor);
                border-radius: 3px;
                padding: 14px 0;
                transition: var(--buttontrsansition);
                border: 1px solid var(--bluecolor);
                margin: 7px auto 8.22% auto;
            }

                .header .userButtons .cart .cartButton:hover {
                    font-family: var(--bold);
                    color: var(--bluecolor);
                    background-color: #fffaf0;
                }

            .header .userButtons .cart .campaign {
                width: 100%;
                display: flex;
                align-items: center;
                padding: 7px 7px 7px 10px;
                font-family: var(--regular);
                font-size: 16px;
                color: #292e38;
            }

                .header .userButtons .cart .campaign .icon {
                    min-width: 25px;
                    width: 25px;
                    height: 25px;
                    margin-right: 15px;
                }

                .header .userButtons .cart .campaign.green {
                    background-color: #a3d39c;
                }

                    .header .userButtons .cart .campaign.green .icon {
                        background: url(/assets/images/greencampaignicon.png) center center / contain no-repeat;
                    }

                .header .userButtons .cart .campaign.red {
                    background-color: #f69679;
                }

                    .header .userButtons .cart .campaign.red .icon {
                        background: url(/assets/images/redcampaignicon.png) center center / contain no-repeat;
                    }


            .header .userButtons .cart .hoverCartEmptyText {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
                font-family: var(--regular);
                font-size: 18px;
                color: var(--bluecolor);
            }



        .header .userButtons .account {
            color: var(--themecolor);
            cursor: pointer;
        }

            .header .userButtons .account svg {
                width: 22px;
                fill: var(--themecolor);
                color: var(--themecolor);
                transition: var(--menutransition);
            }


        .header .userButtons.dark .account svg,
        .header .userButtons.dark .cart svg,
        .header .userButtons.dark .cart .cartQuantity,
        .userButtons.dark .account .accountText,
        .header .userButtons.dark a i {
            fill: var(--bluecolor);
            color: var(--bluecolor);
        }

.menuButton.dark .menu-wrap .hamburger > div {
    background-color: var(--bluecolor);
}

.header .userButtons .cart svg {
    width: 28px;
    fill: var(--themecolor);
    color: var(--themecolor);
    transition: var(--menutransition);
    margin-top: 3px;
}


.header .menuButton {
    width: 29.745%;
}

.header .userButtons .cart .cartQuantity {
    position: absolute;
    top: 8px;
    right: -28px;
    font-size: 14px;
    color: var(--themecolor);
    width: 31px;
    text-align: start;
    transition: all ease .5s;
    font-family: var(--medium);
}



/* Banner */
.bannerSlider {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 0 !important;
    margin-top: -130px;
    user-select: none;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .swiper-slide video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .swiper-slide::before {
        content: '';
        width: 300%;
        height: 100%;
        position: absolute;
        left: -200%;
        top: -100%;
        box-shadow: rgba(29, 45, 71, 0.2) 0px 450px 250px;
    }

    .swiper-slide::after {
        content: '';
        width: 300%;
        height: 100%;
        position: absolute;
        left: -200%;
        bottom: -100%;
        box-shadow: rgba(29, 45, 71, 0.2) 0px -180px 90px;
    }


.bannerSlider .categoryButtons {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    margin-bottom: 10.444%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

    .bannerSlider .categoryButtons .item {
        background-color: var(--themecolor);
        font-size: 18px;
        font-family: var(--bold);
        color: var(--bluecolor);
        padding: 9px 13px;
        min-width: 85px;
        text-align: center;
        user-select: none;
        transition: var(--buttontrsansition);
    }

        .bannerSlider .categoryButtons .item:hover {
            background-color: var(--bluecolor);
            color: var(--themecolor);
        }

/* Slider Buttons */

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    /*width: 105px !important;*/
    height: auto !important;
    margin-bottom: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    /*left: unset !important;
    right: 0 !important;
    flex-direction: column;*/
}


    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        /*margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;*/
        margin: 0 !important;
    }


.swiper-pagination-bullet {
    position: relative;
    color: #fff !important;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) !important;
    font-family: var(--regular);
    font-size: 18px;
    width: 30px !important;
    height: 3px !important;
    background: transparent;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    opacity: .5 !important;
    border-radius:unset !important;
}

.swiper-pagination-bullet-active {
    position: relative;
    color: #fff !important;
    opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
    font-family: var(--regular);
    font-size: 18px;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.8) !important;
}


.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before {
    content: '';
    position: absolute;
    background: #fff !important;
    height:3px !important;
    width: 30px !important;
    bottom: 0px;
    /*left: 38px;*/
}

.swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    background: #fff !important;
    height: 0 !important;
    width: 0 !important;
    bottom: 0;
    left: 38px;
}

.onlineShopContainer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4.178% 0;
}

    .onlineShopContainer .title {
        color: var(--bluecolor);
        font-size: 20px;
        font-family: var(--bold);
        margin-bottom: 3.1333%;
    }

    .onlineShopContainer .itemWrapper {
        display: flex;
        flex-wrap: wrap;
        /* gap: 45px; */
        justify-content: space-between;
    }

        .onlineShopContainer .itemWrapper .item {
            width: 410px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: relative;
        }


            .onlineShopContainer .itemWrapper .item .reviewButton {
                font-size: 16px;
                font-family: var(--bold);
                color: #292e38;
                position: absolute;
                bottom: 21.5%;
                display: flex;
                align-items: center;
                justify-content: center;
                user-select: none;
                border-radius: 50px;
                background-color: var(--themecolor);
                min-width: 95px;
                padding: 8px;
                z-index: 1;
                opacity: 0;
                transition: var(--reviewbuttontransition);
            }

            .onlineShopContainer .itemWrapper .item:hover .reviewButton {
                opacity: 1;
            }

            .onlineShopContainer .itemWrapper .item .productSticker {
                position: absolute;
                top: 0;
                min-width: 60px;
                font-size: 16px;
                font-family: var(--bold);
                text-align: center;
                padding: 6px;
                user-select: none;
                z-index: 1;
            }

                .onlineShopContainer .itemWrapper .item .productSticker.new {
                    color: #9c8c59;
                    background-color: #f7eac1;
                    left: 0;
                }

                .onlineShopContainer .itemWrapper .item .productSticker.sale {
                    color: var(--themecolor);
                    background-color: var(--bluecolor);
                    right: 0;
                }

            .onlineShopContainer .itemWrapper .item .imgBox {
                width: 100%;
                height: 470px;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
            }

                .onlineShopContainer .itemWrapper .item .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: var(--imagetransition);
                }

            .onlineShopContainer .itemWrapper .item:hover .imgBox img {
                transform: scale(1.05);
            }



            .onlineShopContainer .itemWrapper .item .nameBox {
                color: #292e38;
                font-size: 16px;
                font-family: var(--regular);
                margin: 5% 0 3% 0;
                text-align: center;
                padding: 0 10px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 38px;
            }

/* Middle Banner */
.middleBannerContainer {
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

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

/*Sub Categories of Categories*/
.categoryContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5eee0;
}

    .categoryContainer .title {
        color: var(--bluecolor);
        font-size: 20px;
        font-family: var(--bold);
        padding: 3.617% 0 1.149% 0;
        background-color: var(--bodycolor);
        width: 100%;
        text-align: center;
    }

    .categoryContainer .subCategoryWrapper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4.439% 0 0.65% 0;
        gap: 45px;
        flex-wrap: wrap;
    }


        .categoryContainer .subCategoryWrapper .item {
            width: 290px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: relative;
        }

            .categoryContainer .subCategoryWrapper .item .productSticker {
                position: absolute;
                top: 0;
                min-width: 60px;
                font-size: 16px;
                font-family: var(--bold);
                text-align: center;
                padding: 6px;
                user-select: none;
                z-index: 1;
            }

                .categoryContainer .subCategoryWrapper .item .productSticker.new {
                    color: #9c8c59;
                    background-color: #f7eac1;
                    left: 0;
                }

                .categoryContainer .subCategoryWrapper .item .productSticker.sale {
                    color: var(--themecolor);
                    background-color: var(--bluecolor);
                    right: 0;
                }

            .categoryContainer .subCategoryWrapper .item .imgBox {
                width: 100%;
                height: 385px;
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
            }

                .categoryContainer .subCategoryWrapper .item .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: var(--imagetransition);
                }

            .categoryContainer .subCategoryWrapper .item:hover .imgBox img {
                transform: scale(1.05);
            }

            .categoryContainer .subCategoryWrapper .item .reviewButton {
                font-size: 12px;
                font-family: var(--regular);
                color: var(--bluecolor);
                position: absolute;
                bottom: 22.69%;
                display: flex;
                align-items: center;
                justify-content: center;
                user-select: none;
                border-radius: 50px;
                background-color: #f5eee0;
                min-width: 75px;
                padding: 5px;
                z-index: 1;
                opacity: 0;
                transition: var(--reviewbuttontransition);
            }

            .categoryContainer .subCategoryWrapper .item:hover .reviewButton {
                opacity: 1;
            }

            .categoryContainer .subCategoryWrapper .item .nameBox {
                color: #292e38;
                font-size: 16px;
                font-family: var(--regular);
                margin: 8.623% 0;
                padding: 0 10px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 38px;
                text-align: center;
            }

    .categoryContainer .seeAllButton {
        min-width: 120px;
        padding: 10px;
        font-size: 18px;
        font-family: var(--regular);
        color: var(--bluecolor);
        background-color: var(--themecolor);
        margin-bottom: 3.656%;
        transition: var(--buttontrsansition);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .categoryContainer .seeAllButton:hover {
            color: var(--themecolor);
            background-color: var(--bluecolor);
        }

/*Home Gallery*/
.homeGalleryContainer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4.178% 0 3.917% 0;
}

    .homeGalleryContainer .title {
        color: var(--bluecolor);
        font-size: 20px;
        font-family: var(--bold);
        margin-bottom: 1.306%;
        background-color: var(--bodycolor);
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 330px;
        height: 330px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

        .homeGalleryContainer .homeGallerySlider .galleryImage a {
            width: 100%;
            height: 100%;
            position: relative;
        }

            .homeGalleryContainer .homeGallerySlider .galleryImage a::before {
                content: '\f002';
                font-family: 'FontAwesome';
                color: #b1a390;
                font-size: 22px;
                position: absolute;
                background-color: rgba(245, 238, 224, .8);
                left: 50%;
                transform: translateX(-50%);
                width: 40px;
                height: 40px;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: var(--reviewbuttontransition);
                bottom: 10%;
                opacity: 0;
            }

            .homeGalleryContainer .homeGallerySlider .galleryImage a:hover::before {
                opacity: 1;
            }

            .homeGalleryContainer .homeGallerySlider .galleryImage a img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .homeGalleryContainer .homeGallerySlider .galleryImage.video {
            position: relative;
        }

            .homeGalleryContainer .homeGallerySlider .galleryImage.video a:before {
                position: absolute;
                width: 100%;
                height: 100%;
                content: '';
                background-color: #000;
                opacity: 0.3;
                top: 0;
                left: 0;
                transform: unset;
                border-radius: 0;
            }

            .homeGalleryContainer .homeGallerySlider .galleryImage.video i {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 60px;
                transition: all ease .5s;
            }


            .homeGalleryContainer .homeGallerySlider .galleryImage.video a:hover i {
                transform: translate(-50%, -50%) scale(1.2);
            }

/* Slick Arrows */

.sliderArrows {
    position: absolute;
    width: 40px;
    height: 75px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    transition: var(--buttontrsansition);
    transition: var(--reviewbuttontransition);
}

.homeGallerySlider:hover .sliderArrows {
    opacity: 1;
}

.sliderArrows.sliderNextArrow > svg {
    transform: rotate(180deg);
}

.sliderArrows > svg {
    width: 100%;
    height: 100%;
}

    .sliderArrows > svg .st0 {
        stroke: #e5d8c5 !important;
    }

.sliderArrows.sliderPrevArrow {
    left: -3%;
}

.sliderArrows.sliderNextArrow {
    right: -3%;
}

/* Footer */
.footer {
    width: 100%;
    height: 435px;
    background-color: #e5d8c5;
    display: flex;
}

    .footer .left {
        width: 78.59%;
        color: var(--bluecolor);
        display: flex;
        flex-direction: column;
    }

        .footer .left .area {
            padding: 3.323% 0 0 4.984%;
            height: 100%;
            display: flex;
        }

            .footer .left .area .brand {
                width: 20.28%;
                height: 100%;
                display: flex;
                align-items: center;
                padding-top: 4.196%;
                flex-direction: column;
                margin-right: 8.742%;
            }

                .footer .left .area .brand .logoBox {
                    width: 100%;
                    height: 70px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 10.35%;
                }

                    .footer .left .area .brand .logoBox a {
                        width: 100%;
                        height: 100%;
                    }

                    .footer .left .area .brand .logoBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }

                .footer .left .area .brand .socialMedias {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                }

                    .footer .left .area .brand .socialMedias .text {
                        font-size: 16px;
                        color: var(--bluecolor);
                        font-family: var(--regular);
                        letter-spacing: 2px;
                        margin-bottom: 10px;
                    }

                    .footer .left .area .brand .socialMedias .itemWrapper {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 32px;
                        color: #b1a390;
                    }

                        .footer .left .area .brand .socialMedias .itemWrapper .item a {
                            transition: all ease .5s;
                            font-size: 22px;
                        }

                        .footer .left .area .brand .socialMedias .itemWrapper .item:hover a {
                            color: var(--bluecolor);
                        }


            .footer .left .area .links {
                width: 13.987%;
                height: 100%;
                display: flex;
                align-items: center;
                flex-direction: column;
            }

                .footer .left .area .links:nth-child(2) {
                    margin-right: 8.043%;
                }

                .footer .left .area .links:nth-child(3) {
                    margin-right: 10.49%;
                }


                .footer .left .area .links .item {
                    width: 100%;
                    display: flex;
                    align-items: start;
                    justify-content: center;
                    flex-direction: column;
                }

                    .footer .left .area .links .item:nth-child(1) {
                        margin-bottom: 15%;
                    }

                    .footer .left .area .links .item .text {
                        color: #b1a390;
                        font-family: var(--bold);
                        font-size: 16px;
                        margin-bottom: 10px;
                    }

                    .footer .left .area .links .item ul {
                        list-style: none;
                        display: flex;
                        flex-direction: column;
                        color: var(--bluecolor);
                        font-family: var(--regular);
                        font-size: 16px;
                        gap: 10px;
                    }

                        .footer .left .area .links .item ul li a {
                            position: relative;
                        }

                            .footer .left .area .links .item ul li a::before {
                                content: '';
                                position: absolute;
                                width: 0%;
                                height: 2px;
                                background-color: #b1a390;
                                bottom: -3px;
                                left: 0;
                                transition: var(--buttontrsansition);
                            }

                            .footer .left .area .links .item ul li a:hover:before {
                                width: 100%;
                            }



            .footer .left .area .address {
                height: 100%;
                display: flex;
                flex-direction: column;
                padding-top: 2.098%;
                width: 24%;
            }

                .footer .left .area .address .line {
                    position: relative;
                    font-size: 16px;
                    font-family: var(--regular);
                    color: var(--bluecolor);
                    margin-bottom: 8.3%;
                    padding-left: 10.3%;
                    line-height: 1.5;
                }

                    .footer .left .area .address .line::before {
                        font-family: 'FontAwesome';
                        position: absolute;
                        left: 0;
                        top: 0;
                        font-size: 18px;
                        color: #b1a390;
                    }

                    .footer .left .area .address .line.location::before {
                        content: '\f3c5';
                    }

                    .footer .left .area .address .line.phone::before {
                        content: '\f095';
                    }

                    .footer .left .area .address .line.mail::before {
                        content: '\f0e0';
                    }

                .footer .left .area .address .modals {
                    display: flex;
                    flex-direction: column;
                    gap: 15px;
                }

                    .footer .left .area .address .modals a {
                        display: block;
                        font-family: var(--bold);
                        font-size: 14px;
                        position: relative;
                        width: max-content;
                    }

                        .footer .left .area .address .modals a::before {
                            content: '';
                            position: absolute;
                            width: 0%;
                            height: 1px;
                            background-color: #b1a390;
                            left: 0;
                            bottom: -2px;
                            transition: var(--buttontrsansition);
                        }

                        .footer .left .area .address .modals a:hover:before {
                            width: 100%;
                        }





        .footer .left .signatureForNaya {
            height: 75px;
            display: flex;
            align-items: center;
            justify-content: start;
            font-size: 14px;
            font-family: var(--regular);
            padding-left: 4.984%;
            border-top: 1px solid #dbccb6;
            position: relative;
            margin-top: 10px;
        }

            .footer .left .signatureForNaya::after {
                content: '';
                position: absolute;
                width: 100%;
                height: 1px;
                background-color: #ede2d1;
                top: -2px;
                left: 0;
            }





    .footer .right {
        background-color: var(--bluecolor);
        color: #e5d8c5;
        width: 21.41%;
        display: flex;
        flex-direction: column;
    }

        .footer .right .workingInfos {
            width: 100%;
            height: 360px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

            .footer .right .workingInfos .title {
                font-size: 18px;
                font-family: var(--bold);
                margin-bottom: 2.44%;
            }

            .footer .right .workingInfos .item {
                font-size: 18px;
                font-family: var(--regular);
                text-align: center;
            }

                .footer .right .workingInfos .item:nth-child(2) {
                    margin-bottom: 7.32%;
                }

        .footer .right .signatureForNaya {
            height: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-family: var(--regular);
        }

/* Menu Open */
.header .menuContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 6.4%;
}

    .header .menuContainer ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 25px;
        align-items: center;
        margin-bottom: 33px;
    }

        .header .menuContainer ul li a {
            color: var(--bluecolor);
            font-size: 20px;
            font-family: var(--regular);
            width: max-content;
            display: block;
            position: relative;
            transition: all ease .3s;
        }

        .header .menuContainer ul li:hover a {
            font-family: var(--bold);
            letter-spacing: 2px;
        }

        .header .menuContainer ul li a::before {
            content: '';
            position: absolute;
            background-color: var(--bluecolor);
            width: 22px;
            height: 2px;
            left: 108%;
            top: 50%;
            transform: translateY(-50%);
            transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .9s;
        }

        .header .menuContainer ul li a::after {
            content: '';
            position: absolute;
            background-color: var(--bluecolor);
            width: 0;
            height: 2px;
            right: 108%;
            top: 50%;
            transform: translateY(-50%);
            transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .9s;
        }

        .header .menuContainer ul li a::before {
            content: '';
            position: absolute;
            background-color: var(--bluecolor);
            width: 0;
            height: 2px;
            left: 108%;
            top: 50%;
            transform: translateY(-50%);
        }

        .header .menuContainer ul li:hover a::after,
        .header .menuContainer ul li:hover a::before {
            width: 22px;
        }

    .header .menuContainer .orderTrackingButton {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-radius: 3px;
        border: 1px solid #8f7c59;
        background-color: #e9dfd0;
        color: #957d51;
        font-size: 18px;
        font-family: var(--bold);
        padding: 16px 27px;
        margin-bottom: 38px;
        transition: var(--buttontrsansition);
    }

        .header .menuContainer .orderTrackingButton .truckIcon {
            width: 22px;
            height: 22px;
            background: url('/assets/images/truck.png') center center / contain no-repeat;
            transition: var(--buttontrsansition);
        }

        .header .menuContainer .orderTrackingButton:hover .truckIcon {
            background: url('/assets/images/truckHover.png') center center / contain no-repeat;
        }

        .header .menuContainer .orderTrackingButton:hover {
            background-color: #8f7c59;
            color: #e9dfd0;
            border: 1px solid #eee8e0;
        }

    .header .menuContainer .accountButtons {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 69px;
    }

        .header .menuContainer .accountButtons a {
            font-size: 16px;
            color: var(--bluecolor);
            font-family: var(--regular);
            position: relative;
        }

            .header .menuContainer .accountButtons a::before {
                content: '';
                position: absolute;
                bottom: -2px;
                width: 0%;
                height: 1px;
                background-color: var(--bluecolor);
                transition: var(--buttontrsansition);
                left: 50%;
                transform: translateX(-50%);
            }

            .header .menuContainer .accountButtons a:hover::before {
                width: 100%;
            }

.header .userButtons a i {
    color: var(--themecolor);
    font-size: 18px;
    transition: var(--menutransition);
}

.modal .search .searchBox {
    width: 75%;
    border: 2px solid #ae9674;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin: 0 auto 30px auto;
}

    .modal .search .searchBox .searchButton {
        color: #ae9674;
        font-size: 18px;
        width: 5%;
    }


    .modal .search .searchBox input {
        border: none;
        outline: none;
        width: 93%;
        background-color: transparent;
    }

        .modal .search .searchBox input::placeholder {
            color: #ae9674;
            font-family: var(--regular);
            font-size: 16px;
        }
.modal .modal-dialog.search .modalHeader {
    border-bottom: none !important;
    height: 40px;
}

.modal-dialog.search .modal-content {
    background: var(--overlay-color);
}
.modal-dialog.search .close i {
    color: #ae9674;
}

.header .menuContainer .searchBox {
    width: 350px;
    border-bottom: 2px solid #ae9674;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 5px 10px;
}

        .header .menuContainer .searchBox .searchButton {
            color: #ae9674;
            font-size: 18px;
            width: 5%;
        }


        .header .menuContainer .searchBox input {
            border: none;
            outline: none;
            width: 93%;
            background-color: transparent;
        }

            .header .menuContainer .searchBox input::placeholder {
                color: #ae9674;
                font-family: var(--regular);
                font-size: 16px;
            }

    .header .menuContainer .socialMedias {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
        margin-bottom: 50px;
    }

        .header .menuContainer .socialMedias a {
            color: var(--bluecolor);
            transition: all ease .3s;
        }


            .header .menuContainer .socialMedias a:nth-child(1) {
                font-size: 37px;
            }

            .header .menuContainer .socialMedias a:nth-child(2) {
                font-size: 32px;
            }

            .header .menuContainer .socialMedias a:nth-child(3) {
                font-size: 32px;
            }



            .header .menuContainer .socialMedias a:hover {
                color: #b1a48a;
            }

/* Modal */
.modal .modalHeader {
    width: 100%;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    position: relative;
    font-family: var(--bold);
    font-size: 18px;
    color: #65512c;
    border-bottom: 1px solid #e4e4e4;
}

.modal .modalContent {
    width: auto;
    height: 100%;
    margin: 25px 20px 25px 40px;
    padding-right: 5px;
    overflow-y: scroll;
    font-family: var(--regular);
    color: #292e38;
    font-size: 16px;
    line-height: 22px;
    max-height: 60vh;
}

    .modal .modalContent strong {
        font-family: var(--bold);
    }

    .modal .modalContent::-webkit-scrollbar {
        width: 3px;
        background-color: #e4e4e4;
        border-radius: 2px;
    }

    .modal .modalContent::-webkit-scrollbar-thumb {
        background: var(--bluecolor);
        border-radius: 2px;
    }

/* 404 */
.main.errorPageContainer {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 0px;
    padding: 7.833% 0 15.666% 0;
    width: 100%;
}

    .main.errorPageContainer.error404::before {
        content: '';
        position: absolute;
        width: 400px;
        height: 400px;
        right: 23%;
        bottom: 5%;
        background: url(/assets/images/background404.png) center center no-repeat;
        background-size: 100%;
    }

    .main.errorPageContainer.error500::before {
        content: '';
        position: absolute;
        width: 500px;
        height: 700px;
        right: 17%;
        bottom: 0;
        background: url(/assets/images/background500.png) center center no-repeat;
        background-size: 100%;
    }

    .main.errorPageContainer .errorCode {
        color: var(--bluecolor);
        font-family: var(--bold);
        font-size: 70px;
    }

    .main.errorPageContainer .text {
        color: var(--bluecolor);
        font-family: var(--medium);
        font-size: 30px;
        margin-bottom: 1.567%;
    }

    .main.errorPageContainer .description {
        color: var(--bluecolor);
        font-family: var(--regular);
        font-size: 18px;
        margin-bottom: 2.089%;
        width: 19%;
        text-align: center;
    }

    .main.errorPageContainer .homeButton {
        color: var(--bluecolor);
        font-family: var(--bold);
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px 54px;
        background-color: #eee6db;
        border-radius: 4px;
    }

/* EmptyCart */
.main.emptyCart {
    width: 100%;
    background-color: #fffaf0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 6.267% 0 9.139% 0;
}

    .main.emptyCart .description {
        color: var(--bluecolor);
        font-size: 18px;
        font-family: var(--regular);
        margin-bottom: 12px;
    }

    .main.emptyCart .startToShopButton {
        color: #fffaf0;
        font-family: var(--bold);
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 22px 126px;
        background-color: var(--bluecolor);
        border-radius: 4px;
    }


    .main.emptyCart .backgroundImage {
        width: 595px;
        height: 290px;
        background: url(/assets/images/emptycartbackground.png) center center no-repeat;
        background-size: 100%;
        margin-bottom: 40px;
    }

/* Navigation */
.navigationContainer {
    width: 100%;
    padding: 25px 0;
    background-color: #f5eee0;
}

    .navigationContainer.withOptions {
        padding: 18px 0;
    }

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

        .navigationContainer .main.items .backButton, .orderDetailTable .infos .numbers .backButton {
            color: #b1a48a;
            font-family: var(--regular);
            font-size: 14px;
            display: flex;
            align-items: center;
        }

            .navigationContainer .main.items .backButton::before, .orderDetailTable .infos .numbers .backButton::before {
                content: '\f053';
                font-family: 'FontAwesome';
                color: #b1a48a;
                font-size: 24px;
                margin-right: 5px;
            }

        .navigationContainer .main.items > ul {
            list-style: none;
            display: flex;
            gap: 7px;
        }

            .navigationContainer .main.items > ul li a {
                font-size: 14px;
                color: #b1a48a;
                font-family: var(--regular);
                display: flex;
                align-items: center;
            }

            .navigationContainer .main.items > ul li:not(:last-child) a:after {
                content: '\f054';
                font-family: 'FontAwesome';
                color: #b1a48a;
                font-size: 12px;
                margin-left: 7px;
            }

            .navigationContainer .main.items > ul li:last-child a,
            .navigationContainer .main.items > ul li:nth-last-child(2) a:after {
                color: var(--bluecolor);
            }

/* Order Results */
.orderResultBanner {
    width: 100%;
    height: 286px;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: column;
    padding: 0 0 32px 0;
}

    .orderResultBanner.orderSucess {
        background: #e5d8c5 url(/assets/images/ordersuccessbanner.png) center center / cover no-repeat;
    }

    .orderResultBanner.orderFailure {
        background: #e5d8c5 url(/assets/images/ordefailurebanner.png) center center / cover no-repeat;
    }

    .orderResultBanner .resultText {
        color: #fffaf0;
        font-family: var(--bold);
        font-size: 57px;
        line-height: 1;
        margin-bottom: 3px;
        position: relative;
    }

        .orderResultBanner .resultText::before {
            content: '';
            position: absolute;
            left: -16%;
            top: -232%;
            width: 135px;
            height: 145px;
            background: url(/assets/images/ordersuccesstexticon.png) center center / contain no-repeat;
        }


    .orderResultBanner .slogan {
        color: #fffaf0;
        font-family: var(--bentosa);
        font-size: 39px;
        line-height: 1;
    }

.main.orderSuccess {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 6% 0 7% 0;
}

    .main.orderSuccess .text {
        font-family: var(--regular);
        font-size: 21px;
        color: var(--bluecolor);
        margin-bottom: 4px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 238px;
        height: 53px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 21px;
    }

    .main.orderSuccess .orderNumber {
        border: 2px solid #878d97;
        color: var(--bluecolor);
        font-family: var(--bold);
        border-bottom: none;
    }

    .main.orderSuccess .continueButton {
        color: #fffaf0;
        font-family: var(--medium);
        background-color: var(--bluecolor);
    }

.main.orderFailure {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5% 0 6% 0;
    column-gap: 35px;
}

    .main.orderFailure .left .orderFailureIcon {
        display: block;
        width: 190px;
        height: 170px;
        background: url(/assets/images/orderFailureIcon.png) center center / contain no-repeat;
    }

    .main.orderFailure .right {
        display: flex;
        flex-direction: column;
        width: 260px;
    }

        .main.orderFailure .right .text {
            font-size: 18px;
            color: var(--bluecolor);
            font-family: var(--bold);
            margin-bottom: 10px;
        }

        .main.orderFailure .right .description {
            font-size: 18px;
            color: var(--bluecolor);
            font-family: var(--regular);
            margin-bottom: 23px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 18px;
            color: #fffaf0;
            background-color: var(--bluecolor);
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 22px 0;
        }

/* Login */
.main.login {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5eee0;
    padding: 6.4% 0 12.533% 0;
}

    .main.login .container {
        width: 31.332%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .main.login .container .text {
            font-size: 21px;
            color: var(--bluecolor);
            font-family: var(--bold);
            margin-bottom: 7.5%;
        }

        .main.login .container .inputs {
            width: 100%;
            display: flex;
            flex-direction: column;
            row-gap: 36px;
        }

            .main.login .container .inputs .inputBox {
                width: 100%;
                /*  border: 1px solid #ece2cf;
                background-color: #f6f3ed;*/
                position: relative;
            }


.inputBox.errorBorder {
    border: 1px solid var(--errorColor) !important;
}

.inputBox.successBorder {
    border: 1px solid var(--successColor) !important;
}

.inputBox .errorBorder {
    border: 1px solid var(--errorColor) !important;
}

.inputBox .successBorder {
    border: 1px solid var(--successColor) !important;
}


.main.login .container .inputs .inputBox i {
    position: absolute;
    right: 25px;
    top: 32px;
    transform: translateY(-50%);
    color: var(--bluecolor);
    cursor: pointer;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main.login .container .inputs .inputBox input {
    width: 100%;
    /*border: none;*/
    border: 1px solid #ece2cf;
    background-color: #f6f3ed;
    outline: none;
    /*background: transparent;*/
    padding: 3.68% 50px 3.68% 30px;
    font-family: var(--regular);
    font-size: 14px;
}

    .main.login .container .inputs .inputBox input::placeholder {
        font-family: var(--regular);
        font-size: 14px;
        color: #ada18a;
    }

.main.login .container .forgetPassword {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 4.168% 0;
}

    .main.login .container .forgetPassword a {
        font-family: var(--regular);
        font-size: 14px;
        color: var(--bluecolor);
    }

        .main.login .container .forgetPassword a:hover {
            text-decoration: underline;
        }

.main.login .container .buttonArea {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 76px;
}

    .main.login .container .buttonArea .loginButton {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--bluecolor);
        border: 1px solid var(--bluecolor);
        color: #f5eee0 !important;
        font-family: bold;
        font-size: 18px;
        padding: 0 27px;
        transition: all ease .3s;
        border-radius: 3px;
        font-family: var(--medium);
        cursor: pointer;
    }

        .main.login .container .buttonArea .loginButton:hover {
            background-color: #f5eee0;
            color: var(--bluecolor) !important;
        }


    .main.login .container .buttonArea .registerButton {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f5eee0;
        border: 1px solid var(--bluecolor);
        color: var(--bluecolor);
        font-family: var(--medium);
        font-size: 18px;
        padding: 0 12px;
        transition: all ease .3s;
        border-radius: 3px;
    }

        .main.login .container .buttonArea .registerButton:hover {
            background-color: var(--bluecolor);
            color: #f5eee0;
        }

/* Forget Password */
.main.forgetPassword {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5eee0;
    padding: 10.2% 0 19% 0;
    margin-bottom: 65px;
}

    .main.forgetPassword .container {
        width: 31.332%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .main.forgetPassword .container .text {
            font-size: 21px;
            color: var(--bluecolor);
            font-family: var(--bold);
            margin-bottom: 5.5%;
            width: 100%;
        }

            .main.forgetPassword .container .text.center {
                text-align: center;
            }

        .main.forgetPassword .container .inputs {
            width: 100%;
            display: flex;
            flex-direction: column;
            row-gap: 36px;
            margin-bottom: 40px;
        }

            .main.forgetPassword .container .inputs .inputBox {
                width: 100%;
                position: relative;
            }

                .main.forgetPassword .container .inputs .inputBox input {
                    width: 100%;
                    /*border: none;*/
                    border: 1px solid #ece2cf;
                    background-color: #f6f3ed;
                    outline: none;
                    /*background: transparent;*/
                    padding: 3.68% 50px 3.68% 30px;
                    font-family: var(--regular);
                    font-size: 14px;
                }

                    .main.forgetPassword .container .inputs .inputBox input::placeholder {
                        font-family: var(--regular);
                        font-size: 14px;
                        color: #ada18a;
                    }


        .main.forgetPassword .container .buttonArea {
            width: 100%;
            display: flex;
            justify-content: space-between;
            height: 76px;
            column-gap: 15px;
        }

            .main.forgetPassword .container .buttonArea .submitButton {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--bluecolor);
                border: 1px solid var(--bluecolor);
                color: #f5eee0 !important;
                font-size: 18px;
                width: 100%;
                transition: all ease .3s;
                border-radius: 3px;
                font-family: var(--medium);
            }

                .main.forgetPassword .container .buttonArea .submitButton:hover {
                    background-color: #f5eee0;
                    color: var(--bluecolor) !important;
                }

        .main.forgetPassword .container .inputs .inputBox i {
            position: absolute;
            right: 25px;
            top: 32px;
            transform: translateY(-50%);
            color: var(--bluecolor);
            cursor: pointer;
            min-width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.warning {
    width: 100%;
    font-size: 14px;
    color: #ed1c24;
    font-family: var(--regular);
}

.modal.addaddress .warning {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}

.forgetPassword .warning {
    min-height: 21px;
}

.warning.email {
    position: absolute;
    bottom: -21px;
    left: 0;
}

.forgetPassword .warning {
    margin-top: -35px;
    margin-bottom: 40px;
}

/* register */
.main.register {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5eee0;
    padding: 3.25% 0 9% 0;
    margin-bottom: 65px;
}

    .main.register .container {
        width: 31.332%;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .main.register .container .text {
            font-size: 21px;
            color: var(--bluecolor);
            font-family: var(--bold);
            margin-bottom: 8%;
            width: 100%;
            text-align: center;
        }

            .main.register .container .text.center {
                text-align: center;
            }

        .main.register .container .inputs {
            width: 100%;
            display: flex;
            flex-direction: row;
            margin-bottom: 25px;
            flex-wrap: wrap;
            row-gap: 36px;
            justify-content: space-between;
        }

            .main.register .container .inputs .inputBox {
                width: 100%;
                position: relative;
            }

                .main.register .container .inputs .inputBox.email .help-inline, .main.register .container .checkArea .help-inline {
                    position: absolute;
                    top: 0;
                    right: 5px;
                }

                .main.register .container .inputs .inputBox.w50input {
                    width: 48.335%;
                }

                .main.register .container .inputs .inputBox input {
                    width: 100%;
                    /*border: none;*/
                    border: 1px solid #ece2cf;
                    background-color: #f6f3ed;
                    outline: none;
                    /*background: transparent;*/
                    padding: 22px 50px 22px 30px;
                    font-family: var(--regular);
                    font-size: 14px;
                }


                    .main.register .container .inputs .inputBox input::placeholder {
                        font-family: var(--regular);
                        font-size: 14px;
                        color: #ada18a;
                    }


        .main.register .container .buttonArea {
            width: 100%;
            display: flex;
            justify-content: space-between;
            height: 76px;
            column-gap: 15px;
        }

            .main.register .container .buttonArea .submitButton {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--bluecolor);
                border: 1px solid var(--bluecolor);
                color: #f5eee0 !important;
                font-size: 18px;
                width: 100%;
                transition: all ease .3s;
                border-radius: 3px;
                font-family: var(--medium);
                cursor: pointer;
            }

                .main.register .container .buttonArea .submitButton:hover {
                    background-color: #f5eee0;
                    color: var(--bluecolor) !important;
                }

        .main.register .container .inputs .inputBox i {
            position: absolute;
            right: 25px;
            top: 32px;
            transform: translateY(-50%);
            color: var(--bluecolor);
            cursor: pointer;
            min-width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .main.register .container .alreadyMemberText {
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: var(--regular);
            color: #65512c;
            margin-top: 30px;
        }

        .main.register .container .loginButton {
            margin-top: 10px;
            color: var(--bluecolor);
            font-family: var(--bold);
            font-size: 18px;
            display: flex;
            width: 100%;
            padding: 26px 0;
            border-radius: 3px;
            border: 1px solid var(--bluecolor);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all ease .3s;
        }

            .main.register .container .loginButton:hover {
                background-color: var(--bluecolor);
                color: #f2efe1;
            }


        .main.register .container .checkArea {
            width: 100%;
            position: relative;
        }

/* Custom Checkbox */
.customCheckbox {
    display: block;
    position: relative;
    padding-left: 5.1%;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: var(--regular);
    color: #65512c;
}

    .customCheckbox > a {
        color: var(--bluecolor);
        font-family: var(--medium);
    }

        .customCheckbox > a:hover {
            text-decoration: underline;
        }

    /* Hide the browser's default checkbox */
    .customCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #ffffff;
    border: 1px solid #ded1be;
    transition: all ease .2s;
}

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

/* Show the checkmark when checked */
.customCheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customCheckbox .checkmark:after {
    left: 4px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: thin solid var(--bluecolor);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkArea input[type=checkbox]:checked + label .checkmark:after {
    display: block;
}

/* Product List */

.productList .title {
    font-size: 20px;
    font-family: var(--bold);
    color: var(--bluecolor);
    width: 100%;
    text-align: center;
    padding: 40px 0;
}

.productList .itemWrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 80px;
    margin-bottom: 80px;
    column-gap: 35px;
}

    .productList .itemWrapper .item {
        width: 326px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }


        .productList .itemWrapper .item .reviewButton {
            font-size: 12px;
            font-family: var(--regular);
            color: var(--bluecolor);
            position: absolute;
            bottom: 27%;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;
            border-radius: 50px;
            background-color: #f5eee0;
            min-width: 75px;
            padding: 5px;
            z-index: 1;
            opacity: 0;
            transition: var(--reviewbuttontransition);
        }

        .productList .itemWrapper .item:hover .reviewButton {
            opacity: 1;
        }

        .productList .itemWrapper .item .productSticker {
            position: absolute;
            top: 0;
            min-width: 60px;
            font-size: 16px;
            font-family: var(--bold);
            text-align: center;
            padding: 6px;
            user-select: none;
        }

            .productList .itemWrapper .item .productSticker.new {
                color: #9c8c59;
                background-color: #f7eac1;
                left: 0;
            }

            .productList .itemWrapper .item .productSticker.sale {
                color: var(--themecolor);
                background-color: var(--bluecolor);
                right: 0;
            }

        .productList .itemWrapper .item .imgBox {
            width: 100%;
            height: 372px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            z-index: -1;
        }

            .productList .itemWrapper .item .imgBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: var(--imagetransition);
            }

        .productList .itemWrapper .item:hover .imgBox img {
            transform: scale(1.05);
        }



        .productList .itemWrapper .item .nameBox {
            color: #292e38;
            font-size: 16px;
            font-family: var(--regular);
            margin: 5% 0 3% 0;
            text-align: center;
            padding: 0 10px;
            overflow: hidden;
            height: 38px;
            align-items: center;
            display: flex;
            align-items: center;
        }


        .productList .itemWrapper .item .priceBox {
            color: #292e38;
            font-size: 16px;
            font-family: var(--regular);
            padding: 0 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
        }


/*Pagination*/
.productlistPagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 100px;
    width: max-content;
    padding: 6px 20px;
    gap: 18px;
    margin-bottom: 75px;
}

    .productlistPagination ul {
        display: flex;
        list-style: none;
        gap: 12px;
    }

        .productlistPagination ul li {
            font-family: var(--regular);
            font-size: 18px;
            color: var(--bluecolor);
        }


            .productlistPagination ul li a,
            .productlistPagination ul > a {
                font-family: var(--regular);
                font-size: 18px;
                color: var(--bluecolor);
            }

                .productlistPagination ul li a.active {
                    color: var(--bluecolor) !important;
                    font-size: 18px;
                    color: var(--bluecolor);
                    position: relative;
                }

                    .productlistPagination ul li a.active::before {
                        content: '';
                        position: absolute;
                        width: 20px;
                        height: 2px;
                        background-color: var(--bluecolor);
                        bottom: -2px;
                        left: 50%;
                        transform: translateX(-50%);
                    }

    .productlistPagination a i {
        font-size: 24px;
        color: var(--bluecolor);
    }

    .productlistPagination a[href] i {
        color: var(--bluecolor);
    }

.optionContainer {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 60px;
    z-index: 1;
}

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

        .optionContainer .option .text {
            color: var(--bluecolor);
            font-size: 18px;
            font-family: var(--bold);
        }

/* chosen */
.optionChosen {
    width: 190px;
}

.filterSelect,
.orderSelect {
    width: 100%;
}
/*.filterSelect,
.orderSelect {
    width: 190px;
}*/

.chosen-container-active.chosen-with-drop .chosen-single {
    background: none !important;
    background-color: #f5eee0 !important;
    font-family: var(--regular) !important;
    color: var(--bluecolor) !important;
    font-size: 14px !important;
}

.chosen-container-single .chosen-single span {
    font-family: var(--regular) !important;
    color: var(--bluecolor) !important;
    font-size: 14px !important;
}

.chosen-container .chosen-results {
    font-family: var(--regular) !important;
    color: var(--bluecolor) !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 8px !important;
}

.chosen-container-single .chosen-single {
    background: none !important;
    background-color: #f5eee0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    border-radius: 50px !important;
    border: 1px solid #e2d7c1 !important;
    z-index: 1 !important;
    padding: 0 0 0 25px !important;
}

.chosen-container .chosen-drop {
    border: 1px solid #e2d7c1 !important;
    border-radius: 2px !important;
    padding-top: 30px !important;
    padding-bottom: 15px !important;
    margin-top: -25px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background-color: #f5eee0 !important;
}

.chosen-container .chosen-results li.active-result {
    padding-left: 15px;
}

.chosen-container .chosen-drop {
    z-index: -0 !important;
}

.chosen-container .chosen-results li.highlighted {
    background-image: none !important;
    background-color: #e2d7c1 !important;
    color: var(--bluecolor) !important;
}

.chosen-container-single .chosen-single div b {
    background: none !important;
    position: relative !important;
    margin-left: -19px !important;
}

    .chosen-container-single .chosen-single div b::before {
        content: '\f078';
        font-family: 'FontAwesome';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        transition: all ease .3s;
        color: var(--bluecolor);
    }

.chosen-container-active.chosen-with-drop .chosen-single div b::before {
    transform: rotate(-180deg);
}

.chosen-container-single .chosen-search {
    background: #fff !important;
    border-radius: 2px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    width: 90% !important;
    padding: 6px 4px !important;
    position: relative;
}

    .chosen-container-single .chosen-search::before {
        content: '\f002';
        font-family: 'FontAwesome';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #ae9674 !important;
        font-size: 17px;
    }

    .chosen-container-single .chosen-search input[type=text] {
        background: #fff !important;
        border-radius: 2px !important;
        border: none !important;
        outline: none !important;
    }

        .chosen-container-single .chosen-search input[type=text]::placeholder {
            color: #ae9674 !important;
            font-family: var(--regular);
            font-size: 14px;
        }

.chosen-container .chosen-results li.no-results {
    color: var(--bluecolor) !important;
    background: #e2d7c1 !important;
}

.navigationContainer .items .navTitle {
    font-size: 18px;
    font-family: var(--bold);
    color: var(--bluecolor);
}

    .navigationContainer .items .navTitle.blogTitle {
        font-size: 25px;
    }


/* Order Tracking */
.main.orderTracking {
    width: 100%;
    background: #e5d8c5 url('/assets/images/ordertrackingbg.png') center center / cover no-repeat;
    padding: 2.194% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 42px;
    margin-bottom: 85px;
}

    .main.orderTracking .container {
        width: 43.238%;
        display: flex;
        flex-direction: column;
        align-items: start;
        background-color: #f5eee0;
        padding: 2.246% 6.006%;
        box-shadow: rgba(171 153 127 / 0.8) 0px 20px 50px -30px;
    }

        .main.orderTracking .container .text {
            font-size: 19px;
            color: var(--bluecolor);
            font-family: var(--medium);
            width: 100%;
            margin-bottom: 4.182%;
        }


        .main.orderTracking .container .inputs {
            width: 100%;
            display: flex;
            flex-direction: column;
            row-gap: 36px;
            margin-bottom: 7.526%;
        }

            .main.orderTracking .container .inputs .inputBox {
                width: 100%;
                border: 1px solid #ece2cf;
                background-color: #f6f3ed;
                position: relative;
            }



                .main.orderTracking .container .inputs .inputBox input {
                    width: 100%;
                    border: none;
                    outline: none;
                    background: transparent;
                    padding: 3.68% 50px 3.68% 30px;
                    font-family: var(--regular);
                    font-size: 14px;
                }

                    .main.orderTracking .container .inputs .inputBox input::placeholder {
                        font-family: var(--regular);
                        font-size: 14px;
                        color: #ada18a;
                    }


        .main.orderTracking .container .buttonArea {
            width: 100%;
            display: flex;
            justify-content: start;
            height: 76px;
            column-gap: 10px;
        }

            .main.orderTracking .container .buttonArea .submitButton {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--bluecolor);
                border: 1px solid var(--bluecolor);
                color: #f5eee0;
                font-size: 18px;
                width: 129px;
                transition: all ease .3s;
                border-radius: 3px;
                font-family: var(--medium);
                cursor: pointer;
            }

                .main.orderTracking .container .buttonArea .submitButton:hover {
                    background-color: #f5eee0;
                    color: var(--bluecolor);
                }


.main.orderDetails {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 43.238%;
    margin-bottom: 3.395%;
}

.orderDetailTable .infos {
    width: 100%;
    background-color: #f5eee0;
    display: flex;
    justify-content: space-between;
    padding: 20px 25px 22px 20px;
    align-items: center;
    margin-bottom: 9px;
}

    .orderDetailTable .infos .numbers {
        display: flex;
        gap: 65px;
    }

        .orderDetailTable .infos .numbers .right {
            display: flex;
            flex-direction: column;
            row-gap: 1px;
            width: min-content;
        }

            .orderDetailTable .infos .numbers .right .orderNumberText {
                color: #74572d;
                font-family: var(--regular);
                font-size: 14px;
            }

            .orderDetailTable .infos .numbers .right .orderNumber {
                color: var(--bluecolor);
                font-family: var(--bold);
                font-size: 18px;
            }


        .orderDetailTable .infos .numbers .left {
            display: flex;
            flex-direction: column;
            row-gap: 1px;
        }

            .orderDetailTable .infos .numbers .left .dateText {
                color: #74572d;
                font-family: var(--regular);
                font-size: 16px;
            }

            .orderDetailTable .infos .numbers .left .date {
                color: var(--bluecolor);
                font-family: var(--regular);
                font-size: 16px;
            }


.orderDetailTable .itemWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 9px;
    margin-bottom: 22px;
}

    .orderDetailTable .itemWrapper .item {
        width: 100%;
        display: flex;
        background-color: #f5eee0;
        padding: 28px 50px 28px 20px;
        font-size: 16px;
        color: var(--bluecolor);
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 85px;
            height: 85px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 22px;
        }

            .orderDetailTable .itemWrapper .item .imageBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .orderDetailTable .itemWrapper .item .imageBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .orderDetailTable .itemWrapper .item .rightArea {
            display: flex;
            align-items: center;
            width: 85.903%;
            justify-content: space-between;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                display: flex;
                flex-direction: column;
                width: 210px;
                margin-right: 27px;
            }

                .orderDetailTable .itemWrapper .item .rightArea .name .productName {
                    margin-bottom: 10px;
                }

                .orderDetailTable .itemWrapper .item .rightArea .name .feature {
                    margin-bottom: 10px;
                }

                .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                    color: #b3a079;
                }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                display: flex;
                justify-content: space-between;
                width: 65.51%;
            }

.orderDetailTable .bottomInfos {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .orderDetailTable .bottomInfos .addresses {
        display: flex;
        flex-direction: column;
        width: 52.295%;
    }

        .orderDetailTable .bottomInfos .addresses .addressType {
            color: var(--bluecolor);
            font-size: 20px;
            font-family: var(--bold);
            margin-top: 22px;
            margin-bottom: 15px;
            padding-left: 22px;
        }

        .orderDetailTable .bottomInfos .addresses .addressBox {
            width: 100%;
            background-color: #f5eee0;
            padding: 25px 23px 35px 23px;
        }

            .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                color: var(--bluecolor);
                font-size: 18px;
                font-family: var(--bold);
                margin-bottom: 12px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                color: var(--bluecolor);
                font-size: 18px;
                font-family: var(--regular);
            }

    .orderDetailTable .bottomInfos .summary {
        width: 46.86%;
    }

        .orderDetailTable .bottomInfos .summary .top {
            padding: 25px;
            background-color: #f5eee0;
        }

            .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                color: var(--bluecolor);
                font-size: 18px;
                font-family: var(--bold);
                margin-bottom: 25px;
            }

            .orderDetailTable .bottomInfos .summary .top .lines {
                width: 100%;
                display: flex;
                justify-content: space-between;
                color: var(--bluecolor);
                margin-bottom: 25px;
            }

                .orderDetailTable .bottomInfos .summary .top .lines:last-child {
                    margin-bottom: 0;
                }

                .orderDetailTable .bottomInfos .summary .top .lines .name {
                    font-family: var(--regular);
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .summary .top .lines .value {
                    font-family: var(--bold);
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .summary .top .lines.red .name,
                .orderDetailTable .bottomInfos .summary .top .lines.red .value {
                    color: #ce171f;
                }

                .orderDetailTable .bottomInfos .summary .top .lines.green .name,
                .orderDetailTable .bottomInfos .summary .top .lines.green .value {
                    color: #39b54a;
                }


        .orderDetailTable .bottomInfos .summary .generalTotal {
            width: 100%;
            display: flex;
            justify-content: space-between;
            color: var(--bluecolor);
            font-family: var(--bold);
            font-size: 18px;
            padding: 20px;
            margin-top: 7px;
            align-items: center;
            background-color: #f5eee0;
        }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 25px;
            }

/* Product Detail */
.main.productDeteail {
    width: 71.541%;
    display: flex;
    margin-top: 2.8723%;
    display: flex;
    flex-direction: column;
    margin-bottom: 7.078%;
}

    .main.productDeteail .firstContainer {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .main.productDeteail .left {
        width: 57.227%;
        flex-direction: column;
        align-items: end;
        display: flex;
    }

        .main.productDeteail .left .imageArea {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }

            .main.productDeteail .left .imageArea .productImageSmall {
                width: 95px;
                height: 95px;
            }

                .main.productDeteail .left .imageArea .productImageSmall img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .main.productDeteail .left .imageArea .bigImage {
                width: 655px !important;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                position: relative;
            }




            .main.productDeteail .left .imageArea .productImageBig {
                width: 100%;
                height: 594px;
            }

                .main.productDeteail .left .imageArea .productImageBig img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .main.productDeteail .left .imageArea .smallImageNav {
                width: 95px !important;
            }

                .main.productDeteail .left .imageArea .smallImageNav.slick-vertical .slick-slide {
                    margin: 10px 0 !important;
                }

            .main.productDeteail .left .imageArea .bigSlider .productSticker {
                position: absolute;
                top: 0;
                min-width: 60px;
                font-size: 16px;
                font-family: var(--bold);
                text-align: center;
                padding: 6px;
                user-select: none;
                z-index: 1;
            }

                .main.productDeteail .left .imageArea .bigSlider .productSticker.new {
                    color: #9c8c59;
                    background-color: #f7eac1;
                    left: 0;
                }

                .main.productDeteail .left .imageArea .bigSlider .productSticker.sale {
                    color: var(--themecolor);
                    background-color: var(--bluecolor);
                    right: 0;
                }


            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                transform: rotate(180deg);
                color: #b6b8ba;
                height: 35px;
                width: 65px;
                display: flex !important;
                align-items: center;
                justify-content: center;
                background: url(/assets/images/productdetailsliderarrow.png) center center / contain no-repeat;
                margin: 0 auto;
                cursor: pointer;
                margin-bottom: 10px;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                color: #b6b8ba;
                height: 35px;
                width: 65px;
                display: flex !important;
                align-items: center;
                justify-content: center;
                background: url(/assets/images/productdetailsliderarrow.png) center center / contain no-repeat;
                margin: 0 auto;
                cursor: pointer;
                margin-top: 10px;
            }

        .main.productDeteail .left .campaign {
            width: 83.546%;
            display: flex;
            align-items: center;
            padding: 2px 20px 2px 2px;
            font-family: var(--regular);
            font-size: 16px;
            color: #292e38;
            margin-bottom: 8px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 25px;
                min-width: 34px;
                height: 34px;
                margin-right: 15px;
            }

            .main.productDeteail .left .campaign.green {
                background-color: #a3d39c;
            }

                .main.productDeteail .left .campaign.green .icon {
                    background: #fffaf0 url(/assets/images/greencampaignicon.png) center center no-repeat;
                }

            .main.productDeteail .left .campaign.red {
                background-color: #f69679;
            }

                .main.productDeteail .left .campaign.red .icon {
                    background: #fffaf0 url(/assets/images/redcampaignicon.png) center center no-repeat;
                }


/*Other Products*/
.otherProductsContainer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*padding: 7.078% 0 6% 0;*/
    padding: 0 0 6% 0;
}

    .otherProductsContainer .otherProductsSlider .item .reviewButton {
        font-size: 12px;
        font-family: var(--regular);
        color: var(--bluecolor);
        position: absolute;
        bottom: 27%;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
        border-radius: 50px;
        background-color: #f5eee0;
        min-width: 75px;
        padding: 5px;
        z-index: 1;
        opacity: 0;
        transition: var(--reviewbuttontransition);
    }

    .otherProductsContainer .otherProductsSlider .item:hover .reviewButton {
        opacity: 1;
    }

    .otherProductsContainer .title {
        color: var(--bluecolor);
        font-size: 20px;
        font-family: var(--bold);
        margin-bottom: 1.306%;
        background-color: var(--bodycolor);
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 325px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        position: relative;
        flex-direction: column;
    }


    .otherProductsContainer .otherProductsSlider .imgBox {
        width: 100%;
        height: 375px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .otherProductsContainer .otherProductsSlider .item .imgBox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows {
        position: absolute;
        width: 40px;
        height: 75px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        cursor: pointer;
        opacity: 0;
        transition: var(--buttontrsansition);
        transition: var(--reviewbuttontransition);
    }

    .otherProductsContainer .otherProductsSlider:hover .sliderArrows {
        opacity: 1;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow > svg {
        transform: rotate(180deg);
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows > svg {
        width: 100%;
        height: 100%;
    }

        .otherProductsContainer .otherProductsSlider .sliderArrows > svg .st0 {
            stroke: #e5d8c5 !important;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: -3%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: -3%;
    }

    .otherProductsContainer .otherProductsSlider .item .productSticker {
        position: absolute;
        top: 0;
        min-width: 60px;
        font-size: 16px;
        font-family: var(--bold);
        text-align: center;
        padding: 6px;
        user-select: none;
        z-index: 1;
    }

        .otherProductsContainer .otherProductsSlider .item .productSticker.new {
            color: #9c8c59;
            background-color: #f7eac1;
            left: 0;
        }

        .otherProductsContainer .otherProductsSlider .item .productSticker.sale {
            color: var(--themecolor);
            background-color: var(--bluecolor);
            right: 0;
        }

    .otherProductsContainer .otherProductsSlider .item .nameBox {
        color: #292e38;
        font-size: 16px;
        font-family: var(--regular);
        margin: 5% 0 3% 0;
        text-align: center;
        padding: 0 10px;
        overflow: hidden;
        height: 38px;
        align-items: center;
        display: flex;
        align-items: center;
    }

    .otherProductsContainer .otherProductsSlider .item .priceBox {
        color: #292e38;
        font-size: 16px;
        font-family: var(--regular);
        padding: 0 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
    }

.main.productDeteail .detailsContainer {
    width: 100%;
    margin-left: 9.636%;
    margin-top: 2.19%;
}

    .main.productDeteail .detailsContainer .descriptionTitle {
        font-size: 20px;
        color: var(--bluecolor);
        font-family: var(--bold);
        margin-bottom: 35px;
    }

    .main.productDeteail .detailsContainer .features {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: 53px;
    }

        .main.productDeteail .detailsContainer .features .lines {
            display: flex;
        }

            .main.productDeteail .detailsContainer .features .lines .name {
                font-size: 16px;
                color: var(--bluecolor);
                font-family: var(--bold);
                min-width: 140px;
                position: relative;
                margin-right: 25px;
            }

                .main.productDeteail .detailsContainer .features .lines .name::after {
                    content: ':';
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                }

            .main.productDeteail .detailsContainer .features .lines .value {
                font-size: 16px;
                color: var(--bluecolor);
                font-family: var(--regular);
            }

    .main.productDeteail .detailsContainer .descriptionText {
        font-size: 16px;
        color: var(--bluecolor);
        font-family: var(--regular);
        line-height: 30px;
    }


.main.productDeteail .right {
    width: 37.811%;
    display: flex;
    flex-direction: column;
}

    .main.productDeteail .right .favoriteButton {
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 5px;
        font-family: var(--regular);
        color: var(--bluecolor);
        font-size: 16px;
    }

        .main.productDeteail .right .favoriteButton label {
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
        }

        .main.productDeteail .right .favoriteButton .button .fa-solid.fa-heart {
            display: none;
        }

        /* Selected Favorite */
        .main.productDeteail .right .favoriteButton.selected .button {
            background-color: #fffaf0;
        }

        .main.productDeteail .right .favoriteButton .button .fa-solid.fa-heart {
            display: block;
            color: #ce171f;
        }
        /*
            .main.productDeteail .right .favoriteButton.selected .button .fa-regular.fa-heart {
                display: none;
            }

            .main.productDeteail .right .favoriteButton.selected .button i {
                color: #ce171f;
            }*/



        .main.productDeteail .right .favoriteButton .button {
            border-radius: 100%;
            width: 25px;
            height: 25px;
            border: 1px solid #dacdb1;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

            .main.productDeteail .right .favoriteButton .button i {
                font-size: 14px;
                transition: all ease .2s;
            }

        .main.productDeteail .right .favoriteButton:hover .button i {
            color: #ce171f;
        }


    .main.productDeteail .right .productName {
        font-family: var(--bold);
        color: var(--bluecolor);
        font-size: 30px;
        margin-top: 9px;
        min-height: 75px;
        max-height: 75px;
        overflow: hidden;
        margin-bottom: 2px;
    }

    .main.productDeteail .right .priceBox {
        display: flex;
        flex-direction: column;
        margin-bottom: 13.13%;
    }

        .main.productDeteail .right .priceBox .oldPrice {
            text-decoration: line-through;
            font-family: var(--regular);
            color: var(--bluecolor);
            font-size: 16px;
            line-height: 1;
        }

        .main.productDeteail .right .priceBox .price {
            font-family: var(--bold);
            color: var(--bluecolor);
            font-size: 28px;
            line-height: 1;
        }

    .main.productDeteail .right .chooseWeight {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 8.303%;
    }

        .main.productDeteail .right .chooseWeight .item {
            background-color: var(--bluecolor);
            font-family: var(--bold);
            color: #fff;
            font-size: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 162px;
            height: 54px;
            border-radius: 3px;
            transition: all ease .2s;
            position: relative;
        }


            .main.productDeteail .right .chooseWeight .item.disable, .main.productDeteail .right .chooseWeight .item.disable:hover {
                background-color: #919191;
                color: #464646;
            }




            .main.productDeteail .right .chooseWeight .item.active::before {
                content: '';
                position: absolute;
                width: 32px;
                height: 32px;
                right: -13px;
                top: -13px;
                background: url(/assets/images/productdetailselectactiveicon.png) center center / 100% no-repeat;
            }

    .main.productDeteail .right .addCartButton {
        background-color: var(--bluecolor);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--bold);
        font-size: 18px;
        color: #fff !important;
        padding: 5.407% 0;
        border-radius: 3px;
        transition: all ease .2s;
        border: none;
        cursor: pointer;
    }

        .main.productDeteail .right .addCartButton.disable, .main.productDeteail .right .addCartButton.disable:hover {
            background-color: #919191;
            color: #464646 !important;
        }


        .main.productDeteail .right .chooseWeight .item:hover,
        .main.productDeteail .right .addCartButton:hover {
            background-color: #9a9281;
        }

    .main.productDeteail .right .featureTitle {
        font-family: var(--regular);
        color: var(--bluecolor);
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.productDeteail .right .firstVariantBox {
        margin-bottom: 13.13%;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        z-index: 1;
        position: relative;
    }


        .main.productDeteail .right .firstVariantBox .count-select {
            width: 34.456%;
            background-color: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f5eee0;
            border-radius: 3px;
            border: 1px solid #daccaf;
            gap: 11px;
        }

            .main.productDeteail .right .firstVariantBox .count-select input {
                width: 30px;
                background-color: transparent;
                border: none;
                outline: none;
                text-align: center;
                font-size: 24px;
                font-family: var(--bold);
                color: var(--bluecolor);
            }

            .main.productDeteail .right .firstVariantBox .count-select i {
                font-size: 25px;
                color: #b1a48a;
                cursor: pointer;
            }



        /* Product Detail Chosen */
        .main.productDeteail .right .firstVariantBox .featureSelect {
            width: 66.2%;
            height: 76px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-active.chosen-with-drop .chosen-single {
            background: none !important;
            background-color: #f5eee0 !important;
            font-family: var(--regular) !important;
            color: var(--bluecolor) !important;
            font-size: 14px !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
            font-family: var(--bold) !important;
            color: var(--bluecolor) !important;
            font-size: 18px !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results {
            font-family: var(--regular) !important;
            color: var(--bluecolor) !important;
            font-size: 14px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
            background: none !important;
            background-color: #f5eee0 !important;
            box-shadow: none !important;
            display: flex !important;
            align-items: center !important;
            height: 76px !important;
            border-radius: 3px !important;
            border: 1px solid #e2d7c1 !important;
            z-index: 1 !important;
            padding: 0 0 0 10px !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
            border: 1px solid #e2d7c1 !important;
            border-radius: 0 0 3px 3px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
            margin-top: 0 !important;
            box-shadow: none !important;
            overflow: hidden !important;
            background-color: #f5eee0 !important;
            border-top: none !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
            padding: 10px;
            font-size: 16px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
            z-index: -0 !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.highlighted {
            background-image: none !important;
            background-color: #e2d7c1 !important;
            color: var(--bluecolor) !important;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single div b {
            background: none !important;
            position: relative !important;
            margin-left: -15px !important;
        }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single div b::before {
                content: '\f078';
                font-family: 'FontAwesome';
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 15px;
                transition: all ease .3s;
                color: var(--bluecolor);
            }

        .main.productDeteail .right .firstVariantBox .chosen-container-active.chosen-with-drop .chosen-single div b::before {
            transform: rotate(-180deg);
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-search {
            background: #fff !important;
            border-radius: 50px !important;
            margin: 0 auto !important;
            margin-bottom: 10px !important;
            width: 175px !important;
            padding: 6px 4px !important;
            position: relative;
            display: none !important;
        }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-search::before {
                content: '\f002';
                font-family: 'FontAwesome';
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translateY(-50%);
                color: #ae9674 !important;
                font-size: 17px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-search input[type=text] {
                background: #fff !important;
                border-radius: 50px !important;
                border: none !important;
                outline: none !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-search input[type=text]::placeholder {
                    color: #ae9674 !important;
                    font-family: var(--regular);
                    font-size: 14px;
                }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single div {
            width: 10px !important;
        }

/* Account */

.main.account {
    display: flex;
    width: 55.9799%;
    margin-top: 1.724%;
    margin-bottom: 3.447%;
}

    .main.account > .left {
        display: flex;
        flex-direction: column;
        width: 22.915%;
        border-right: 7px solid #fffaf0;
    }

    .main.account .left .userName {
        display: flex;
        align-items: center;
        justify-content: start;
        padding: 10px 10px 10px 14px;
        gap: 13px;
        background-color: #f5eee0;
        border-bottom: 6px solid #fffaf0;
        min-height: 141px;
    }

        .main.account .left .userName .letter {
            min-width: 65px;
            min-height: 65px;
            background-color: var(--bluecolor);
            color: #fffaf0;
            font-size: 34px;
            font-family: var(--bold);
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .main.account .left .userName .name {
            display: flex;
            flex-direction: column;
            color: var(--bluecolor);
        }

            .main.account .left .userName .name span:nth-child(1) {
                font-size: 16px;
                font-family: var(--regular);
            }

            .main.account .left .userName .name span:nth-child(2) {
                font-size: 18px;
                font-family: var(--bold);
            }


    .main.account .left .accounttablist {
        width: 100%;
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: 20px 0 0 0;
        background-color: #f5eee0;
        gap: 25px;
    }

        .main.account .left .accounttablist .active {
            font-family: var(--bold);
            background-color: #e2d7c1;
        }


        .main.account .left .accounttablist .logout {
            border-top: 6px solid #fffaf0;
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .main.account .left .accounttablist li {
            transition: all ease .2s;
        }

            .main.account .left .accounttablist li:hover {
                background-color: #e2d7c1;
            }

            .main.account .left .accounttablist li a {
                font-family: var(--regular);
                font-size: 16px;
                color: var(--bluecolor);
                display: flex;
                width: 100%;
                align-items: center;
                padding: 8px 0 8px 25px;
            }

            .main.account .left .accounttablist li:last-child a {
                color: #65512c;
            }

            .main.account .left .accounttablist li a .icon {
                width: 15px;
                height: 15px;
                margin-right: 20px;
            }

                .main.account .left .accounttablist li a .icon.icon-user {
                    background: url(/assets/images/usericon.png) center center no-repeat;
                }

                .main.account .left .accounttablist li a .icon.icon-orders {
                    background: url(/assets/images/ordericon.png) center center no-repeat;
                }

                .main.account .left .accounttablist li a .icon.icon-addresses {
                    background: url(/assets/images/locationicon.png) center center no-repeat;
                }

                .main.account .left .accounttablist li a .icon.icon-coupons {
                    background: url(/assets/images/couponicon.png) center center no-repeat;
                }

                .main.account .left .accounttablist li a .icon.icon-favorites {
                    background: url(/assets/images/favoriteicon.png) center center no-repeat;
                }

                .main.account .left .accounttablist li a .icon.icon-logout {
                    background: url(/assets/images/logouticon.png) center center no-repeat;
                }

    .main.account .right {
        width: 77.9599%;
        background-color: #f5eee0;
    }

        .main.account .right .accounttabs,
        .main.account .right .accounttabs .tab-content {
            width: 100%;
            height: 100%;
        }

            .main.account .right .accounttabs .tab-content.orders {
                position: relative;
            }
            /* User Infos */
            .main.account .right .accounttabs .tab-content.userInfos {
                padding: 7.797% 13.599% 0 13.52%;
                display: flex;
                flex-direction: column;
            }

                .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                    font-size: 18px;
                    color: var(--bluecolor);
                    font-family: var(--bold);
                    margin-bottom: 12px;
                }

                .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    column-gap: 0;
                    row-gap: 20px;
                }

                    .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                        outline: none;
                        border: 1px solid #ece2cf;
                        background-color: #fffaf0;
                        font-size: 14px;
                        font-family: var(--regular);
                        width: 48%;
                        padding: 22px 30px;
                    }

                    .main.account .right .accounttabs .tab-content.userInfos .inputWrapper .control-group {
                        width: 48%;
                        position: relative;
                    }

                        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper .control-group input {
                            width: 100%;
                        }

                    .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input[disabled] {
                        background-color: #b7b7b7;
                        color: black;
                    }

                    .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input::placeholder {
                        color: #ada18a;
                        font-family: var(--regular);
                        font-size: 14px;
                    }

                .main.account .right .accounttabs .tab-content.userInfos .userInfosButton {
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #ded1be;
                    color: var(--bluecolor);
                    font-family: var(--regular);
                    font-size: 16px;
                    padding: 8px 7px;
                    min-width: 120px;
                    margin: 24px 0 13px auto;
                    transition: all ease .2s;
                }

                    .main.account .right .accounttabs .tab-content.userInfos .userInfosButton:hover {
                        background-color: #d1bfa4;
                    }

            /* Addresses */
            .main.account .right .accounttabs .tab-content.addresses {
                padding: 32px 22px 22px 22px;
            }

                .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
                    font-family: var(--bold);
                    color: var(--bluecolor);
                    font-size: 20px;
                    margin-bottom: 7px;
                    /* padding-left: 8px; */
                    padding-left: 0;
                }

                    .main.account .right .accounttabs .tab-content.addresses .addressTypeName:nth-child(1) {
                        margin-bottom: 22px;
                    }

                .main.account .right .accounttabs .tab-content.addresses .noAddressText {
                    font-family: var(--regular);
                    color: var(--bluecolor);
                    font-size: 16px;
                    margin-bottom: 30px;
                    /* padding-left: 8px; */
                    padding-left: 0;
                }

                .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
                    width: 100%;
                    color: var(--bluecolor);
                    font-family: var(--regular);
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 13px 0px;
                    background-color: #f6f3ed;
                    border: 2px solid #f0e8d7;
                    gap: 15px;
                    margin-bottom: 80px;
                    cursor: pointer;
                }

                    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
                        font-size: 34px;
                    }


                .main.account .right .accounttabs .tab-content.addresses .addressItem {
                    width: 100%;
                    background-color: #f6f3ed;
                    position: relative;
                    padding: 30px 25px 25px;
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 20px;
                }

                    .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
                        font-size: 18px;
                        font-family: var(--bold);
                        color: var(--bluecolor);
                        margin-bottom: 13px;
                    }

                    .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
                        font-size: 18px;
                        font-family: var(--regular);
                        color: var(--bluecolor);
                        margin-bottom: 38px;
                        display: flex;
                        flex-direction: column;
                        line-height: 1.3;
                    }

                    .main.account .right .accounttabs .tab-content.addresses .addressItem .buttons {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }

                        .main.account .right .accounttabs .tab-content.addresses .addressItem .buttons a {
                            display: flex;
                            align-items: center;
                            color: var(--bluecolor);
                            font-size: 14px;
                            font-family: var(--regular);
                            gap: 7px;
                        }

                    .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
                        position: absolute;
                        top: 17px;
                        left: 17px;
                    }

                        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox .checkmark {
                            border: 2px solid #656f7e;
                            background-color: #f5eee0;
                            height: 21px;
                            width: 21px;
                            border-radius: 2px;
                        }

                            .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox .checkmark:after {
                                left: 5px;
                                top: 1px;
                                width: 4px;
                                height: 10px;
                            }

                        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox:hover .checkmark:after {
                            border-color: var(--bluecolor);
                        }

/* Hesabım Adres Ekle */
.modal.addaddress button.close i {
    color: #9d885f;
}

.modal.addaddress button.close:hover i {
    color: #c50000;
}

.modal.addaddress .modal-body {
    min-height: 575px !important;
    height: unset !important;
}

.modal-content.addressModal {
    background-color: #f5eee0;
}

.modal.addaddress .modalHeader {
    justify-content: center;
    font-family: var(--bold);
    font-size: 28px;
    color: var(--bluecolor);
    border-bottom: none;
    height: 120px;
}


.modal.addaddress .modalContent {
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0 5.223% 2.223% 5.223%;
    overflow-y: unset;
}

    .modal.addaddress .modalContent .inputWrap {
        display: flex;
        flex-wrap: wrap;
        row-gap: 10px;
        justify-content: space-between;
        margin-bottom: 25px;
    }

        .modal.addaddress .modalContent .inputWrap input,
        .modal.addaddress .modalContent .inputWrap textarea {
            width: 100%;
            outline: none;
            border: 2px solid #ebe2d1;
            background-color: #f6f3ed;
            font-size: 14px;
            font-family: var(--regular);
            padding: 17px;
        }

    .modal.addaddress .modalContent .chosen-container-single .chosen-search {
        margin-bottom: 0 !important;
        margin-top: 10px !important;
        width: 95% !important;
        padding: 2px 5px !important;
    }

        .modal.addaddress .modalContent .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

        .modal.addaddress .modalContent .chosen-container-single .chosen-search input {
            padding: 6px 4px !important;
        }


    .modal.addaddress .modalContent .inputWrap input::placeholder,
    .modal.addaddress .modalContent .inputWrap textarea::placeholder {
        color: #ada18a;
        font-size: 14px;
        font-family: var(--regular);
    }

    .modal.addaddress .modalContent .inputWrap input[disabled] {
        background-color: #b7b7b7;
        color: #636363;
    }

    .modal.addaddress .modalContent .inputWrap textarea {
        min-height: 120px;
        resize: none;
    }

    .modal.addaddress .modalContent .inputWrap .w-50 {
        width: 49.5%;
    }

    .modal.addaddress .modalContent .currentCheckBox {
        width: 100%;
        display: inline-flex;
    }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            color: #ada18a;
            font-family: var(--regular);
            font-size: 14px;
            margin-bottom: 10px;
            padding-left: 27px;
        }

            .modal.addaddress .modalContent .currentCheckBox .customCheckbox .checkmark {
                height: 19px;
                width: 19px;
            }

        .modal.addaddress .modalContent .currentCheckBox input[type=checkbox]:checked + label .checkmark:after {
            left: 5px;
            top: 1px;
            width: 5px;
            height: 10px;
            border-color: #968a63;
            display: block;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox:hover input ~ .checkmark {
            background-color: #fff;
        }

    .modal.addaddress .modalContent .addButton {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        width: 320px;
        padding: 16px 0;
        border-radius: 3px;
        background-color: var(--bluecolor);
        color: #fffaf0;
        font-family: var(--bold);
        font-size: 18px;
        cursor: pointer;
        border: none;
    }

        .modal.addaddress .modalContent .addButton[disabled] {
            background-color: #a1a1a1;
            color: #555555;
            border: none;
            cursor: unset;
            user-select: none;
        }

/* .districtSelect,
.citySelect {
    width: 398px;
} */

.modal.addaddress .addressChosen {
    width: 49.5%;
}

.districtSelect,
.citySelect {
    width: 100%;
}


.modal.addaddress .modalContent .chosen-container-single .chosen-single div b::before {
    color: #c6bea2;
}

.modal.addaddress .modalContent .chosen-container-single .chosen-single {
    background: none !important;
    background-color: #f5f3ed !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    height: 55px !important;
    border-radius: 0 !important;
    border: 1px solid #e2d7c1 !important;
    z-index: 1 !important;
    padding: 0 0 0 20px !important;
}

    .modal.addaddress .modalContent .chosen-container-single .chosen-single span {
        font-family: var(--regular) !important;
        color: #ada18a !important;
        font-size: 14px !important;
    }

.modal.addaddress .modalContent .chosen-container .chosen-drop {
    border: 1px solid #e2d7c1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background-color: #f5eee0 !important;
    padding: 20px 0 5px 0 !important;
}

.modal.addaddress .modalContent .chosen-container .chosen-results {
    font-family: var(--regular) !important;
    color: var(--bluecolor) !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
}

/* Orders */
/* Empty Cart */
.main.account .right .accounttabs .tab-content.orders .emptyCart {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 88%;
}

    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        width: 110px;
        height: 130px;
        background: url(/assets/images/emptycarticon.png) center center no-repeat;
        margin-bottom: 35px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .text {
        font-size: 18px;
        font-family: var(--regular);
        color: var(--bluecolor);
        margin-bottom: 10px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #b1a48a;
        border-radius: 3px;
        color: #fffaf0;
        font-family: var(--medium);
        font-size: 18px;
        padding: 22px 93px;
    }

.status {
    display: flex;
    flex-direction: column;
    position: relative;
    row-gap: 6px;
}

    .status .orderStatus {
        color: var(--bluecolor);
        font-family: var(--bold);
        font-size: 16px;
        position: relative;
        text-align: start;
    }

    .status .replayButton {
        color: var(--bluecolor);
        font-family: var(--regular);
        font-size: 14px;
        text-align: start;
    }

    .status .cargoText {
        color: var(--bluecolor);
        font-family: var(--regular);
        font-size: 14px;
        text-align: start;
        margin-left: -25px;
    }

    .status .cargoTrackingNumber {
        color: var(--bluecolor);
        font-family: var(--bold);
        font-size: 16px;
        text-align: start;
        margin-left: -25px;
    }

    .status::before {
        content: '';
        position: absolute;
        left: -25px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
    }

    .status .orderStatus::before {
        content: '';
        position: absolute;
        left: -30px;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
    }



    .status.delivered::before {
        background: url(/assets/images/deliveredicon.png) center center / contain no-repeat;
    }

    .status.canceled::before {
        background: url(/assets/images/canceledicon.png) center center / contain no-repeat;
    }

    .status.shipped .orderStatus::before {
        background: url(/assets/images/shippedicon.png) center center / contain no-repeat;
    }

    .status.approved::before {
        background: url(/assets/images/approvedicon.png) center center / contain no-repeat;
    }

    .status.waiting::before {
        background: url(/assets/images/waitingicon.png) center center / contain no-repeat;
    }

    .status.gettingready::before {
        background: url(/assets/images/gettingreadyicon.png) center center / contain no-repeat;
    }

    .status.approved .orderStatus {
        color: #39b54a;
    }

    .status.canceled .orderStatus {
        color: #ed1c24;
    }

    .status.shipped .orderStatus {
        color: #00aeef;
    }

    .status.waiting .orderStatus {
        color: #e6af19;
    }

    .status.gettingready .orderStatus {
        color: #893c0d;
    }


/* Order List */
.main.account .right .accounttabs .tab-content.orders .orderList {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

    .main.account .right .accounttabs .tab-content.orders .orderList table {
        background-color: white;
        width: 100%;
        border: none;
        border-collapse: collapse;
    }

        .main.account .right .accounttabs .tab-content.orders .orderList table th,
        .main.account .right .accounttabs .tab-content.orders .orderList table tr,
        .main.account .right .accounttabs .tab-content.orders .orderList table td {
            text-align: start;
            background-color: #f5eee0;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th,
        .main.account .right .accounttabs .tab-content.orders .orderList table tr {
            border-bottom: 7px solid #fffaf0;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th {
            height: 90px;
            color: #74572d;
            font-family: var(--regular);
            font-size: 16px;
            font-weight: 100;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr {
            height: 90px;
            color: var(--bluecolor);
            font-family: var(--regular);
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1) {
            text-align: start;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
            padding-left: 40px;
            width: 24.156%;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(2),
        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(2) {
            width: 21.1356%;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(3),
        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(3) {
            width: 18.116%;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(4),
        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(4) {
            width: 12.078%;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(5),
        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(5) {
            width: 22.205%;
            text-align: end;
            padding-right: 10px;
        }

.orderList .status {
    margin-left: 20px;
    row-gap: 0;
}

.main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton i {
        font-size: 14px;
        margin-right: 8px;
    }

.main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen {
    width: 100% !important;
    z-index: 1;
    position: relative;
}

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 178px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .orderSelect {
        width: 100% !important;
    }


        .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .orderSelect .chosen-container .chosen-drop {
            width: 100% !important;
        }

.main.account .right .accounttabs .tab-content.orders .orderList .chosen-container .chosen-results {
    margin-right: 0 !important;
    text-align: center;
}

.orderDetailTable {
    background-color: #fdfbf1;
}

/* Favorites */

/* Empty Favorites */
.main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        width: 157px;
        height: 134px;
        background: url(/assets/images/emptyfavoritesicon.png) center center / 100% no-repeat;
        margin-bottom: 35px;
    }

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .text {
        font-size: 18px;
        font-family: var(--regular);
        color: var(--bluecolor);
        margin-bottom: 10px;
    }

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #b1a48a;
        border-radius: 3px;
        color: #fffaf0;
        font-family: var(--medium);
        font-size: 18px;
        padding: 22px 93px;
    }

/* Favorite List */
.main.account .right .accounttabs .tab-content.favorites .favoriteList {
    width: 100%;
    height: 100%;
    padding: 20px 20px 9.6% 20px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 45px;
}

    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 182px;
        height: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item a:nth-child(2) {
            width: 100%;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            width: 100%;
            height: 210px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

            .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: var(--imagetransition);
            }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item:hover .imgBox img {
            transform: scale(1.05);
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .nameBox {
            color: #292e38;
            font-size: 16px;
            font-family: var(--regular);
            margin: 5% 0 3% 0;
            text-align: center;
            padding: 0 10px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 38px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            position: absolute;
            right: 4px;
            top: 4px;
            color: #ce171f;
            border-radius: 100%;
            width: 25px;
            height: 25px;
            border: 1px solid #dbcdb1;
            background-color: #fffaf0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            z-index: 1;
        }


/* Coupons */
/* Empty Coupons */
.main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 75%;
}

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 190px;
        height: 100px;
        background: url(/assets/images/emptycouponicon.png) center center no-repeat;
        margin-bottom: 35px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 18px;
        font-family: var(--regular);
        color: var(--bluecolor);
        margin-bottom: 10px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .continueButton {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #b1a48a;
        border-radius: 3px;
        color: #fffaf0;
        font-family: var(--medium);
        font-size: 18px;
        padding: 22px 93px;
    }



.main.account .right .accounttabs .tab-content.coupons .couponTabList {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 50px;
    background-color: #f5eee0;
    height: 85px;
    border-bottom: 6px solid #fffaf0;
    font-size: 16px;
    font-family: var(--regular);
    color: #65512c;
}

    .main.account .right .accounttabs .tab-content.coupons .couponTabList .active {
        font-family: var(--bold);
        color: var(--bluecolor);
    }

.main.account .right .accounttabs .tab-content.coupons .couponTabs {
    width: 100%;
    height: 100%;
}

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        width: 100%;
        background-color: #f5eee0;
        display: flex;
        flex-wrap: wrap;
        padding: 18px;
        column-gap: 15px;
        row-gap: 25px;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
            width: 48.143%;
            background-color: #fffaf0;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                min-height: 80px;
                height: 100%;
                padding: 20px 10px 20px 20px;
                border: 1px solid #d5c7aa;
                border-bottom: none;
                column-gap: 60px;
                justify-content: space-between;
            }

                .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .text {
                    font-family: var(--regular);
                    font-size: 16px;
                    color: var(--bluecolor);
                }


                .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                    font-family: var(--bold);
                    font-size: 20px;
                    color: var(--bluecolor);
                }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom {
                display: flex;
                background-color: #d5c7aa;
                justify-content: end;
            }

                .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
                    background-color: var(--bluecolor);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 7px;
                    color: #fffaf0;
                    font-size: 16px;
                    font-family: var(--regular);
                    width: 23.38%;
                    cursor: pointer;
                    padding: 10px 0px;
                }

                    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                        font-size: 14px;
                    }

                .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: end;
                    gap: 7px;
                    color: #65512c;
                    font-size: 14px;
                    font-family: var(--regular);
                    width: 76.63%;
                    padding: 10px;
                }

/* Cart */
.main.cart {
    width: 92.6378%;
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
    margin-top: 1.306%;
    margin-bottom: 3.395%;
}

    .main.cart .left-container {
        /*width: 100%;*/
        width: 76.3812%;
        display: flex;
        flex-direction: column;
        float: left;
        background-color: #f5eee0;
    }

    .main.cart.order .left .accordion-content.stepPayment .left-container {
        background-color: transparent;
    }

    .main.cart .left {
        /*width: 76.3812%;*/
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        /*.main.cart .left .top {
            width: 100%;
            display: flex;
            justify-content: space-between;
            min-height: 40px;
            align-items: end;
            margin-bottom: 1.624%;
        }*/

        .main.cart .left .top .texts {
            display: flex;
            flex-direction: column;
            color: var(--bluecolor);
        }

            .main.cart .left .top .texts h1 {
                font-size: 18px;
                font-family: var(--bold);
            }

            .main.cart .left .top .texts span {
                font-size: 14px;
                font-family: var(--regular);
            }

        .main.cart .left .top .buttons {
            display: flex;
            justify-content: end;
            align-items: center;
            column-gap: 40px;
        }

            .main.cart .left .top .buttons a {
                color: var(--bluecolor);
                font-size: 14px;
                font-family: var(--regular);
                display: flex;
                column-gap: 10px;
                align-items: center;
            }

                .main.cart .left .top .buttons a i {
                    font-size: 12px;
                }


        .main.cart .left .itemWrapper {
            display: flex;
            flex-direction: column;
            row-gap: 17px;
            margin-bottom: 10px;
        }

            .main.cart .left .itemWrapper td {
                padding-bottom: 17px;
            }

            .main.cart .left .itemWrapper .item {
                display: flex;
                /* padding: 1.993% 2.953% 2.584% 2.362%; */
                padding: 2.584% 2.953% 2.584% 2.362%;
                background-color: #f5eee0;
                align-items: center;
            }

                .main.cart .left .itemWrapper .item .imageBox {
                    width: 84px;
                    height: 84px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 3.118%;
                }

                    .main.cart .left .itemWrapper .item .imageBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }


                .main.cart .left .itemWrapper .item .name {
                    width: 19.55%;
                    color: #292e38;
                    font-family: var(--regular);
                    font-size: 16px;
                    padding-right: 10px;
                }

                .main.cart .left .itemWrapper .item .featureContainer {
                    display: flex;
                    flex-direction: column;
                    width: 35.02%;
                    margin-right: 7.561%;
                }

                    .main.cart .left .itemWrapper .item .featureContainer .featureTitle {
                        color: var(--bluecolor);
                        font-size: 14px;
                        font-family: var(--regular);
                        padding-left: 23px;
                        margin-bottom: 5px;
                    }

                    .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
                        display: flex;
                        justify-content: space-between;
                    }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
                            width: 100px;
                            background-color: transparent;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background-color: #f5eee0;
                            border-radius: 3px;
                            border: 1px solid #daccaf;
                            gap: 5px;
                        }

                            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select input {
                                width: 30px;
                                background-color: transparent;
                                border: none;
                                outline: none;
                                text-align: center;
                                font-size: 16px;
                                font-family: var(--bold);
                                color: var(--bluecolor);
                            }

                            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
                                font-size: 20px;
                                color: #b1a48a;
                                cursor: pointer;
                            }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
                            width: 58%;
                            z-index: 1
                        }

                            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen:has(.chosen-container-active) {
                                z-index: 2
                            }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureSelect {
                            width: 100%;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-active.chosen-with-drop .chosen-single {
                            background: none !important;
                            background-color: #f5eee0 !important;
                            font-family: var(--regular) !important;
                            color: var(--bluecolor) !important;
                            font-size: 14px !important;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
                            font-family: var(--bold) !important;
                            color: var(--bluecolor) !important;
                            font-size: 16px !important;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results {
                            font-family: var(--regular) !important;
                            color: var(--bluecolor) !important;
                            font-size: 14px !important;
                            margin: 0 !important;
                            padding: 0 !important;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                            background: none !important;
                            background-color: #f5eee0 !important;
                            box-shadow: none !important;
                            display: flex !important;
                            align-items: center !important;
                            height: 46px !important;
                            border-radius: 3px !important;
                            border: 1px solid #e2d7c1 !important;
                            z-index: 0 !important;
                            padding: 0 0 0 23px !important;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-drop {
                            border: 1px solid #e2d7c1 !important;
                            border-radius: 3px !important;
                            padding-top: 10px !important;
                            padding-bottom: 10px !important;
                            box-shadow: none !important;
                            overflow: hidden !important;
                            background-color: #f5eee0 !important;
                            z-index: 1 !important;
                            margin-top: 0px !important;
                            border-top: none !important;
                            border-radius: 0px 0px 5px 5px !important;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                            padding: 10px;
                            font-size: 16px;
                        }


                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.highlighted {
                            background-image: none !important;
                            background-color: #e2d7c1 !important;
                            color: var(--bluecolor) !important;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single div b {
                            background: none !important;
                            position: relative !important;
                            margin-left: -20px !important;
                        }

                            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single div b::before {
                                content: '\f078';
                                font-family: 'FontAwesome';
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                font-size: 15px;
                                transition: all ease .3s;
                                color: var(--bluecolor);
                            }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-active.chosen-with-drop .chosen-single div b::before {
                            transform: rotate(-180deg);
                        }



                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-search::before {
                            content: '\f002';
                            font-family: 'FontAwesome';
                            position: absolute;
                            right: 15px;
                            top: 50%;
                            transform: translateY(-50%);
                            color: #ae9674 !important;
                            font-size: 17px;
                        }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-search input[type=text] {
                            background: #fff !important;
                            border-radius: 50px !important;
                            border: none !important;
                            outline: none !important;
                        }

                            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-search input[type=text]::placeholder {
                                color: #ae9674 !important;
                                font-family: var(--regular);
                                font-size: 14px;
                            }

                        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single div {
                            width: 10px !important;
                        }


                .main.cart .left .itemWrapper .item .priceContainer {
                    display: flex;
                    flex-direction: column;
                    margin-right: 2.885%;
                    width: 8.574%;
                    height: 55px;
                    margin-top: 25px;
                }

                    .main.cart .left .itemWrapper .item .priceContainer .text {
                        color: var(--bluecolor);
                        font-size: 14px;
                        font-family: var(--regular);
                        margin-bottom: 5px;
                    }

            .main.cart .left .itemWrapper.forOrder .item .priceContainer,
            .main.cart .left .itemWrapper.forOrder .item .totalPrice {
                margin-top: 14px;
            }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox,
            .main.cart .left .itemWrapper .item .totalPrice .priceBox {
                display: flex;
                flex-direction: column;
            }

                .main.cart .left .itemWrapper .item .priceContainer .priceBox s {
                    color: #a39069;
                    font-size: 14px;
                    font-family: var(--regular);
                }

                .main.cart .left .itemWrapper .item .priceContainer .priceBox span,
                .main.cart .left .itemWrapper .item .totalPrice .priceBox span {
                    color: var(--bluecolor);
                    font-size: 18px;
                    font-family: var(--bold);
                }

            .main.cart .left .itemWrapper .item .totalPrice {
                display: flex;
                flex-direction: column;
                color: var(--bluecolor);
                margin-right: 7.249%;
                width: 8.574%;
                align-items: end;
                height: 55px;
                margin-top: 25px;
            }

                .main.cart .left .itemWrapper .item .totalPrice .text {
                    color: var(--bluecolor);
                    font-size: 14px;
                    font-family: var(--regular);
                    margin-bottom: 5px;
                }

            .main.cart .left .itemWrapper .item .deleteItemButton {
                color: var(--bluecolor);
                font-size: 20px;
                transition: all ease .2s;
            }

                .main.cart .left .itemWrapper .item .deleteItemButton:hover {
                    color: #b1a48a;
                }

        .main.cart .left .campaign {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 2px 20px 2px 2px;
            font-family: var(--regular);
            font-size: 16px;
            color: #292e38;
            margin-bottom: 8px;
        }

            .main.cart .left .campaign .icon {
                min-width: 25px;
                width: 34px;
                height: 34px;
                margin-right: 15px;
            }

            .main.cart .left .campaign.green {
                background-color: #a3d39c;
            }

                .main.cart .left .campaign.green .icon {
                    background: #fffaf0 url(/assets/images/greencampaignicon.png) center center no-repeat;
                }

            .main.cart .left .campaign.red {
                background-color: #f69679;
            }

                .main.cart .left .campaign.red .icon {
                    background: #fffaf0 url(/assets/images/redcampaignicon.png) center center no-repeat;
                }

    .main.cart .right {
        width: 21.872%;
        padding-top: 62px;
    }

        .main.cart .right .summary {
            width: 100%;
        }

            .main.cart .right .summary .top {
                padding: 25px;
                background-color: #f5eee0;
            }

                .main.cart .right .summary .top .orderSummaryText {
                    color: var(--bluecolor);
                    font-size: 18px;
                    font-family: var(--bold);
                    margin-bottom: 25px;
                }

                .main.cart .right .summary .top .lines {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    color: var(--bluecolor);
                    margin-bottom: 7.397%;
                }

                    .main.cart .right .summary .top .lines:last-child {
                        margin-bottom: 0;
                    }

                    .main.cart .right .summary .top .lines .name {
                        font-family: var(--regular);
                        font-size: 16px;
                    }


                    .main.cart .right .summary .top .lines .value {
                        font-family: var(--bold);
                        font-size: 16px;
                    }

                    .main.cart .right .summary .top .lines.red .name,
                    .main.cart .right .summary .top .lines.red .value {
                        color: #ce171f;
                    }

                    .main.cart .right .summary .top .lines.green .name,
                    .main.cart .right .summary .top .lines.green .value {
                        color: #39b54a;
                    }

            .main.cart .right .summary .generalTotal {
                width: 100%;
                display: flex;
                justify-content: space-between;
                color: var(--bluecolor);
                font-family: var(--bold);
                font-size: 18px;
                padding: 20px;
                margin-top: 7px;
                align-items: center;
                background-color: #f5eee0;
            }

                .main.cart .right .summary .generalTotal .price {
                    font-size: 25px;
                }

        .main.cart .right .completeOrderButton {
            width: 100%;
            background-color: var(--bluecolor);
            color: #fffaf0;
            font-family: var(--medium);
            font-size: 18px;
            padding: 22px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 12px;
        }

        .main.cart .right .accordion-title {
            width: 100%;
            background-color: #ded1be;
            color: #65512c;
            font-family: var(--bold);
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 25px;
            cursor: pointer;
        }

            .main.cart .right .accordion-title.promotion {
                margin-top: 8px;
            }

            .main.cart .right .accordion-title i {
                font-size: 16px;
                transition: all ease .3s;
            }

            .main.cart .right .accordion-title .itemName {
                display: flex;
                gap: 10px;
                align-items: center;
            }

            .main.cart .right .accordion-title .couponIcon {
                width: 20px;
                height: 20px;
                display: block;
                background: url(/assets/images/couponsIcon.png) center center no-repeat;
            }

            .main.cart .right .accordion-title .promotionIcon {
                width: 20px;
                height: 20px;
                display: block;
                background: url(/assets/images/promotionIcon.png) center center no-repeat;
            }

            .main.cart .right .accordion-title.opened i {
                transform: rotate(-180deg);
            }

        .main.cart .right .accordion-content {
            width: 100%;
            background-color: #ded1be;
        }

            .main.cart .right .accordion-content.coupon {
                padding: 3.61% 6.189% 6.189% 6.189%;
                display: flex;
                flex-direction: column;
            }


                .main.cart .right .accordion-content.coupon .couponInputBox {
                    width: 100%;
                    background-color: #fff;
                    display: flex;
                    height: 48px;
                    margin-bottom: 15px;
                }

                    .main.cart .right .accordion-content.coupon .couponInputBox input {
                        width: 240px;
                        height: 100%;
                        font-family: var(--regular);
                        font-size: 16px;
                        background-color: transparent;
                        border: none;
                        outline: none;
                    }

                    .main.cart .right .accordion-content.coupon .couponInputBox input {
                        /*width: 240px;*/
                        width: 213px;
                        height: 48px;
                        font-family: var(--regular);
                        font-size: 16px;
                        background-color: transparent;
                        border: none;
                        outline: none;
                        padding: 0 10px;
                    }

                    .main.cart .right .accordion-content.coupon .couponInputBox a {
                        width: 100px;
                        height: 100%;
                        background-color: var(--bluecolor);
                        font-family: var(--bold);
                        font-size: 18px;
                        color: #fffaf0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                    }

                .main.cart .right .accordion-content.coupon .myCouponsButton {
                    width: 100%;
                    padding: 19px 10px;
                    background-color: #e9ddcc;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family: var(--regular);
                    font-size: 18px;
                    color: #65512c;
                    border: 2px solid #9d8d70;
                }

            .main.cart .right .accordion-content.promotion {
                padding: 7px;
            }

                .main.cart .right .accordion-content.promotion .promotions {
                    background-color: #e9ddcc;
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    padding: 20px 17px 10px 17px;
                }


                    .main.cart .right .accordion-content.promotion .promotions .item {
                        width: 100%;
                        display: flex;
                        font-family: var(--regular);
                        font-size: 16px;
                        color: var(--bluecolor);
                        gap: 10px;
                        /*justify-content: space-between;*/
                        align-items: center;
                        margin-bottom: 20px;
                    }


                        .main.cart .right .accordion-content.promotion .promotions .item a {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            color: var(--bluecolor);
                            font-family: var(--regular);
                            font-size: 14px;
                            background-color: #fffaf0;
                            border: 2px solid #bdae98;
                            padding: 5px 15px;
                        }






/*.modal.myCoupons {
    background: #ffffff;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
}*/

.modal.myCoupons .modal-body {
    min-height: 440px !important;
    height: unset !important;
}

.modal.myCoupons .modalHeader {
    justify-content: center;
    font-family: var(--bold);
    color: var(--bluecolor);
    border-bottom: none;
    height: 90px;
    font-size: 24px;
}

    .modal.myCoupons .modalHeader button.close {
        color: #9d885f;
    }

.modal.myCoupons button.close i {
    color: #9d885f;
}

.modal.myCoupons .modalHeader button.close:hover i {
    color: #c50000;
}

.modal.myCoupons .modalContent {
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0px 35px 0px 35px;
    overflow-y: unset;
}

.modal-dialog.kvkk.myCoupons .modalContent {
    margin: 10px 0 0px 0;
}


.modal.myCoupons .modalContent .couponWrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    row-gap: 20px;
    justify-content: space-between;
}

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 46.866%;
        background-color: #fffaf0;
        display: flex;
        flex-direction: column;
        border: 1px solid #d5c7aa;
    }

        .modal.myCoupons .modalContent .couponWrapper .item .top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 80px;
            padding: 5.223% 2.612% 5.223% 5.223%;
            border-bottom: none;
            column-gap: 60px;
        }

            .modal.myCoupons .modalContent .couponWrapper .item .top .text {
                font-family: var(--regular);
                font-size: 16px;
                color: #65512c;
            }


            .modal.myCoupons .modalContent .couponWrapper .item .top .code {
                font-family: var(--bold);
                font-size: 20px;
                color: var(--bluecolor);
            }

        .modal.myCoupons .modalContent .couponWrapper .item .bottom {
            display: flex;
            height: 40px;
            justify-content: space-between;
        }

            .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
                height: 100%;
                display: flex;
                align-items: center;
                gap: 7px;
                color: var(--bluecolor);
                font-size: 20px;
                font-family: var(--bold);
                cursor: pointer;
                padding-left: 20px;
            }

                .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton i {
                    font-size: 14px;
                }

            .modal.myCoupons .modalContent .couponWrapper .item .bottom .date {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: end;
                gap: 7px;
                font-size: 14px;
                font-family: var(--regular);
                padding: 0 10px;
                color: #65512c;
            }


/* Order */
.main.cart.order {
    margin-top: 4.439%;
}

    .main.cart.order .right {
        padding-top: 0;
        float: right;
        margin-top: -105px;
    }

    .main.cart.order .left .order-tab-list {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        gap: 147px;
        color: #e3d7bf;
        font-size: 18px;
        font-family: var(--bold);
        background-color: #f5eee0;
        padding: 30px 0 15px 0;
        position: relative;
        margin-bottom: 10px;
        z-index: 1;
        width: 76.3812%;
    }

        .main.cart.order .left .order-tab-list::before {
            content: '';
            position: absolute;
            top: 28px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #e3d7bf;
            height: 2px;
            width: 56%;
        }

        .main.cart.order .left .order-tab-list .loadLine {
            content: '';
            position: absolute;
            top: 28px;
            left: 295px;
            background-color: #65512c;
            height: 2px;
            /* width: 18.5%; */
            width: 0;
            z-index: 1;
        }



        .main.cart.order .left .order-tab-list .accordion-header {
            height: 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: end;
            position: relative;
        }

            .main.cart.order .left .order-tab-list .accordion-header .icon {
                width: 18px;
                height: 18px;
                background-color: #e3d7bf;
                border-radius: 100%;
                position: absolute;
                top: -9px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 2;
            }

            /* active */
            .main.cart.order .left .order-tab-list .accordion-header.active .icon {
                width: 28px;
                height: 28px;
                border: 3px solid #65512c;
                background-color: #fffaf0;
                border-radius: 100%;
                top: -14px;
                z-index: 2;
            }

            /* passed */
            .main.cart.order .left .order-tab-list .accordion-header.passed .icon {
                width: 28px;
                height: 28px;
                border: 3px solid #65512c;
                background-color: #65512c;
                border-radius: 100%;
                top: -14px;
            }

                .main.cart.order .left .order-tab-list .accordion-header.passed .icon::before {
                    content: '\f00c';
                    font-family: 'FontAwesome';
                    color: #fff;
                    font-size: 20px;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }


            .main.cart.order .left .order-tab-list .accordion-header.active,
            .main.cart.order .left .order-tab-list .accordion-header.passed {
                color: #65512c;
            }



    .main.cart.order .left .accordion-content {
        width: 100%;
        /*background-color: #f5eee0;*/
    }


        .main.cart.order .left .accordion-content.stepUser .login {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f5eee0;
            padding: 2.988% 0;
        }

            .main.cart.order .left .accordion-content.stepUser .login .container {
                width: 44.3%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .main.cart.order .left .accordion-content.stepUser .login .container .text {
                    font-size: 21px;
                    color: var(--bluecolor);
                    font-family: var(--bold);
                    margin-bottom: 7.5%;
                }

                .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    row-gap: 36px;
                }

                    .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox {
                        width: 100%;
                        border: 1px solid #ece2cf;
                        background-color: #f6f3ed;
                        position: relative;
                    }


                        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox i {
                            position: absolute;
                            right: 25px;
                            top: 50%;
                            transform: translateY(-50%);
                            color: var(--bluecolor);
                            cursor: pointer;
                            min-width: 20px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }

                        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
                            width: 100%;
                            border: none;
                            outline: none;
                            background: transparent;
                            padding: 3.68% 50px 3.68% 30px;
                            font-family: var(--regular);
                            font-size: 14px;
                        }

                            .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input::placeholder {
                                font-family: var(--regular);
                                font-size: 14px;
                                color: #ada18a;
                            }

                .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
                    width: 100%;
                    display: flex;
                    justify-content: end;
                    align-items: center;
                    padding: 4.168% 0;
                }

                    .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword a {
                        font-family: var(--regular);
                        font-size: 14px;
                        color: var(--bluecolor);
                    }

                        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword a:hover {
                            text-decoration: underline;
                        }

                .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    height: 76px;
                }

                    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--bluecolor);
                        border: 1px solid var(--bluecolor);
                        color: #f5eee0;
                        font-family: bold;
                        font-size: 18px;
                        padding: 0 27px;
                        transition: all ease .3s;
                        border-radius: 3px;
                        font-family: var(--medium);
                        cursor: pointer;
                    }

                        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton:hover {
                            background-color: #f5eee0;
                            color: var(--bluecolor);
                        }


                    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #f5eee0;
                        border: 1px solid var(--bluecolor);
                        color: var(--bluecolor);
                        font-family: var(--medium);
                        font-size: 18px;
                        padding: 0 12px;
                        transition: all ease .3s;
                        border-radius: 3px;
                        cursor: pointer;
                    }

                        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton:hover {
                            background-color: var(--bluecolor);
                            color: #f5eee0;
                        }



        .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
            display: inherit;
            margin: 0 auto 60px auto;
            padding: 19px 22px;
            color: var(--bluecolor);
            font-family: var(--regular);
            font-size: 14px;
            border: 1px solid var(--bluecolor);
            border-radius: 3px;
            cursor: pointer;
        }

            .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton:hover {
                text-decoration: underline;
            }




        .main.cart.order .left .accordion-content.stepUser .register {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f5eee0;
            padding: 2.988%;
            display: none;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container {
                width: 46.8%;
                display: flex;
                flex-direction: column;
                align-items: start;
            }

                .main.cart.order .left .accordion-content.stepUser .register .container .text {
                    font-size: 21px;
                    color: var(--bluecolor);
                    font-family: var(--bold);
                    margin-bottom: 8%;
                    width: 100%;
                    text-align: center;
                }

                    .main.cart.order .left .accordion-content.stepUser .register .container .text.center {
                        text-align: center;
                    }

                .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    margin-bottom: 25px;
                    flex-wrap: wrap;
                    row-gap: 36px;
                    justify-content: space-between;
                }

                    .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox {
                        width: 100%;
                        border: 1px solid #ece2cf;
                        background-color: #f6f3ed;
                        position: relative;
                    }

                        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
                            width: 48.335%;
                        }

                        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                            width: 100%;
                            border: none;
                            outline: none;
                            background: transparent;
                            padding: 22px 50px 22px 30px;
                            font-family: var(--regular);
                            font-size: 14px;
                        }


                            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input::placeholder {
                                font-family: var(--regular);
                                font-size: 14px;
                                color: #ada18a;
                            }


                .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    height: 76px;
                    column-gap: 10px;
                }

                    .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea .submitButton {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: var(--bluecolor);
                        border: 1px solid var(--bluecolor);
                        color: #f5eee0;
                        font-size: 18px;
                        width: 100%;
                        transition: all ease .3s;
                        border-radius: 3px;
                        font-family: var(--medium);
                    }

                        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea .submitButton:hover {
                            background-color: #f5eee0;
                            color: var(--bluecolor);
                        }

                .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox i {
                    position: absolute;
                    right: 25px;
                    top: 50%;
                    transform: translateY(-50%);
                    color: var(--bluecolor);
                    cursor: pointer;
                    min-width: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }


                .main.cart.order .left .accordion-content.stepUser .register .container .alreadyMemberText {
                    width: 100%;
                    text-align: center;
                    font-size: 14px;
                    font-family: var(--regular);
                    color: #65512c;
                    margin-top: 30px;
                }

                .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
                    color: var(--bluecolor);
                    font-family: var(--bold);
                    font-size: 18px;
                    display: flex;
                    width: 100px;
                    padding: 26px 0;
                    border-radius: 3px;
                    border: 1px solid var(--bluecolor);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all ease .3s;
                    cursor: pointer;
                }




                .main.cart.order .left .accordion-content.stepUser .register .container .registerButton {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: var(--bluecolor);
                    border: 1px solid var(--bluecolor);
                    color: #f5eee0;
                    font-family: bold;
                    font-size: 18px;
                    transition: all ease .3s;
                    border-radius: 3px;
                    font-family: var(--medium);
                    width: 147px;
                    cursor: pointer;
                }


                    .main.cart.order .left .accordion-content.stepUser .register .container .registerButton:hover {
                        background-color: #f5eee0;
                        color: var(--bluecolor);
                    }



                .main.cart.order .left .accordion-content.stepUser .register .container .loginButton:hover {
                    background-color: var(--bluecolor);
                    color: #f2efe1;
                }


                .main.cart.order .left .accordion-content.stepUser .register .container .checkArea {
                    width: 100%;
                }



        .main.cart.order .left .accordion-content.stepAddress .addresses {
            padding: 3.1% 2.805%;
            float: left;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
                font-family: var(--bold);
                color: var(--bluecolor);
                font-size: 21px;
                margin-bottom: 4.145%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                    font-size: 21px;
                    font-family: var(--regular);
                    color: var(--bluecolor);
                    font-weight: 100;
                }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                    width: auto;
                    height: 100%;
                    margin-bottom: 0;
                    padding-left: 30px;
                }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                        border: 2px solid #656f7e;
                        background-color: #f5eee0;
                        height: 21px;
                        width: 21px;
                        border-radius: 2px;
                        top: 2px;
                    }

                        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark:after {
                            left: 5px;
                            top: 1px;
                            width: 4px;
                            height: 10px;
                        }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox:hover .checkmark:after {
                        border-color: var(--bluecolor);
                    }



            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
                width: 45%;
                color: var(--bluecolor);
                font-family: var(--regular);
                font-size: 14px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 13px 0px;
                background-color: #f6f3ed;
                border: 2px solid #f0e8d7;
                gap: 15px;
                margin: 0 auto 3.285% auto;
                cursor: pointer;
            }



                .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                    font-size: 34px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                row-gap: 20px;
            }


            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
                /*width: 48%;*/
                width: 100%;
                /*background-color: #f6f3ed;*/
                position: relative;
                /*padding: 1.174% 1.174% 1.955% 1.174%;*/
                display: flex;
                flex-direction: column;
                /*margin-bottom: 20px;*/
                /*border: 3px solid transparent;*/
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                    font-size: 18px;
                    font-family: var(--bold);
                    color: var(--bluecolor);
                    margin-bottom: 13px;
                    margin-top: 14px;
                }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                    font-size: 18px;
                    font-family: var(--regular);
                    color: var(--bluecolor);
                    margin-bottom: 38px;
                    display: flex;
                    flex-direction: column;
                    line-height: 1.3;
                }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons a {
                        display: flex;
                        align-items: center;
                        color: var(--bluecolor);
                        font-size: 14px;
                        font-family: var(--regular);
                        gap: 7px;
                        cursor: pointer;
                    }

                /*.main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                    width: 100%;
                    height: 100%;
                    margin-bottom: 0;
                    padding-left: 40px;
                }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                        border: 2px solid #656f7e;
                        background-color: #f5eee0;
                        height: 21px;
                        width: 21px;
                        border-radius: 2px;
                    }

                        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark:after {
                            left: 5px;
                            top: 1px;
                            width: 4px;
                            height: 10px;
                        }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox:hover .checkmark:after {
                        border-color: var(--bluecolor);
                    }*/
                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem label {
                    width: 100%;
                    height: 100%;
                    margin-bottom: 0;
                    padding-left: 40px;
                }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem label .checkmark {
                        border: 2px solid #656f7e;
                        background-color: #f5eee0;
                        height: 21px;
                        width: 21px;
                        border-radius: 2px;
                        cursor: pointer;
                    }

                        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem label .checkmark:after {
                            left: 5px;
                            top: 1px;
                            width: 4px;
                            height: 10px;
                            border: thin solid var(--bluecolor);
                            border-width: 0 2px 2px 0;
                            -webkit-transform: rotate(45deg);
                            -ms-transform: rotate(45deg);
                            transform: rotate(45deg);
                        }

                    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem label:hover .checkmark:after {
                        border-color: var(--bluecolor);
                    }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem input:checked + label .checkmark:after {
                    display: block;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses li:has(input:checked) {
                border-color: rgb(29, 45, 71);
            }

    .main.cart.order .right .addressContinueButton,
    .main.cart.order .right .cargoContinueButton,
    .main.cart.order .right .paymentButton {
        width: 100%;
        background-color: var(--bluecolor);
        color: #fffaf0;
        font-family: var(--medium);
        font-size: 18px;
        padding: 22px 10px;
        display: flex;
        margin-bottom: 12px;
        display: block;
        text-align: center;
        outline: none;
        border: none;
        cursor: pointer;
    }


        .main.cart.order .right .paymentButton[disabled] {
            background-color: #a1a1a1;
            color: #555555;
            border: none;
            cursor: unset;
            user-select: none;
        }


    .main.cart.order .left .accordion-content.stepCargo .left-container {
        padding: 3.322% 3.322% 8.5% 3.322%;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-family: var(--bold);
        font-size: 20px;
        color: var(--bluecolor);
        margin-bottom: 3.953%;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 45px;
    }

    /*.main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
                width: 22.135%;
                background-color: #f6f3ed;
                padding: 1.898% 2.53% 0.791% 2.53%;
            }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .cargoName {
                    font-size: 16px;
                    font-family: var(--regular);
                    color: var(--bluecolor);
                    display: flex;
                    min-height: 48px;
                    gap: 5px;
                }

                    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .cargoName .priceBox {
                        display: flex;
                        flex-direction: column;
                        align-items: end;
                    }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
                    width: 118.28%;
                    height: 70px;
                    display: flex;
                    align-items: center;
                    justify-content: start;
                    margin-left: -30px;
                }

                    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                        max-width: 90%;
                        max-height: 70%;
                    }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .customCheckbox {
                    width: 100%;
                    margin-bottom: 0;
                    padding-left: 30px;
                }

                    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .customCheckbox .checkmark {
                        border: 2px solid #656f7e;
                        background-color: #f5eee0;
                        height: 21px;
                        width: 21px;
                        border-radius: 2px;
                    }

                        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .customCheckbox .checkmark:after {
                            left: 5px;
                            top: 1px;
                            width: 4px;
                            height: 10px;
                        }

                    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .customCheckbox:hover .checkmark:after {
                        border-color: var(--bluecolor);
                    }*/
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        list-style-type: none;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 22.135%;
            background-color: #f6f3ed;
            padding: 1.898% 2.53% 0.791% 2.53%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .cargoName {
                font-size: 16px;
                font-family: var(--regular);
                color: var(--bluecolor);
                display: flex;
                min-height: 48px;
                gap: 5px;
            }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .cargoName .priceBox {
                    display: flex;
                    flex-direction: column;
                    align-items: end;
                }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .imgBox {
                width: 118.28%;
                height: 70px;
                display: flex;
                align-items: center;
                justify-content: start;
                margin-left: -30px;
            }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .imgBox img {
                    max-width: 90%;
                    max-height: 70%;
                }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .customCheckbox {
                width: 100%;
                margin-bottom: 0;
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .customCheckbox label .checkmark {
                    border: 2px solid #656f7e;
                    background-color: #f5eee0;
                    height: 21px;
                    width: 21px;
                    border-radius: 2px;
                    cursor: pointer;
                }

                    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .customCheckbox label .checkmark:after {
                        left: 5px;
                        top: 1px;
                        width: 4px;
                        height: 10px;
                    }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .customCheckbox:hover label .checkmark:after {
                    border-color: var(--bluecolor);
                }

                .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li .customCheckbox input:checked + label .checkmark:after {
                    display: block;
                }

    .main.cart.order .right .paymentBox {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .main.cart.order .right .paymentBox .paymentButton {
            margin-bottom: 10px;
        }

        .main.cart.order .right .paymentBox .addressItem {
            margin-bottom: 5px;
            display: flex;
            flex-direction: column;
            color: var(--bluecolor);
            background-color: #f5eee0;
            padding: 5.156% 6.445% 7.734% 6.445%;
        }

            .main.cart.order .right .paymentBox .addressItem .title {
                font-family: var(--bold);
                font-size: 20px;
                margin-bottom: 7.4%;
            }

            .main.cart.order .right .paymentBox .addressItem .name {
                font-family: var(--bold);
                font-size: 18px;
                margin-bottom: 10px;
            }

            .main.cart.order .right .paymentBox .addressItem .addressText {
                display: flex;
                flex-direction: column;
                font-size: 18px;
            }

    .main.cart.order .right .summary .checkArea {
        padding-top: 40px;
        margin-top: 40px;
        position: relative;
    }

        .main.cart.order .right .summary .checkArea::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 70%;
            height: 2px;
            background-color: #e5d8c5;
        }

        .main.cart.order .right .summary .checkArea .customCheckbox {
            padding-left: 25px;
        }

    .main.cart.order .left .accordion-content.stepPayment {
        background-color: #fffaf0;
    }

        .main.cart.order .left .accordion-content.stepPayment .shopDetails {
            font-size: 20px;
            color: var(--bluecolor);
            font-family: var(--bold);
            margin-bottom: 15px;
            padding-left: 33px;
        }


    .main.cart.order .left .itemWrapper .item .featureContainer {
        width: auto;
    }

        .main.cart.order .left .itemWrapper .item .featureContainer.long {
            width: 10%;
        }

        .main.cart.order .left .itemWrapper .item .featureContainer .featureValue {
            font-size: 16px;
            color: var(--bluecolor);
            font-family: var(--bold);
        }

        .main.cart.order .left .itemWrapper .item .featureContainer .featureTitle {
            padding-left: 0;
        }

    .main.cart.order .left .itemWrapper .item .name {
        width: 21.45%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 16.4%;
    }

        .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
            text-align: center;
        }

    .main.cart.order .left .itemWrapper .item .priceContainer {
        min-width: 17.2%;
    }

    .main.cart.order .left .itemWrapper .item .totalPrice {
        margin-right: 0;
    }

/* Card */

.enterCardContainer {
    width: 100%;
    background-color: #f5eee0;
    padding: 3.322%;
    margin-bottom: 2.215%;
}

    .enterCardContainer > .paymentInfosText {
        color: var(--bluecolor);
        font-size: 20px;
        font-family: var(--bold);
        margin-bottom: 2.767%;
    }

    .enterCardContainer > .bottom {
        display: flex;
        justify-content: space-between;
        padding: 0 4.902% 4.348% 3.321%;
    }

        .enterCardContainer > .bottom .left {
            display: flex;
            flex-direction: column;
            width: 43.067%;
        }

            .enterCardContainer > .bottom .left input {
                background-color: #f6f3ed;
                font-size: 19px;
                font-family: var(--bold);
                color: var(--bluecolor);
                outline: none;
                border: 1px solid #ece2cf;
                padding: 18px;
            }

            .enterCardContainer > .bottom .left .title {
                font-family: var(--regular);
                font-size: 16px;
                color: var(--bluecolor);
                margin-bottom: 12px;
            }

            .enterCardContainer > .bottom .left .cartNumbers {
                width: 100%;
                display: flex;
                justify-content: space-between;
                gap: 20px;
                margin-bottom: 30px;
            }

                .enterCardContainer > .bottom .left .cartNumbers input {
                    width: 25%;
                }


            .enterCardContainer > .bottom .left .fullName {
                width: 100%;
                margin-bottom: 30px;
            }

                .enterCardContainer > .bottom .left .fullName input {
                    width: 100%;
                }

            .enterCardContainer > .bottom .left .bottomTitles {
                width: 100%;
                display: flex;
                justify-content: space-between;
                padding-right: 42px;
            }

            .enterCardContainer > .bottom .left .bottomInputs {
                width: 100%;
                display: flex;
                justify-content: space-between;
                position: relative;
            }

                .enterCardContainer > .bottom .left .bottomInputs .cvvInfoButton {
                    color: var(--bluecolor);
                    font-size: 10px;
                    border: 1px solid var(--bluecolor);
                    border-radius: 100%;
                    width: 17px;
                    height: 17px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    right: 10px;
                    top: 50%;
                    transform: translateY(-50%);
                    cursor: help;
                }

                .enterCardContainer > .bottom .left .bottomInputs .cvvInfoText {
                    color: var(--bluecolor);
                    font-size: 14px;
                    border: 1px solid #ece2cf;
                    text-align: center;
                    position: absolute;
                    bottom: -100%;
                    right: 0px;
                    padding: 10px;
                    background-color: #f5f3ed;
                    display: none;
                    z-index: 2;
                }

                .enterCardContainer > .bottom .left .bottomInputs input {
                    width: 30%;
                }


                    .enterCardContainer > .bottom .left .bottomInputs input::placeholder {
                        font-family: var(--regular);
                    }

.cardChosen {
    width: 30%;
}

.cardMounthSelect,
.cardYearSelect {
    width: 30%;
}


.enterCardContainer > .bottom .left .bottomInputs .chosen-container-active.chosen-with-drop .chosen-single {
    background: none !important;
    background-color: #f5f3ed !important;
    font-family: var(--regular) !important;
    color: var(--bluecolor) !important;
    font-size: 14px !important;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
    font-family: var(--bold) !important;
    color: var(--bluecolor) !important;
    font-size: 18px !important;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-results {
    font-family: var(--regular) !important;
    color: var(--bluecolor) !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
    background: none !important;
    background-color: #f5f3ed !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    height: 61px !important;
    border-radius: 3px !important;
    border: 1px solid #e2d7c1 !important;
    z-index: 1 !important;
    padding: 0 0 0 18px !important;
    /* width: 160px; */
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
    border: 1px solid #e2d7c1 !important;
    border-radius: 3px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    background-color: #f5f3ed !important;
    border-top: none !important;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-results li.active-result {
    padding: 10px;
    font-size: 16px;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
    z-index: -0 !important;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-results li.highlighted {
    background-image: none !important;
    background-color: #e2d7c1 !important;
    color: var(--bluecolor) !important;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single div b {
    background: none !important;
    position: relative !important;
    margin-left: -15px !important;
}

    .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single div b::before {
        content: '\f078';
        font-family: 'FontAwesome';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        transition: all ease .3s;
        color: var(--bluecolor);
    }

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-active.chosen-with-drop .chosen-single div b::before {
    transform: rotate(-180deg);
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-search::before {
    content: '\f002';
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #ae9674 !important;
    font-size: 17px;
}

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-search input[type=text] {
    background: #fff !important;
    border-radius: 50px !important;
    border: none !important;
    outline: none !important;
}

    .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-search input[type=text]::placeholder {
        color: #ae9674 !important;
        font-family: var(--regular);
        font-size: 14px;
    }

.enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single div {
    width: 10px !important;
}

/* Credit Cart */
.enterCardContainer > .bottom .right {
    width: 43.067%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
}

    .enterCardContainer > .bottom .right .creditCard {
        width: 100%;
        height: 320px;
        border-radius: 17px;
        display: flex;
        flex-direction: column;
        color: #fff;
        font-family: var(--montserrat);
        margin-top: 20px;
    }

        .enterCardContainer > .bottom .right .creditCard.front {
            background: url(/assets/images/cardfront.png) center center no-repeat;
            background-size: 100%;
        }

        .enterCardContainer > .bottom .right .creditCard.back {
            background: url(/assets/images/cardback.png) center center no-repeat;
            background-size: 100%;
        }


        .enterCardContainer > .bottom .right .creditCard .textInfo {
            width: 100%;
            text-align: end;
            font-style: italic;
            margin-top: 60px;
            padding-right: 15px;
            font-size: 16px;
        }

        .enterCardContainer > .bottom .right .creditCard .cartNumber {
            width: 100%;
            display: flex;
            align-items: center;
            margin-left: 60px;
            gap: 34px;
            margin-top: 45px;
            font-size: 28px;
            letter-spacing: 6px;
        }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 60px 55px;
    }


        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox,
        .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox,
        .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
            display: flex;
            flex-direction: column;
        }

            .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text {
                font-size: 10px;
            }

            .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                font-size: 25px;
                overflow: hidden;
                width: 300px;
            }

            .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                font-size: 10px;
            }

            .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                font-size: 14px;
            }


    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        color: #2e2e2e;
        font-size: 20px;
        text-align: end;
        width: 100%;
        margin-top: 138px;
        padding-right: 40px;
    }

.card-block {
    width: 100%;
    height: 100%;
    position: relative;
}

.card-ic {
    perspective: 600px;
    perspective-origin: 50% 50%;
    position: relative;
}

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

#credit-card {
    background: url(/assets/images/cardfront.png) center center no-repeat;
    width: 100%;
    height: 320px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%
}

    #credit-card img {
        width: 35px;
        height: 25px;
        margin: 30px 0 0 25px;
    }


.credit-card-number.top {
    margin-top: 25px
}


#credit-card-back {
    background: url(/assets/images/cardback.png) center center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 320px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
}

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

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



.credit-card-CVVTxt {
    font-size: 16px;
    color: #717171;
    width: 53px;
    text-align: right;
    font-family: 'Flexo-Medium';
    top: 60px;
    position: absolute;
    font-weight: normal;
    padding: 0px 0;
    width: 100%;
    line-height: 38px;
}

    .credit-card-CVVTxt .CVVbox {
        border-radius: 10px;
        width: 95px;
        height: 38px;
        background: #fff;
        float: right;
        margin: 0 25px 0 20px;
        text-align: center
    }

#CVCInfo {
    left: 72.3%;
    position: absolute;
    top: 76.5%;
    width: 290px;
    display: none;
}

.Arrow {
    background: #fff;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    float: left;
    margin-right: 20px
}

.InfoBubble.ArrowT .Arrow img {
    float: left;
    width: 39px;
    height: 33px;
    margin: 18px
}

.InfoBubble {
    background-color: #f6f6f6;
    color: #1a1a18;
    font-size: 12px;
    height: auto;
    padding: 8px 10px 20px 20px;
    position: relative;
    width: 290px;
    z-index: 100;
    font-weight: normal;
    border-radius: 3px;
    font-family: 'Flexo-Medium';
}

    .InfoBubble span {
        color: #e3000f;
        display: block;
        font-size: 14px;
        margin-top: 10px
    }

    .InfoBubble.ArrowT:before {
        left: inherit;
        right: 85%;
        top: -9px;
    }

    .InfoBubble:after {
        content: "";
        height: 82%;
        left: 0;
        position: absolute;
        top: 0;
        width: 13px;
        z-index: 100;
    }

    .InfoBubble.ArrowT:after {
        height: 16px;
        left: inherit;
        right: 0;
        top: 0;
        width: 100%;
    }

    .InfoBubble:before {
        background-color: #f6f6f6;
        box-shadow: 0 1px 7px -3px #fff;
        content: "";
        height: 15px;
        left: -7px;
        position: absolute;
        top: 40%;
        transform: rotate(45deg);
        width: 15px;
        z-index: 0;
    }

.enterCardContainer .installmentContainer {
    width: 500px;
}


    .enterCardContainer .installmentContainer .installmentTitle {
        color: var(--bluecolor);
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

        .enterCardContainer .installmentContainer .installmentTitle span:nth-child(1) {
            font-size: 20px;
            font-family: var(--bold);
        }

        .enterCardContainer .installmentContainer .installmentTitle span:nth-child(2) {
            font-size: 16px;
            font-family: var(--regular);
        }

    .enterCardContainer .installmentContainer .payment-table-select {
        display: flex;
        flex-direction: column;
        list-style: none;
        gap: 10px;
    }

        .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass {
            display: flex;
            align-items: center;
            border: 1px solid #ece2cf;
            background-color: #f5f3ed;
            padding: 15px 20px;
        }

            .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass > input {
                margin-right: 10px;
            }

            .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass > label {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                color: var(--bluecolor);
                cursor: pointer;
            }

                .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass > label .part {
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    font-family: var(--bold);
                    font-size: 18px;
                }

                    .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass > label .part.flex-row {
                        flex-direction: row;
                        gap: 5px;
                    }


                    .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass > label .part.advance {
                        font-family: var(--regular);
                        font-size: 16px;
                        color: #65512c;
                    }

                    .enterCardContainer .installmentContainer .payment-table-select .myCheckBoxClass > label .part .total-price {
                        display: flex;
                        align-items: center;
                        font-family: var(--regular);
                        font-size: 16px;
                        gap: 5px;
                    }

/* Corporate */
.main.corporate {
    width: 100%;
}

    .main.corporate .pageBanner {
        width: 100%;
        height: 370px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        position: relative;
    }

        .main.corporate .pageBanner::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(245 238 224 / .9);
        }

    .main.corporate .contentContainer {
        width: 70.235%;
        background-color: #f5eee0;
        display: flex;
        justify-content: space-between;
        padding-top: 3.85%;
        padding-bottom: 4.439%;
        margin: -10.95% auto 0 auto;
        position: relative;
    }


        .main.corporate .contentContainer .left {
            width: 66.915%;
            display: flex;
            flex-direction: column;
        }

            /*.main.corporate .contentContainer .left .title span {
                font-family: var(--regular);
                font-size: 25px;
                color: var(--bluecolor);
                display: flex;
                align-items: center;
                margin-top: 20px;
                font-weight: 200;
            }*/

            .main.corporate .contentContainer .left .title {
                font-family: var(--regular);
                font-size: 25px;
                color: var(--bluecolor);
                display: flex;
                align-items: center;
                margin-top: 20px;
                font-weight: 200;
            }

                .main.corporate .contentContainer .left .title::before {
                    content: '';
                    width: 85px;
                    height: 50px;
                    background-color: #ded1be;
                    margin-right: 10px;
                    display: block;
                }
            /*.main.corporate .contentContainer .left .title span::before {
                    content: '';
                    width: 85px;
                    height: 50px;
                    background-color: #ded1be;
                    margin-right: 10px;
                    display: block;
                }*/

            .main.corporate .contentContainer .left .text {
                text-align: justify;
                padding: 5.512% 10% 5.512% 6.112%;
                font-size: 18px;
                color: var(--bluecolor);
                font-family: var(--regular);
                line-height: 25px;
            }

        .main.corporate .contentContainer .right {
            width: 46.841%;
            height: 630px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: -13.755%;
        }

            .main.corporate .contentContainer .right img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }




    .main.corporate .midContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 200px;
        margin: 4.7% auto 3.917% auto;
    }

        .main.corporate .midContainer .block {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 17.233%;
            line-height: 25px;
        }

            .main.corporate .midContainer .block .title {
                font-family: var(--bold);
                font-size: 25px;
                color: var(--bluecolor);
                margin-bottom: 8.6%;
            }

            .main.corporate .midContainer .block .text {
                width: 100%;
                text-align: justify;
                font-family: var(--regular);
                font-size: 18px;
                color: var(--bluecolor);
            }

    .main.corporate .homeGalleryContainer {
        background-color: #f5eee0;
        padding: 5.7445% 0 7.311%;
        margin-bottom: 20px;
    }

        .main.corporate .homeGalleryContainer .title {
            background-color: transparent;
        }

/* Branchs */
.main.branchs .title {
    font-family: var(--bold);
    font-size: 45px;
    color: var(--bluecolor);
    margin: 4% 0 4.15% 0;
}

.main.branchs .branchWrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 70px;
    row-gap: 133px;
    margin-bottom: 9.0145%;
    margin-top: 70px;
}

    .main.branchs .branchWrapper .item {
        width: 21.972%;
    }

        .main.branchs .branchWrapper .item .imgBox {
            width: 100%;
            height: 298px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 9px;
        }
            .main.branchs .branchWrapper .item .imgBox a {
                cursor: zoom-in;
                height: 100%;
                width: 100%;
            }

            .main.branchs .branchWrapper .item .imgBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .main.branchs .branchWrapper .item .branchName {
            width: 100%;
            min-height: 38px;
            color: var(--bluecolor);
            font-size: 18px;
            font-family: var(--bold);
            position: relative;
            padding-left: 15px;
            display: flex;
            align-items: center;
        }

            .main.branchs .branchWrapper .item .branchName::before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 9px;
                height: 100%;
                background-color: #e6d6c1;
            }

/* Help */
.main.help {
    width: 66.841%;
    display: flex;
    margin-top: 35px;
    margin-bottom: 50px;
    gap: 7px;
}

    .main.help .left {
        width: 18.36%;
    }

        .main.help .left .title {
            width: 100%;
            font-family: var(--bold);
            color: var(--bluecolor);
            font-size: 18px;
            padding: 17px 10px;
            padding-left: 40px;
            margin-bottom: 4px;
            background-color: #f5eee0;
        }


        .main.help .left .helptablist {
            width: 100%;
            list-style: none;
            display: flex;
            flex-direction: column;
            background-color: #f5eee0;
            gap: 9px;
            padding: 20px 0;
        }

            .main.help .left .helptablist li {
                width: 100%;
            }

                .main.help .left .helptablist li a {
                    width: 100%;
                    padding: 8px 10px;
                    padding-left: 40px;
                    color: var(--bluecolor);
                    font-size: 16px;
                    font-family: var(--regular);
                    transition: all ease .2s;
                    display: block;
                }

                    .main.help .left .helptablist li a.active,
                    .main.help .left .helptablist li a:hover {
                        background-color: #e2d7c1;
                    }


    .main.help .right {
        width: 80.86%;
        background-color: #f5eee0;
        padding: 20px 25px 9.375% 25px;
        min-height: 920px;
    }

        .main.help .right .helptabs,
        .main.help .right .helptabs .tab-content.help {
            width: 100%;
            height: 100%;
        }

            .main.help .right .helptabs .tab-content.help > .title {
                font-family: var(--bold);
                font-size: 18px;
                color: var(--bluecolor);
                margin-bottom: 15px;
            }

            .main.help .right .helptabs .tab-content.help {
                font-family: var(--regular);
                font-size: 16px;
                color: var(--bluecolor);
            }

                .main.help .right .helptabs .tab-content.help strong {
                    font-family: var(--bold);
                }

/* İletişim */
.main.contact {
    display: flex;
    flex-direction: column;
    row-gap: 95px;
    margin-top: 46px;
    margin-bottom: 5.7445%;
}


    .main.contact .branchWrapper {
        display: flex;
        flex-wrap: wrap;
        column-gap: 70px;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item {
            width: 21.972%;
        }

            .main.contact .branchWrapper > .item .name {
                width: 100%;
                min-height: 40px;
                color: var(--bluecolor);
                font-size: 18px;
                font-family: var(--bold);
                position: relative;
                padding-left: 20px;
                display: flex;
                align-items: center;
                margin-bottom: 14px;
            }

                .main.contact .branchWrapper > .item .name::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 9px;
                    height: 100%;
                    background-color: #e6d6c1;
                }

            .main.contact .branchWrapper > .item .imageBox {
                width: 100%;
                height: 298px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
            }

                .main.contact .branchWrapper > .item .imageBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                .main.contact .branchWrapper > .item .imageBox a {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    background-color: #fffaf0;
                    font-family: var(--regular);
                    color: var(--bluecolor);
                    font-size: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 8px;
                    border-radius: 4px 4px 0 0;
                    border: 1px solid #ded1be;
                    gap: 5px;
                }

                    .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                        width: 34px;
                        height: 22px;
                        background: url(/assets/images/contactMapIcon.png) center center no-repeat;
                    }


            .main.contact .branchWrapper > .item .addressBox {
                display: flex;
                flex-direction: column;
                width: 100%;
                border-left: 2px solid #e6d6c1;
                padding: 16px 19px;
                gap: 12px;
            }

                .main.contact .branchWrapper > .item .addressBox .line {
                    width: 100%;
                    display: flex;
                    gap: 3px;
                    align-items: center;
                }
                    .main.contact .branchWrapper > .item .addressBox .line .contactMail {
                        word-break: break-word;
                    }

                    .main.contact .branchWrapper > .item .addressBox .line span strong {
                        font-size: 18px;
                        font-family: var(--bold);
                        color: var(--bluecolor);
                    }

                    .main.contact .branchWrapper > .item .addressBox .line span {
                        font-size: 16px;
                        font-family: var(--regular);
                        color: var(--bluecolor);
                    }

                    .main.contact .branchWrapper > .item .addressBox .line::before {
                        font-family: 'FontAwesome';
                        color: #b1a48a;
                        font-size: 14px;
                        margin-right: 5px;
                        min-width: 16px;
                        height: 16px;
                        display: flex;
                        align-items: center;
                    }

                    .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
                        content: '\f3c5';
                    }

                    .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
                        content: '\f095';
                    }

                    .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
                        content: '\f0e0';
                    }


    .main.contact .contactForm {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .main.contact .contactForm .bannerArea {
            width: 100%;
            padding: 6.3% 0 0 0;
            display: flex;
            align-items: end;
            justify-content: center;
            background: url(/assets/images/contactFormBackground.png) center center/ 100% no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                background-color: #eee6db;
                width: 26.198%;
                /*padding: 7.043% 0px;*/
                padding: 3.643% 0px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    color: var(--bluecolor);
                    font-family: var(--bold);
                    font-size: 20px;
                    display: flex;
                    gap: 7px;
                    margin-bottom: 30px;
                    align-items: center;
                }

                    .main.contact .contactForm .bannerArea .workingHours .title i {
                        color: #b1a390;
                        font-size: 22px;
                    }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    display: flex;
                    flex-direction: column;
                    color: var(--bluecolor);
                    margin-bottom: 35px;
                    font-size: 18px;
                    gap: 5px;
                }

                    .main.contact .contactForm .bannerArea .workingHours .item span:nth-child(1), .main.contact .contactForm .bannerArea .workingHours .item span:nth-child(2), .main.contact .contactForm .bannerArea .workingHours .item span:nth-child(4) {
                        font-family: var(--bold);
                    }

        /* .main.contact .contactForm .bannerArea .workingHours .item span:nth-child(2) {
                        font-family: var(--regular);
                    }*/


        .main.contact .contactForm .form {
            width: 100%;
            background-color: #eee6db;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 7.043% 26.761% 10.705% 26.761%;
        }

            .main.contact .contactForm .form .text {
                font-family: var(--bold);
                font-size: 45px;
                color: var(--bluecolor);
                /*margin-bottom: 4.244%;*/
                width: 100%;
            }

.contact-error {
    font-size: 16px;
    margin: 2.122% 0;
    padding: 5px;
}

.main.contact .contactForm .form .inputBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 35px;
    margin-bottom: 16px;
}

    .main.contact .contactForm .form .inputBox input {
        width: 100%;
        outline: none;
        border: 1px solid #ece2cf;
        padding: 21px 30px;
        font-family: var(--regular);
        font-size: 14px;
        background-color: #f6f3ed;
    }

    .main.contact .contactForm .form .inputBox textarea {
        width: 100%;
        outline: none;
        border: 1px solid #ece2cf;
        padding: 21px 30px;
        font-family: var(--regular);
        font-size: 14px;
        background-color: #f6f3ed;
        resize: none;
        height: 180px;
    }

    .main.contact .contactForm .form .inputBox div {
        width: 100%
    }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 48%;
        }

    .main.contact .contactForm .form .inputBox input.w-50 {
        width: 48%;
    }

    .main.contact .contactForm .form .inputBox div.w-50 {
        width: 48%;
    }

    .main.contact .contactForm .form .inputBox input::placeholder,
    .main.contact .contactForm .form .inputBox textarea::placeholder {
        color: #ada18a;
        font-family: var(--regular);
        font-size: 14px;
    }


.main.contact .contactForm .form .buttonArea {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .main.contact .contactForm .form .buttonArea .submitButton {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--bluecolor);
        border: 1px solid var(--bluecolor);
        color: #f5eee0;
        font-size: 18px;
        transition: all ease .3s;
        border-radius: 3px;
        font-family: var(--medium);
        padding: 26px 38px;
        cursor: pointer;
    }

        .main.contact .contactForm .form .buttonArea .submitButton:hover {
            background-color: #f5eee0;
            color: var(--bluecolor);
        }

    .main.contact .contactForm .form .buttonArea .customCheckbox {
        padding-left: 30px;
        width: 340px;
    }

.buttonArea input[type=checkbox]:checked + label .checkmark:after {
    display: block;
}

/* Blog */
.blogList {
    width: 100%;
    margin-bottom: 60px;
}

    .blogList .bannerArea {
        width: 100%;
        height: 372px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: url(/assets/images/blogListBackground.png) center center / cover no-repeat;
    }

        .blogList .bannerArea .option {
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: end;
        }

            .blogList .bannerArea .option .blogChosen {
                width: 135px;
                z-index: 1;
            }

            .blogList .bannerArea .option .blogSelect {
                width: 100%;
            }

            .blogList .bannerArea .option .chosen-container .chosen-results {
                font-family: var(--regular) !important;
                color: var(--bluecolor) !important;
                font-size: 14px !important;
                margin: 0 !important;
                padding: 0 !important;
                margin-right: 0 !important;
            }

            .blogList .bannerArea .option .chosen-container-single .chosen-search {
                display: none !important;
            }

            .blogList .bannerArea .option .chosen-container-single .chosen-single {
                padding: 0 0 0 15px !important;
            }

        .blogList .bannerArea .title {
            width: 100%;
            text-align: center;
            font-family: var(--bold);
            color: #65512c;
            font-size: 105px;
            margin-top: -11px;
            line-height: 1;
        }

        .blogList .bannerArea .slogan {
            width: 100%;
            text-align: center;
            font-family: var(--bold);
            color: var(--bluecolor);
            font-size: 20px;
            margin-top: -7px;
        }


    .blogList .blogWrapper {
        display: flex;
        flex-wrap: wrap;
        column-gap: 70px;
        row-gap: 55px;
        margin-top: -140px;
    }

        .blogList .blogWrapper .item {
            width: 21.972%;
            background-color: #f5eee0;
            padding: 25px 25px 0 25px;
        }


            .blogList .blogWrapper .item .imageBox {
                width: 100%;
                height: 230px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 15px;
            }

                .blogList .blogWrapper .item .imageBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .blogList .blogWrapper .item .title {
                margin-bottom: 15px;
                font-family: var(--bold);
                color: var(--bluecolor);
                font-size: 18px;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .blogList .blogWrapper .item .text {
                margin-bottom: 25px;
                font-family: var(--regular);
                color: var(--bluecolor);
                font-size: 16px;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
                line-height: 20px;
                min-height: 80px;
            }

            .blogList .blogWrapper .item .bottom {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 11px 0;
                font-family: var(--regular);
                color: var(--bluecolor);
                font-size: 14px;
                border-top: 1px solid var(--bluecolor);
            }

            .blogList .blogWrapper .item a:hover .continue {
                text-decoration: underline;
            }


/* Blog Detail */

.mt-0 {
    margin-top: 0 !important;
}

.mb-100 {
    margin-bottom: 5.222% !important;
}

.blogList .lastBlogsTitle {
    width: 100%;
    text-align: center;
    font-family: var(--bold);
    font-size: 20px;
    color: var(--bluecolor);
    position: relative;
    padding: 3.656% 0 2.35% 0;
}

    .blogList .lastBlogsTitle::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 2px;
        background-color: #eee6db;
    }


.blogDetail.homeGalleryContainer {
    padding: 5.222% 0;
}

.blogDetail .blogContainer .image {
    float: right;
    width: 38.278%;
    height: 677px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 65px 65px;
}

.main.blogDetail .blogContainer .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main.blogDetail {
    margin-top: 33px;
    display: table;
}

    .main.blogDetail .blogContainer {
        font-family: var(--regular);
        color: var(--bluecolor);
        font-size: 18px;
        line-height: 28px;
    }

        .main.blogDetail .blogContainer strong {
            font-family: var(--bold);
        }

        .main.blogDetail .blogContainer .spacer {
            padding: 1.972% 0;
        }

.orderList .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    display: none;
}

.orderList .chosen-container .chosen-results li.active-result {
    padding-left: 25px;
    text-align: start;
}


.chosen-container .chosen-results li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

input[type=text] {
    color: var(--bluecolor) !important;
}

/*last*/

/*.chosen-container {
    width: 100% !important;
}*/

#mobileMenu {
    display: none;
}


.modal.addaddress .modalContent .chosen-container-single .chosen-single span {
    color: var(--bluecolor) !important;
}

.loginSvg {
    display: none;
}

/* Kvkk Modal */
.modal-dialog.kvkk {
    max-width: 925px;
}

    .modal-dialog.kvkk .modalContent {
        margin: 10px 0 25px 0;
    }

    .modal-dialog.kvkk .modal-content {
        border-radius: 0;
        border: none;
    }


.modal-dialog .close i {
    color: #d9d9d9;
    font-size: 30px;
}

    .modal-dialog .close i:hover {
        color: var(--errorColor);
    }

.modal-header .close {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

.productImagePopup {
    margin-top: 20px;
    color: var(--bluecolor);
    text-decoration: underline;
    font-size: 16px;
    font-family: var(--regular);
}

/*backend*/

.null-content {
    width: 100%;
    padding-top: 120px;
    color: var(--bluecolor);
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-family: var(--medium);
}

.pagingDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 100px;
    width: max-content;
    padding: 6px 20px;
    gap: 18px;
    margin-bottom: 15px;
}

    .pagingDiv a, .pagingDiv span {
        font-family: var(--regular);
        font-size: 18px;
        color: var(--bluecolor);
    }

        .pagingDiv a i {
            font-size: 24px;
            color: var(--bluecolor);
        }

        .pagingDiv span.disableLink {
            color: #dcdada;
        }

            .pagingDiv span.disableLink i {
                font-size: 24px;
            }

        .pagingDiv a.active {
            color: #1a1a18;
        }

.paging-bold {
    position: relative;
}

    .paging-bold:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 2px;
        background-color: var(--bluecolor);
        bottom: -2px;
        left: 50%;
        transform: translateX(-50%);
    }

.pagingDiv span {
    color: #1a1a18;
}

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

.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 i {
        color: #8d734a;
        position: relative;
        font-size: 24px;
    }

/* 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: 14px;
}

.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: 1px solid #b94a48 !important;
}

.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 !important;
}
/*Alert bitiş*/
/*.main.login .container .inputs .inputBox.password .help-inline, .main.login .container .inputs .inputBox.email .help-inline {
    position: absolute;
    top: 0;
    right: 5px;
}*/
.loader img {
    position: absolute;
    top: 45%;
    left: 46%;
    transform: translate(-50%, -50%);
}

.loader {
    display: none;
    position: absolute;
    z-index: 1039;
    top: 0;
    left: 0;
    background: #f5eee0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.order-tbl tbody tr:first-child {
    display: none !important;
}

.orderList > div {
    width: 100%;
}

.modal.addaddress .addressChosen {
    width: 49.5%;
    position: relative;
    z-index: 111;
}

.main.account .right .accounttabs .inputWrapper .control-group i {
    position: absolute;
    right: 25px;
    top: 32px;
    transform: translateY(-50%);
    color: var(--bluecolor);
    cursor: pointer;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promotion-buttons {
    display: flex;
}

.applyPromotionBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bluecolor);
    font-family: var(--regular);
    font-size: 14px;
    background-color: #fffaf0;
    border: 2px solid #bdae98;
    padding: 10px 15px;
    width: 48%;
    margin: 0 auto;
    cursor: pointer;
}

.promotions ul {
    list-style-type: none;
}

.productList .itemWrapper .item > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.adressWrapper {
    list-style-type: none;
}

    .adressWrapper li {
        position: relative;
        width: 48%;
        padding: 1.174% 1.174% 1.955% 1.174%;
        background-color: #f6f3ed;
        margin-bottom: 20px;
        border: 3px solid transparent;
    }

.addressItem input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.addressModal .error-line {
    border-color: #b94a48 !important;
}

.modal ul {
    list-style-type: none;
}

.modal .agreement .modalContent {
    margin: 10px 10px 25px 15px;
    padding-right: 15px;
}

    .modal .agreement .modalContent ol {
        margin-left: 17px;
    }

.tab-content.help ul {
    list-style-type: none;
}

.d-none {
    display: none;
}

.success {
    color: #28a745;
}

.error {
    color: #dc3545;
}

.main.corporate .contentContainer .left.w-100 .text {
    padding: 5.512% 6.112% 0 6.112%;
}

.w-100 {
    width: 100%;
}

.addressList {
    display: flex;
    flex-direction: column;
}

.main.cart .right.topCart {
    padding-top: 75px;
}

.days.branch, .contentBranch {
    margin-bottom: 7px;
    font-family: var(--bold);
}
.branchGalleries{
    display:none;
}
.disp-none{
    display:none !important;
}
.main.blogDetail .blogContainer ul{
    padding-left:40px;
}
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 14.5%;
    }

    /* Order - Payment */
    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 25px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 37px;
        margin-top: 55px;
        font-size: 26px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 25px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 45px 40px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 24px;
            width: 265px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 145px;
    }

    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 39px;
    }

    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 371px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 64%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 52%;
    }

    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 19px;
    }

    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    /* Account - User Infos*/
    .main.account {
        width: 64%;
    }

    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 57px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 260px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -19px;
        }

    .main.contact .contactForm .bannerArea {
        padding: 4.3% 0 0 0;
    }

    .main.contact .contactForm .form {
        padding: 7.043% 24% 10.705% 24%;
    }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 28%;
        padding: 3.343% 0px;
    }

    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 584px;
    }

    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 57px;
    }

    .blogList .bannerArea {
        height: 365px;
    }

    .blogList .blogWrapper .item .imageBox {
        height: 200px;
    }

    .main.help {
        width: 68%;
    }

    .main.branchs .branchWrapper .item .imgBox {
        height: 260px;
    }

    .header .menuContainer {
        margin-top: 8%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 360px;
    }

    .middleBannerContainer {
        height: 440px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 8%;
    }

    /* Login */
    .main.login .container,
    .main.forgetPassword .container,
    .main.register .container {
        width: 36%;
    }

    .main.forgetPassword {
        padding: 13% 0 19% 0;
    }

    /* Product List */
    .productList .itemWrapper .item {
        width: 280px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 320px;
        }

    .productList .itemWrapper {
        column-gap: 33px;
    }

    /* Cart */
    .main.cart .left .itemWrapper .item .featureContainer {
        width: 33%;
        margin-right: 7%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 3%;
        width: 10%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 6%;
        width: 10%;
    }

    .main.cart .right {
        padding-top: 59px;
    }

        .main.cart .right.topCart {
            width: 25.872%;
        }

    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 350px;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 400px;
    }


    /* Product Detail */
    .main.productDeteail {
        width: 81.841%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 45%;
    }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 57px;
    }
}

/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 170px !important;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 181px;
    }
    /* Order - Payment */
    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 17px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 25px;
        margin-top: 55px;
        font-size: 26px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 25px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 45px 25px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 24px;
            width: 265px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 140px;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 14%;
    }

    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 25px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 23.135%;
        }
    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 353px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 67%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 54%;
    }

    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 9px;
    }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
        column-gap: 30px;
    }


    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    /* Account - User Infos*/
    .main.account {
        width: 64%;
    }

    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 54px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 250px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -19px;
        }

    .main.contact .contactForm .bannerArea {
        padding: 3.9% 0 0 0;
    }

    .main.contact .contactForm .form {
        padding: 7.043% 22% 10.705% 22%;
    }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 30%;
        padding: 3.043% 0px;
    }

    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 555px;
    }

    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 57px;
        margin-top: -120px;
    }

    .blogList .bannerArea {
        height: 345px;
    }

    .blogList .blogWrapper .item .imageBox {
        height: 190px;
    }



    .main.help {
        width: 68%;
    }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 54px;
    }


        .main.branchs .branchWrapper .item .imgBox {
            height: 240px;
        }




    .main.productDeteail .right .chooseWeight {
        gap: 15px;
    }

    .header .menuContainer {
        margin-top: 7%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 350px;
    }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 420px;
        }

    .middleBannerContainer {
        height: 420px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 7%;
    }

    .footer .left .area .links:nth-child(2) {
        margin-right: 6%;
    }

    .footer .left .area .links {
        width: 15%;
    }

    footer {
        height: 410px;
    }

    .sliderArrows {
        width: 30px;
    }

    /* Login */
    .main.register .container,
    .main.login .container,
    .main.forgetPassword .container {
        width: 38%;
    }

    .main.forgetPassword {
        padding: 14% 0 15% 0;
    }


    /* Product List */
    .chosen-container-single .chosen-search input[type=text] {
        padding: 2px 20px 2px 5px !important;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

        .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

    .productList .itemWrapper .item {
        width: 270px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 310px;
        }

    .productList .itemWrapper {
        column-gap: 27px;
    }

    /* Cart */
    .main.cart .left .itemWrapper .item .featureContainer {
        width: 33%;
        margin-right: 5%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 3%;
        width: 10%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 6%;
        width: 10%;
    }

    .main.cart .right {
        padding-top: 58px;
    }

        .main.cart .right.topCart {
            width: 28.872%;
        }
    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 330px;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 400px;
    }


    /* Product Detail */
    .main.productDeteail {
        width: 85.79%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 50%;
    }

    .main.corporate .pageBanner {
        height: 320px;
    }
}

/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .main.cart .right .accordion-content.coupon .couponInputBox input {
        width: 211px;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 181px;
    }

    .main.cart.order .right .paymentBox .addressItem .title {
        font-size: 18px;
        margin-bottom: 7%;
    }

    .main.cart.order .right .paymentBox .addressItem .name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .main.cart.order .right .paymentBox .addressItem .addressText {
        font-size: 14px;
    }


    /* Order - Payment */
    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 12px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 35px;
        margin-top: 55px;
        font-size: 22px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 25px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 45px 25px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 24px;
            width: 253px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 140px;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 13%;
    }




    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 38px;
    }


    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 340px;
    }

    .modal.addaddress .modalContent .inputWrap input,
    .modal.addaddress .modalContent .inputWrap textarea {
        padding: 12px 15px;
    }

    .modal.addaddress .modalContent .chosen-container-single .chosen-single {
        height: 44px !important;
    }

    /* Order-Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
        font-size: 30px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 70%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 56%;
    }

    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 22px;
    }

    /* Account - Empty Favorites */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
        padding: 18px 90px;
    }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
        column-gap: 30px;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
            font-size: 18px;
        }

    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }


    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        padding: 18px 93px;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        padding: 10px 0px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 30px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 25px 10px 20px 55px;
    }

    /* Account - User Infos*/
    .main.account {
        width: 70%;
    }

    /* User Hover Cart */
    .header .userButtons .cart .userCart {
        width: 320px;
    }

    .header .userButtons .cart .itemContainer {
        padding: 0 3% 0 5%;
    }

    .header .userButtons .cart .totalPrice {
        margin: 5% auto 0 auto;
    }

    .header .userButtons .cart .campaign {
        font-size: 14px;
    }

    .header .userButtons .cart .cartButton {
        font-size: 14px;
        padding: 12px 0;
    }

    .header .userButtons .cart .totalPrice {
        font-size: 16px;
    }

    .header .userButtons .cart .itemContainer {
        max-height: 250px;
        row-gap: 10px;
    }

        .header .userButtons .cart .itemContainer .item .imageContainer {
            width: 65px;
            height: 65px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .feature {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            min-height: 33px;
        }

    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 52px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 230px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -15px;
        }

    .main.contact .contactForm .bannerArea {
        padding: 3.3% 0 0 0;
    }

    .main.contact .contactForm .form {
        padding: 7.043% 20% 10.705% 20%;
    }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 31%;
    }

    .main.contact .branchWrapper > .item .addressBox .line span strong {
        font-size: 16px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span,
    .main.contact .branchWrapper > .item .imageBox a {
        font-size: 14px;
    }

    .main.contact .contactForm .form .text {
        font-size: 40px;
    }













    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 533px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
    }



    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 52px;
        margin-top: -100px;
    }

    .blogList .bannerArea {
        height: 335px;
    }

    .blogList .blogWrapper .item .imageBox {
        height: 180px;
    }

    .main.help {
        width: 68%;
    }

        .main.help .left .helptablist li a,
        .main.help .left .title {
            padding-left: 30px;
        }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 52px;
    }

        .main.branchs .branchWrapper .item .imgBox {
            height: 240px;
        }

    .main.branchs .title {
        font-size: 38px;
        margin: 3.5078% 0 3.226% 0;
    }

    .main.corporate .pageBanner {
        height: 300px;
    }

    .main.orderFailure {
        padding: 3.4156% 0 10.444% 0;
    }

    .header .menuContainer {
        margin-top: 4%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 330px;
    }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 390px;
        }

    .middleBannerContainer {
        height: 400px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 7%;
    }

    .footer .left .area .links:nth-child(2) {
        margin-right: 5%;
    }

    .footer .left .area .links {
        width: 17%;
    }

    footer {
        height: 410px;
    }

    .sliderArrows {
        width: 30px;
    }

    .footer .left .area .brand {
        margin-right: 6%;
    }

    .footer .left .area .address {
        width: 27%;
    }

    .footer {
        height: 400px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 290px;
        height: 290px;
    }

    /* Login */
    .main.register .container,
    .main.login .container,
    .main.forgetPassword .container {
        width: 39%;
    }

    .main.login {
        padding: 6.4% 0 12.533% 0;
    }

    .main.forgetPassword {
        padding: 8% 0 10% 0;
    }

    /* Product List */
    .chosen-container-single .chosen-search input[type=text] {
        padding: 2px 20px 2px 5px !important;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

        .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

    .productList .itemWrapper .item {
        width: 260px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 300px;
        }

    .productList .itemWrapper {
        column-gap: 24px;
    }

    /* cart */
    .main.emptyCart .startToShopButton {
        padding: 18px 120px;
        font-size: 16px;
    }

    .main.emptyCart .backgroundImage {
        width: 440px;
        height: 220px;
        margin-bottom: 20px;
    }

    .main.emptyCart .description {
        font-size: 16px;
    }


    .main.cart .left .itemWrapper .item .featureContainer {
        width: 33%;
        margin-right: 5%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 3%;
        width: 11%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 6%;
        width: 11%;
    }

    .main.cart .right .summary .generalTotal .price {
        font-size: 22px;
    }

    .main.cart .right .completeOrderButton {
        padding: 20px 10px;
    }

    .main.cart .right .accordion-title,
    .main.cart .right .completeOrderButton,
    .main.cart .right .summary .generalTotal,
    .main.cart .right .accordion-content.coupon .myCouponsButton {
        font-size: 16px;
    }

    .main.cart .right .accordion-content.coupon .couponInputBox a,
    .main.cart .right .accordion-content.promotion .promotions .item {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top .text {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        font-size: 16px;
    }

    .main.cart .right {
        padding-top: 58px;
    }

        .main.cart .right.topCart {
            width: 28.872%;
        }
    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 330px;
        height: 310px;
        right: 22%;
        bottom: 12%;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 350px;
        height: 470px;
        right: 18%;
        bottom: 13%;
    }

    /* Product Detail */
    .main.productDeteail {
        width: 85.79%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

        .main.productDeteail .right .productName {
            font-size: 28px;
            min-height: 65px;
            max-height: 65px;
            margin-bottom: 5px;
        }

        .main.productDeteail .right .chooseWeight .item {
            font-size: 22px;
        }

        .main.productDeteail .right .priceBox .price {
            font-size: 26px;
        }

        .main.productDeteail .right .favoriteButton {
            font-size: 14px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 16px !important;
        }

        .main.productDeteail .right .firstVariantBox .count-select input {
            width: 25px;
            font-size: 22px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
            height: 65px !important;
        }

        .main.productDeteail .right .addCartButton {
            padding: 5% 0;
        }

        .main.productDeteail .left {
            width: 59%;
        }

            .main.productDeteail .left .campaign {
                width: 84.546%;
            }

        .main.productDeteail .right .chooseWeight .item {
            width: 154px;
        }

        .main.productDeteail .right .firstVariantBox .featureSelect {
            width: 65%;
        }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 50%;
    }

    /* Corporate */
    .main.corporate .contentContainer .left .text {
        font-size: 16px;
    }

    .main.corporate .contentContainer .right {
        height: 560px;
    }

    .main.corporate .midContainer .block .text {
        font-size: 16px;
    }
}

/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
        padding: 1.898% 0.53% 0.791% 1.53%;
    }

    .main.cart .right .accordion-content.coupon .couponInputBox input {
        width: 192px;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 181px;
    }

    .footer .left .area .address .line::before {
        top: -1px;
    }

    .main.cart.order .right .paymentBox .addressItem .title {
        font-size: 18px;
        margin-bottom: 7%;
    }

    .main.cart.order .right .paymentBox .addressItem .name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .main.cart.order .right .paymentBox .addressItem .addressText {
        font-size: 14px;
    }

    /* Order - Payment */
    .main.cart.order .right .addressContinueButton,
    .main.cart.order .right .cargoContinueButton,
    .main.cart.order .right .paymentButton {
        padding: 18px 10px;
    }

    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 20px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 24px;
        margin-top: 55px;
        font-size: 20px;
        gap: 34px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 25px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 45px 25px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 20px;
            width: 235px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 140px;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 12%;
    }

    .enterCardContainer > .bottom .left {
        width: 49%;
    }




    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 33px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
            width: 24%;
        }

    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 445px;
    }

    .modal.addaddress .modalContent .inputWrap input,
    .modal.addaddress .modalContent .inputWrap textarea {
        padding: 18px 15px;
    }

    .modal.addaddress .modalContent .chosen-container-single .chosen-single {
        height: 57px !important;
    }

    /* Order-Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
        font-size: 30px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
        padding-left: 35px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        margin-bottom: 30px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
        font-size: 20px;
        margin-bottom: 3%;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .adsdressText {
        font-size: 16px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 75%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 57%;
    }

    .main.cart.order .left .order-tab-list {
        font-size: 16px;
        gap: 160px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
        padding: 3% 50px 3% 30px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
        padding: 4% 0;
    }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 16px 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
        font-size: 16px;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 16px;
        height: 16px;
        top: -8px;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 26px;
        height: 26px;
        top: -13px;
    }

    .main.cart .right .summary .top,
    .main.cart .right .summary .generalTotal {
        padding: 18px;
    }

    .main.cart.order .right .summary .checkArea::before {
        width: 80%;
    }







    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 23px;
    }

    /* Account - Empty Favorites */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
        padding: 16px 90px;
    }

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        width: 150px;
        margin-bottom: 30px;
    }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
        column-gap: 30px;
    }

    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }

    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        padding: 18px 92px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        margin-bottom: 30px;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        padding: 10px 0px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 30px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 25px 25px 20px;
    }


    /* Account - User Infos*/
    .main.account {
        width: 75%;
    }

    /* User Hover Cart */
    .header .userButtons .cart .userCart {
        width: 320px;
        left: -122px;
    }

    .header .userButtons .cart .closeButton::after {
        left: 295px;
    }

    .header .userButtons .cart .itemContainer {
        padding: 0 3% 0 5%;
    }

    .header .userButtons .cart .totalPrice {
        margin: 5% auto 0 auto;
    }

    .header .userButtons .cart .campaign {
        font-size: 14px;
    }

    .header .userButtons .cart .cartButton {
        font-size: 14px;
        padding: 12px 0;
    }

    .header .userButtons .cart .totalPrice {
        font-size: 16px;
    }

    .header .userButtons .cart .itemContainer {
        max-height: 250px;
        row-gap: 10px;
    }

        .header .userButtons .cart .itemContainer .item .imageContainer {
            width: 65px;
            height: 65px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .feature {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            min-height: 33px;
        }



    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 48px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 210px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -15px;
        }

    .main.contact .contactForm .bannerArea {
        padding: 6% 0 0 0;
    }

    .main.contact .contactForm .form {
        padding: 7% 19% 10% 19%;
    }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 31%;
        padding: 3% 0px 0 0;
    }
        .main.contact .contactForm .bannerArea .workingHours .title{
            margin-bottom:25px;
        }
        .main.contact .contactForm .bannerArea .workingHours .item {
            margin-bottom: 24px;
        }
        .main.contact .branchWrapper > .item .imageBox a {
            padding: 6px;
        }

    .main.contact .branchWrapper > .item .addressBox .line span strong,
    .main.contact .branchWrapper > .item .name {
        font-size: 16px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span,
    .main.contact .branchWrapper > .item .imageBox a {
        font-size: 14px;
    }

    .main.contact .contactForm .form .text {
        font-size: 40px;
    }

    .main.contact .branchWrapper > .item .addressBox {
        padding: 15px 15px;
    }


    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 499px;
    }

    .navigationContainer .items .navTitle.blogTitle {
        font-size: 23px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
    }


    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 48px;
        margin-top: -100px;
    }

    .blogList .bannerArea {
        height: 310px;
    }

    .blogList .blogWrapper .item .imageBox {
        height: 160px;
    }

    .blogList .bannerArea .title {
        font-size: 90px;
    }

    .blogList .bannerArea .slogan {
        font-size: 18px;
    }

    .main.help {
        width: 72%;
    }

        .main.help .left .helptablist li a,
        .main.help .left .title {
            padding-left: 30px;
        }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 48px;
    }

    .main.branchs .title {
        font-size: 36px;
        margin: 3.5078% 0 3.226% 0;
    }

    .main.branchs .branchWrapper .item .imgBox {
        height: 220px;
    }


    .main.corporate .pageBanner {
        height: 300px;
    }

    .header .menuContainer {
        margin-top: 7%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 300px;
    }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 350px;
        }

    .middleBannerContainer {
        height: 370px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 6%;
    }

    .footer .left .area .links:nth-child(2) {
        margin-right: 6%;
    }

    .footer .left .area .links {
        width: 17%;
    }

    footer {
        height: 410px;
    }

    .sliderArrows {
        width: 30px;
    }

    .footer .left .area .brand {
        margin-right: 6%;
    }

    .footer .left .area .address {
        width: 27%;
    }

    .footer {
        height: 420px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 290px;
        height: 290px;
    }

    /* Login */
    .main.register .container,
    .main.login .container,
    .main.forgetPassword .container {
        width: 42%;
    }

    .main.login {
        padding: 6.5% 0 12% 0;
    }

    .main.forgetPassword {
        padding: 8% 0 10% 0;
    }

    /* Product List */
    .chosen-container-single .chosen-search input[type=text] {
        padding: 2px 20px 2px 5px !important;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

        .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

    .productList .itemWrapper .item {
        width: 250px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 290px;
        }

    .productList .itemWrapper {
        column-gap: 15px;
    }

    /* cart */
    .main.emptyCart .startToShopButton {
        padding: 18px 120px;
        font-size: 16px;
    }

    .main.emptyCart .backgroundImage {
        width: 440px;
        height: 220px;
        margin-bottom: 20px;
    }

    .main.emptyCart .description {
        font-size: 16px;
    }



    .main.cart .left .itemWrapper .item .featureContainer {
        width: 31%;
        margin-right: 5%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 3%;
        width: 12%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 6%;
        width: 12%;
    }

    .main.cart .right .summary .generalTotal .price {
        font-size: 22px;
    }

    .main.cart .right .completeOrderButton {
        padding: 20px 10px;
    }

    .main.cart .right .accordion-title,
    .main.cart .right .completeOrderButton,
    .main.cart .right .summary .generalTotal,
    .main.cart .right .accordion-content.coupon .myCouponsButton {
        font-size: 16px;
    }

    .main.cart .right .accordion-content.coupon .couponInputBox a,
    .main.cart .right .accordion-content.promotion .promotions .item {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top .text {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        font-size: 16px;
    }

    .main.cart .left .itemWrapper .item .imageBox {
        margin-right: 20px;
    }

    .main.cart .left .itemWrapper .item .name {
        width: 18%;
    }

    .main.cart .right {
        padding-top: 56px;
    }

        .main.cart .right.topCart {
            width: 28.872%;
        }

    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 300px;
        height: 280px;
        right: 22%;
        bottom: 12%;
    }

    .main.errorPageContainer .text {
        font-size: 26px;
    }

    .main.errorPageContainer .errorCode {
        font-size: 60px;
    }

    .main.errorPageContainer .description {
        width: 25%;
    }

    .main.errorPageContainer .homeButton {
        padding: 15px 50px;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 380px;
        height: 510px;
        right: 18%;
        bottom: 3%;
    }

    /* Product Detail */
    .main.productDeteail {
        width: 85.79%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

        .main.productDeteail .right .productName {
            font-size: 28px;
            min-height: 65px;
            max-height: 65px;
            margin-bottom: 5px;
        }

        .main.productDeteail .right .chooseWeight .item {
            font-size: 22px;
        }

        .main.productDeteail .right .priceBox .price {
            font-size: 26px;
        }

        .main.productDeteail .right .favoriteButton {
            font-size: 14px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 16px !important;
        }

        .main.productDeteail .right .firstVariantBox .count-select input {
            width: 25px;
            font-size: 22px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
            height: 65px !important;
        }

        .main.productDeteail .right .addCartButton {
            padding: 5% 0;
        }

        .main.productDeteail .left {
            width: 59%;
        }

            .main.productDeteail .left .campaign {
                width: 84.546%;
            }

        .main.productDeteail .right .chooseWeight .item {
            width: 144px;
        }

        .main.productDeteail .right .firstVariantBox .featureSelect {
            width: 65%;
        }

        .main.productDeteail .left .imageArea .bigImage {
            width: 615px !important;
        }

        .main.productDeteail .left .imageArea .productImageBig {
            height: 575px;
        }

        .main.productDeteail .detailsContainer .features {
            gap: 20px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: -3.5%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: -3.5%;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 300px;
    }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 50%;
    }



    /* Corporate */
    .main.corporate .contentContainer .left .text {
        font-size: 16px;
    }

    .main.corporate .contentContainer .right {
        width: 55%;
        height: 560px;
        margin-right: -15%;
    }

    .main.corporate .midContainer .block .text {
        font-size: 16px;
    }

    .main.corporate .midContainer .block .title {
        font-size: 23px;
        margin-bottom: 8%;
    }
}
/* width 1440 mac fix */
@media only screen and (min-width:1367px) and (max-width:1423px) {
    .productList .itemWrapper .item {
        width: 241px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
        padding: 1.898% 0.53% 0.791% 1.53%;
        width: 23.135%;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 169px !important;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 181px;
    }

    .footer .left .area .address .line::before {
        top: -1px;
    }

    .main.cart.order .right .paymentBox .addressItem .title {
        font-size: 18px;
        margin-bottom: 7%;
    }

    .main.cart.order .right .paymentBox .addressItem .name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .main.cart.order .right .paymentBox .addressItem .addressText {
        font-size: 14px;
    }

    .main.cart.order .right .addressContinueButton,
    .main.cart.order .right .cargoContinueButton,
    .main.cart.order .right .paymentButton {
        padding: 16px 10px;
    }

    /* Order - Payment */
    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 15px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 21px;
        margin-top: 55px;
        font-size: 19px;
        gap: 32px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 25px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 45px 25px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 20px;
            width: 215px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 140px;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 12%;
    }

    .enterCardContainer > .bottom .left {
        width: 49%;
    }



    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
            width: 30%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .cargoName {
                gap: 10px;
            }

    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 422px;
    }

    .modal.addaddress .modalContent .inputWrap input,
    .modal.addaddress .modalContent .inputWrap textarea {
        padding: 16px 15px;
    }

    .modal.addaddress .modalContent .chosen-container-single .chosen-single {
        height: 53px !important;
    }

    .modal.addaddress .modalContent .addButton {
        padding: 14px 0;
        font-size: 16px;
    }

    /* Order-Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
        font-size: 30px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
        padding-left: 35px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        margin-bottom: 30px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
        font-size: 20px;
        margin-bottom: 3%;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        font-size: 16px;
    }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
        padding: 16px 20px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 80%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 60%;
    }

    .main.cart.order .left .order-tab-list {
        font-size: 16px;
        gap: 160px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
        padding: 3% 50px 3% 30px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
        padding: 4% 0;
    }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 16px 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
        font-size: 16px;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 16px;
        height: 16px;
        top: -8px;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 26px;
        height: 26px;
        top: -13px;
    }

    .main.cart .right .summary .top,
    .main.cart .right .summary .generalTotal {
        padding: 18px;
    }

    .main.cart.order .right .summary .checkArea::before {
        width: 80%;
    }





    /* Account - Favorites */
    .main.account .left .userName .letter {
        min-width: 55px;
        min-height: 55px;
        font-size: 30px;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 9px;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .nameBox {
            font-size: 14px;
            height: 31px;
        }

    /* Account - Empty Favorites */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
        padding: 16px 90px;
    }

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        width: 150px;
        margin-bottom: 30px;
    }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
        column-gap: 30px;
    }

    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }

    /* Account - Order Detail */
    .orderDetailTable .bottomInfos .summary .generalTotal .price {
        font-size: 22px;
    }

    .orderDetailTable .bottomInfos .addresses .addressType {
        font-size: 18px;
    }

    .orderDetailTable .bottomInfos .summary .generalTotal {
        font-size: 16px;
    }

    .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
        font-size: 16px;
    }

    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        padding: 16px 92px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        margin-bottom: 30px;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        padding: 10px 0px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 30px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 25px 25px 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText,
        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            margin-bottom: 30px;
        }

    /* Account - User Infos*/
    .main.account {
        width: 75%;
    }

    /* User Hover Cart Empty*/
    .header .userButtons .cart .hoverCartEmptyText {
        padding: 10px;
        font-size: 16px;
    }

    /* User Hover Cart */
    .header .userButtons .cart .userCart {
        width: 320px;
        left: -122px;
    }

    .header .userButtons .cart .closeButton::after {
        left: 295px;
    }

    .header .userButtons .cart .itemContainer {
        padding: 0 3% 0 5%;
    }

    .header .userButtons .cart .totalPrice {
        margin: 5% auto 0 auto;
    }

    .header .userButtons .cart .campaign {
        font-size: 14px;
    }

    .header .userButtons .cart .cartButton {
        font-size: 14px;
        padding: 12px 0;
    }

    .header .userButtons .cart .totalPrice {
        font-size: 16px;
    }

    .header .userButtons .cart .itemContainer {
        max-height: 250px;
        row-gap: 10px;
    }

        .header .userButtons .cart .itemContainer .item .imageContainer {
            width: 65px;
            height: 65px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .feature {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            min-height: 33px;
        }


    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 45px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 210px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -15px;
        }

    .main.contact .contactForm .bannerArea {
        padding: 5% 0 0 0;
    }

    .main.contact .contactForm .form {
        padding: 7% 18% 10% 18%;
    }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 31%;
        padding: 3% 0 0;
    }
        .main.contact .contactForm .bannerArea .workingHours .title {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .bannerArea .workingHours .item {
            margin-bottom: 24px;
        }

    .main.contact .branchWrapper > .item .imageBox a {
        padding: 6px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span strong,
    .main.contact .branchWrapper > .item .name {
        font-size: 16px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span,
    .main.contact .branchWrapper > .item .imageBox a {
        font-size: 14px;
    }

    .main.contact .contactForm .form .text {
        font-size: 40px;
    }

    .main.contact .branchWrapper > .item .addressBox {
        padding: 15px 15px;
    }


    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 474px;
    }

    .navigationContainer .items .navTitle.blogTitle {
        font-size: 22px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
    }


    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 45px;
        margin-top: -80px;
    }

    .blogList .bannerArea {
        height: 295px;
    }

    .blogList .blogWrapper .item {
        padding: 20px 20px 0 20px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 160px;
        }

    .blogList .bannerArea .title {
        font-size: 92px;
    }

    .blogList .bannerArea .slogan {
        font-size: 18px;
    }

    .main.help {
        width: 72%;
    }

        .main.help .left .helptablist li a,
        .main.help .left .title {
            padding-left: 30px;
        }

        .main.help .right .helptabs .tab-content.help,
        .main.help .left .helptablist li a {
            font-size: 14px;
        }

            .main.help .right .helptabs .tab-content.help > .title,
            .main.help .left .title {
                font-size: 16px;
            }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 45px;
    }

    .main.branchs .title {
        font-size: 34px;
        margin: 3.5% 0 3.2% 0;
    }

    .main.branchs .branchWrapper .item .imgBox {
        height: 210px;
    }


    .main.corporate .pageBanner {
        height: 300px;
    }

    .main.orderFailure {
        padding: 4.4156% 0 5.444% 0 !important;
    }

    .header .menuContainer {
        margin-top: 6%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 290px;
    }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 340px;
        }

    .middleBannerContainer {
        height: 350px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 4%;
    }

    .footer .left .area .links:nth-child(2) {
        margin-right: 5%;
    }

    .footer .left .area .links {
        width: 19%;
    }

    footer {
        height: 410px;
    }

    .sliderArrows {
        width: 30px;
    }

    .footer .left .area .brand {
        margin-right: 5%;
    }

    .footer .left .area .address {
        width: 29%;
    }

    .footer {
        height: 410px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 270px;
        height: 270px;
    }

    .header .menuContainer ul {
        gap: 20px;
    }

    .header .menuContainer .accountButtons {
        margin-bottom: 50px;
    }

    .onlineShopContainer .itemWrapper .item .reviewButton {
        font-size: 14px;
    }

    /* Login */
    .main.register .container,
    .main.login .container,
    .main.forgetPassword .container {
        width: 44%;
    }

    .main.login {
        padding: 6.5% 0 12% 0;
    }

    .main.forgetPassword {
        padding: 13% 0 14% 0;
    }

    /* Product List */
    .chosen-container-single .chosen-search input[type=text] {
        padding: 2px 20px 2px 5px !important;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

        .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

    .productList .itemWrapper .item {
        width: 260px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 300px;
        }

    .productList .itemWrapper {
        column-gap: 68px;
    }

    /* cart */
    .main.emptyCart .startToShopButton {
        padding: 18px 120px;
        font-size: 16px;
    }

    .main.emptyCart .backgroundImage {
        width: 440px;
        height: 220px;
        margin-bottom: 20px;
    }

    .main.emptyCart .description {
        font-size: 16px;
    }


    .main.cart .left .itemWrapper .item .featureContainer {
        width: 31%;
        margin-right: 5%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 3%;
        width: 12%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 6%;
        width: 12%;
    }

    .main.cart .right .summary .generalTotal .price {
        font-size: 22px;
    }

    .main.cart .right .completeOrderButton {
        padding: 20px 10px;
    }

    .main.cart .right .accordion-title,
    .main.cart .right .completeOrderButton,
    .main.cart .right .summary .generalTotal,
    .main.cart .right .accordion-content.coupon .myCouponsButton {
        font-size: 16px;
    }

    .main.cart .right .accordion-content.coupon .couponInputBox a,
    .main.cart .right .accordion-content.promotion .promotions .item {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top .text {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        font-size: 16px;
    }

    .main.cart .left .itemWrapper .item .imageBox {
        margin-right: 20px;
    }

    .main.cart .left .itemWrapper .item .name {
        width: 18%;
        font-size: 14px;
    }

    .main.cart .right {
        padding-top: 55px;
    }

        .main.cart .right.topCart {
            width: 28.372%;
        }

    .main.cart {
        column-gap: 15px;
    }

        .main.cart .left .itemWrapper {
            row-gap: 7px;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select input,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px !important;
            }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox span,
            .main.cart .left .itemWrapper .item .totalPrice .priceBox span {
                font-size: 16px;
            }

            .main.cart .left .itemWrapper .item {
                padding: 2% 2.5% 2% 2.5%;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 15px 10px;
        }

        .main.cart .left .campaign {
            font-size: 14px;
        }

        .main.cart .right .accordion-title {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.promotion .promotions .item {
            margin-bottom: 15px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item a {
                padding: 3px 15px;
            }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 85px;
            gap: 0px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 35px;
        }

            .main.cart .right .accordion-content.coupon .couponInputBox input {
                height: 35px;
                width: 176px;
            }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 5px 10px 5px;
        }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .date {
        font-size: 12px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom {
        height: 30px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top {
        min-height: 60px;
        padding: 10px;
    }

    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 270px;
        height: 250px;
        right: 23%;
        bottom: 11%;
    }

    .main.errorPageContainer .text {
        font-size: 26px;
    }

    .main.errorPageContainer .errorCode {
        font-size: 60px;
    }

    .main.errorPageContainer .description {
        width: 25%;
    }

    .main.errorPageContainer .homeButton {
        padding: 15px 50px;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 330px;
        height: 510px;
        right: 19%;
        bottom: 3%;
    }

    /* Product Detail */
    .main.productDeteail {
        width: 85.79%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

        .main.productDeteail .right .productName {
            font-size: 28px;
            min-height: 65px;
            max-height: 65px;
            margin-bottom: 5px;
        }

        .main.productDeteail .right .chooseWeight .item {
            font-size: 22px;
        }

        .main.productDeteail .right .priceBox .price {
            font-size: 26px;
        }

        .main.productDeteail .right .favoriteButton {
            font-size: 14px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 16px !important;
        }

        .main.productDeteail .right .firstVariantBox .count-select input {
            width: 25px;
            font-size: 22px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
            height: 65px !important;
        }

        .main.productDeteail .right .addCartButton {
            padding: 5% 0;
        }

        .main.productDeteail .left {
            width: 59%;
        }

            .main.productDeteail .left .campaign {
                width: 84.546%;
            }

        .main.productDeteail .right .chooseWeight .item {
            width: 136px;
            height: 48px;
        }

            .main.productDeteail .right .chooseWeight .item.active::before {
                width: 28px;
                height: 28px;
            }

        .main.productDeteail .right .firstVariantBox .featureSelect {
            width: 65%;
        }

        .main.productDeteail .left .imageArea .bigImage {
            width: 583px !important;
        }

        .main.productDeteail .left .imageArea .productImageBig {
            height: 530px;
        }

        .main.productDeteail .detailsContainer .features {
            gap: 15px;
            margin-bottom: 40px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: -3.5%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: -3.5%;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 295px;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 325px;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows {
        width: 40px;
        height: 50px;
    }

    .main.productDeteail .right .priceBox {
        margin-bottom: 9%;
    }

    .main.productDeteail .right .chooseWeight {
        margin-bottom: 8%;
    }

    .main.productDeteail .right .firstVariantBox {
        margin-bottom: 12%;
    }

    .main.productDeteail .detailsContainer .descriptionTitle {
        font-size: 18px;
        margin-bottom: 25px;
    }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 55%;
    }

    /* Corporate */
    .main.corporate .contentContainer .left .text {
        font-size: 16px;
    }

    .main.corporate .contentContainer .right {
        width: 55%;
        height: 560px;
        margin-right: -15%;
    }

    .main.corporate .midContainer .block .text {
        font-size: 16px;
    }

    .main.corporate .midContainer .block .title {
        font-size: 23px;
        margin-bottom: 8%;
    }

    .main.corporate .midContainer .block {
        width: 19%;
    }
}

/* width 1366-2 */
@media only screen and (min-width: 1279px) and (max-width:1366px) {
    .main.orderFailure {
        padding: 1.4156% 0 10.444% 0;
    }

    .main.orderSuccess {
        padding: 4.596% 0 5.883% 0;
    }

    .main.errorPageContainer {
        padding: 5% 0 15% 0;
    }

    .main.emptyCart {
        padding: 3% 0 5% 0;
    }

    .main.login {
        padding: 3% 0 7% 0;
    }

    .header .menuContainer ul {
        gap: 10px;
    }

    .header .menuContainer {
        margin-top: 4.5%;
    }

        .header .menuContainer ul {
            margin-bottom: 25px;
        }

        .header .menuContainer .orderTrackingButton {
            margin-bottom: 25px;
            padding: 12px 22px;
        }

        .header .menuContainer .searchBox {
            width: 300px;
        }

        .header .menuContainer .socialMedias {
            margin-bottom: 30px;
        }

    .main.forgetPassword {
        padding: 9% 0 9% 0;
    }
}

/*width 1278*/
@media only screen and (min-width: 1025px) and (max-width:1280px) {
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 158px !important;
    }

    .footer .left .area .address .line::before {
        top: -1px;
        font-size: 16px;
    }

    .main.cart.order .right .paymentBox .addressItem .title {
        font-size: 17px;
        margin-bottom: 6%;
    }

    .main.cart.order .right .paymentBox .addressItem .name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .main.cart.order .right .paymentBox .addressItem .addressText {
        font-size: 14px;
    }

    .main.cart.order .right .addressContinueButton,
    .main.cart.order .right .cargoContinueButton,
    .main.cart.order .right .paymentButton {
        padding: 16px 10px;
    }

    /* Order - Payment */
    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 15px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 25px;
        margin-top: 40px;
        font-size: 16px;
        gap: 30px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 25px;
        font-size: 14px;
        margin-top: 80px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 30px 18px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 18px;
            width: 210px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 140px;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 10%;
    }

    .enterCardContainer > .bottom .left {
        width: 52%;
    }



    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 30px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 30.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
            width: 30%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .cargoName {
                gap: 10px;
            }


    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 395px;
    }

    .modal.addaddress .modalContent .inputWrap input,
    .modal.addaddress .modalContent .inputWrap textarea {
        padding: 14px 15px;
    }

    .modal.addaddress .modalContent .chosen-container-single .chosen-single {
        height: 49px !important;
    }

    .modal.addaddress .modalContent .addButton {
        padding: 14px 0;
        font-size: 16px;
    }

    /* Order-Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
        font-size: 30px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
        padding-left: 35px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        margin-bottom: 25px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
        font-size: 20px;
        margin-bottom: 3%;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        font-size: 16px;
    }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
        padding: 17px 20px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 60%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 64%;
    }

    .main.cart.order .left .order-tab-list {
        font-size: 14px;
        gap: 100px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .customCheckbox {
        margin-bottom: 10px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
        padding: 3% 50px 3% 30px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
        padding: 4% 0;
    }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 16px 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
        font-size: 16px;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 16px;
        height: 16px;
        top: -8px;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 26px;
        height: 26px;
        top: -13px;
    }

    .main.cart .right .summary .top,
    .main.cart .right .summary .generalTotal {
        padding: 18px;
    }

    .main.cart.order .right .summary .checkArea::before {
        width: 80%;
    }







    /* Account - Favorites */
    .main.account .left .userName .letter {
        min-width: 55px;
        min-height: 55px;
        font-size: 30px;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 21px;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .nameBox {
            font-size: 14px;
            height: 31px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
            width: 159px;
        }

            .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
                height: 190px;
            }

    /* Account - Empty Favorites */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
        padding: 16px 90px;
    }

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        width: 145px;
        margin-bottom: 30px;
    }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
        column-gap: 30px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
        width: 25%;
    }

    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }

    /* Account - Order Detail */
    .orderDetailTable .bottomInfos .summary .generalTotal .price {
        font-size: 22px;
    }

    .orderDetailTable .bottomInfos .addresses .addressType {
        font-size: 18px;
    }

    .orderDetailTable .bottomInfos .summary .generalTotal {
        font-size: 16px;
    }

    .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
        font-size: 16px;
    }


    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr {
        font-size: 14px;
    }

    .status .orderStatus {
        font-size: 14px;
    }

    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        padding: 16px 92px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        margin-bottom: 30px;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        padding: 10px 0px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 30px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 25px 25px 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText,
        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            margin-bottom: 30px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
        font-size: 18px;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 30px 22px 22px 22px;
    }

    /* Account - User Infos*/
    .main.account {
        width: 75%;
    }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton {
            font-size: 14px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
            padding: 18px 30px;
        }

    /* User Hover Cart Empty*/
    .header .userButtons .cart .hoverCartEmptyText {
        padding: 10px;
        font-size: 16px;
    }

    /* User Hover Cart */
    .header .userButtons .cart .userCart {
        width: 320px;
        left: -123px;
    }

    .header .userButtons .cart .closeButton::after {
        left: 296px;
    }

    .header .userButtons .cart .itemContainer {
        padding: 0 3% 0 5%;
    }

    .header .userButtons .cart .totalPrice {
        margin: 5% auto 0 auto;
    }

    .header .userButtons .cart .campaign {
        font-size: 14px;
    }

    .header .userButtons .cart .cartButton {
        font-size: 14px;
        padding: 12px 0;
    }

    .header .userButtons .cart .totalPrice {
        font-size: 16px;
    }

    .header .userButtons .cart .itemContainer {
        max-height: 250px;
        row-gap: 10px;
    }

        .header .userButtons .cart .itemContainer .item .imageContainer {
            width: 65px;
            height: 65px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .feature {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            min-height: 33px;
        }

    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 42px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 190px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -31px;
        }

        .main.contact .branchWrapper > .item .name::before {
            width: 7px;
        }

    .main.contact .contactForm .bannerArea {
        padding: 4% 0 0 0;
    }

    .main.contact .contactForm .form .inputBox input {
        padding: 18px 30px;
    }

    .main.contact .contactForm .form {
        padding: 7% 16% 10% 16%;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 310px;
        }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 31%;
        padding: 2% 0 0;
    }
        .main.contact .contactForm .bannerArea .workingHours .title {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .bannerArea .workingHours .item {
            margin-bottom: 24px;
        }

    .main.contact .branchWrapper > .item .imageBox a {
        padding: 6px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span strong,
    .main.contact .branchWrapper > .item .name {
        font-size: 16px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span,
    .main.contact .branchWrapper > .item .imageBox a {
        font-size: 14px;
    }

    .main.contact .contactForm .form .text {
        font-size: 40px;
    }

    .main.contact .branchWrapper > .item .addressBox {
        padding: 15px 15px;
    }



    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 471px;
        width: 40%;
        margin: 0 0 45px 45px;
    }

    .navigationContainer .items .navTitle.blogTitle {
        font-size: 20px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
    }

    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 42px;
        margin-top: -70px;
    }

    .blogList .bannerArea {
        height: 275px;
    }

    .blogList .blogWrapper .item {
        padding: 15px 15px 0 15px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 160px;
        }

    .blogList .bannerArea .title {
        font-size: 92px;
    }

    .blogList .bannerArea .slogan {
        font-size: 18px;
    }

    .blogList .blogWrapper .item .text {
        font-size: 14px;
    }

    .blogList .blogWrapper .item .title {
        font-size: 16px;
    }








    .main.help {
        width: 75%;
    }

        .main.help .left .helptablist li a,
        .main.help .left .title {
            padding-left: 30px;
        }

        .main.help .right .helptabs .tab-content.help,
        .main.help .left .helptablist li a {
            font-size: 14px;
        }

            .main.help .right .helptabs .tab-content.help > .title,
            .main.help .left .title {
                font-size: 16px;
            }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 45px;
        row-gap: 100px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

    .main.branchs .title {
        font-size: 32px;
        margin: 3% 0 2.7% 0;
    }

    .main.branchs .branchWrapper .item .imgBox {
        height: 200px;
    }

    .header .menuContainer {
        margin-top: 6%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 270px;
    }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 310px;
        }

    .middleBannerContainer {
        height: 330px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 4%;
    }

    .footer .left .area .links:nth-child(2) {
        margin-right: 5%;
    }

    .footer .left .area .links {
        width: 19%;
    }

    footer {
        height: 410px;
    }

    .sliderArrows {
        width: 30px;
    }

    .footer .left .area .brand {
        margin-right: 5%;
    }

    .footer .left .area .address {
        width: 29%;
    }

    .footer {
        height: 390px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 250px;
        height: 250px;
    }

    .header .menuContainer ul {
        gap: 20px;
    }

    .header .menuContainer .accountButtons {
        margin-bottom: 50px;
    }

    .footer .left .area .links .item ul,
    .footer .left .area .address .line {
        font-size: 14px;
    }


    .footer .right .workingInfos .title,
    .footer .right .workingInfos .item {
        font-size: 16px;
    }

    .footer .left .area .brand .socialMedias .itemWrapper {
        gap: 28px;
    }

    .categoryContainer .seeAllButton,
    .bannerSlider .categoryButtons .item {
        font-size: 16px;
    }

    .onlineShopContainer .itemWrapper .item .reviewButton {
        font-size: 14px;
    }

    /* Login */
    .main.register .container,
    .main.login .container,
    .main.forgetPassword .container {
        width: 47%;
    }

    .main.login {
        padding: 6.5% 0 12% 0;
    }

    .main.forgetPassword {
        padding: 9% 0 9% 0;
    }

    /* Product List */
    .chosen-container-single .chosen-search input[type=text] {
        padding: 2px 20px 2px 5px !important;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

        .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

    .productList .itemWrapper .item {
        width: 260px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 300px;
        }

    .productList .itemWrapper {
        column-gap: 41px;
    }

    /* cart */
    .main.emptyCart .startToShopButton {
        padding: 18px 120px;
        font-size: 16px;
    }

    .main.emptyCart .backgroundImage {
        width: 440px;
        height: 220px;
        margin-bottom: 20px;
    }

    .main.emptyCart .description {
        font-size: 16px;
    }


    .main.cart .left .itemWrapper .item .featureContainer {
        width: 31%;
        margin-right: 5%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 3%;
        width: 12%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 6%;
        width: 12%;
    }

    .main.cart .right .summary .generalTotal .price {
        font-size: 20px;
    }

    .main.cart .right .summary .top .orderSummaryText {
        margin-bottom: 15px;
    }

    .main.cart .left .itemWrapper .item .deleteItemButton {
        font-size: 16px;
    }

    .main.cart .right .accordion-title {
        padding: 14px 16px;
    }

    .main.cart .right .summary .top,
    .main.cart .right .summary .generalTotal {
        padding: 15px;
    }

    .main.cart .right .completeOrderButton {
        padding: 20px 10px;
    }

    .main.cart .right .accordion-title,
    .main.cart .right .completeOrderButton,
    .main.cart .right .summary .generalTotal,
    .main.cart .right .accordion-content.coupon .myCouponsButton {
        font-size: 16px;
    }

    .main.cart .right .accordion-content.coupon .couponInputBox a,
    .main.cart .right .accordion-content.promotion .promotions .item {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top .text {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        font-size: 16px;
    }

    .main.cart .left .itemWrapper .item .imageBox {
        margin-right: 20px;
    }

    .main.cart .left .itemWrapper .item .name {
        width: 18%;
        font-size: 14px;
    }

    .main.cart .right {
        padding-top: 54px;
    }

        .main.cart .right.topCart {
            width: 28.472%;
        }

    .main.cart {
        column-gap: 15px;
    }

        .main.cart .left .itemWrapper {
            row-gap: 7px;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select input,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px !important;
            }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox span,
            .main.cart .left .itemWrapper .item .totalPrice .priceBox span {
                font-size: 16px;
            }

            .main.cart .left .itemWrapper .item {
                padding: 2% 2.5% 2% 2.5%;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 15px 10px;
        }

        .main.cart .left .campaign {
            font-size: 14px;
        }

        .main.cart .right .accordion-title {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.promotion .promotions .item {
            margin-bottom: 15px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item a {
                padding: 3px 15px;
            }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 85px;
            gap: 0px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 159px;
            height: 35px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 35px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 5px 10px 5px;
        }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .date {
        font-size: 12px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom {
        height: 30px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top {
        min-height: 60px;
        padding: 10px;
    }

    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 270px;
        height: 250px;
        right: 21%;
        bottom: 18%;
    }

    .main.errorPageContainer .text {
        font-size: 26px;
    }

    .main.errorPageContainer .errorCode {
        font-size: 60px;
    }

    .main.errorPageContainer .description {
        width: 25%;
    }

    .main.errorPageContainer .homeButton {
        padding: 15px 50px;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 290px;
        height: 510px;
        right: 20%;
        bottom: 6%;
    }

    /* Product Detail */
    .main.productDeteail {
        width: 85.79%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

        .main.productDeteail .right .productName {
            font-size: 28px;
            min-height: 65px;
            max-height: 65px;
            margin-bottom: 10px;
        }

        .main.productDeteail .right .chooseWeight .item {
            font-size: 22px;
        }

        .main.productDeteail .right .priceBox .price {
            font-size: 26px;
        }

        .main.productDeteail .right .favoriteButton {
            font-size: 14px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 16px !important;
        }

        .main.productDeteail .right .firstVariantBox .count-select input {
            width: 25px;
            font-size: 22px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
            height: 55px !important;
        }

        .main.productDeteail .right .addCartButton {
            padding: 4.5% 0;
        }

        .main.productDeteail .left {
            width: 60%;
        }

            .main.productDeteail .left .campaign {
                width: 83.146%;
            }

        .main.productDeteail .right .chooseWeight .item {
            width: 126px;
            height: 46px;
        }

            .main.productDeteail .right .chooseWeight .item.active::before {
                width: 28px;
                height: 28px;
            }

        .main.productDeteail .right .firstVariantBox .featureSelect {
            width: 65%;
        }

        .main.productDeteail .left .imageArea .bigImage {
            width: 544px !important;
        }

        .main.productDeteail .left .imageArea .productImageBig {
            height: 500px;
        }

        .main.productDeteail .detailsContainer .features {
            gap: 15px;
            margin-bottom: 40px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: -3.5%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: -3.5%;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 275px;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 325px;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows {
        width: 40px;
        height: 50px;
    }

    .main.productDeteail .right .priceBox {
        margin-bottom: 9%;
    }

    .main.productDeteail .right .chooseWeight {
        margin-bottom: 8%;
    }

    .main.productDeteail .right .firstVariantBox {
        margin-bottom: 12%;
    }

    .main.productDeteail .detailsContainer .descriptionTitle {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev,
    .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
        height: 25px;
        width: 55px;
    }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 55%;
    }

    /* Corporate */
    .main.corporate .contentContainer .left .text {
        font-size: 16px;
    }

    .main.corporate .contentContainer .right {
        width: 55%;
        height: 560px;
        margin-right: -15%;
    }

    .main.corporate .midContainer .block .text {
        font-size: 16px;
    }

    .main.corporate .midContainer .block .title {
        font-size: 23px;
        margin-bottom: 8%;
    }

    .main.corporate .midContainer .block {
        width: 19%;
    }

    .main.corporate .contentContainer {
        width: 75%;
    }

    .main.corporate .pageBanner {
        height: 270px;
    }
}

/*width 1278 - 2 */
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .main.orderFailure {
        padding: 4% 0 5.444% 0;
    }

    .main.orderSuccess {
        padding: 3.596% 0 4.883% 0;
    }

    .main.errorPageContainer {
        padding: 3% 0 18% 0;
    }

    .main.login {
        padding: 3.5% 0 12% 0;
    }

    .header .menuContainer ul {
        gap: 10px;
    }

    .header .menuContainer {
        margin-top: 4.5%;
    }

        .header .menuContainer ul {
            margin-bottom: 25px;
        }

        .header .menuContainer .orderTrackingButton {
            margin-bottom: 25px;
            padding: 12px 22px;
        }

        .header .menuContainer .searchBox {
            width: 300px;
        }

        .header .menuContainer .socialMedias {
            margin-bottom: 30px;
        }

    .main.emptyCart {
        padding: 3% 0 4% 0;
    }
}

/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .modal-dialog.search {
        max-width: 750px;
    }
    .enterCardContainer > .bottom .right .creditCard {
        height: 230px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 157px !important;
    }

    .applyPromotionBtn {
        padding: 10px 3px;
        width: 46%;
    }

    .footer .left .area .address .line::before {
        top: -2px;
        font-size: 16px;
    }

    .main.cart.order .right .paymentBox .addressItem .title {
        font-size: 16px;
        margin-bottom: 5%;
    }

    .main.cart.order .right .paymentBox .addressItem .name {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .main.cart.order .right .paymentBox .addressItem .addressText {
        font-size: 14px;
    }

    .main.cart.order .right .addressContinueButton,
    .main.cart.order .right .cargoContinueButton,
    .main.cart.order .right .paymentButton {
        padding: 14px 10px;
        font-size: 16px;
    }

    /* Order - Payment */
    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 0;
        margin-bottom: 8px;
    }

    .enterCardContainer > .bottom .left .title {
        font-size: 14px;
    }

    .enterCardContainer > .bottom .right .creditCard .cartNumber {
        margin-left: 15px;
        margin-top: 45px;
        font-size: 12px;
        gap: 23px;
    }

    .enterCardContainer > .bottom .right .creditCard .textInfo {
        padding-right: 15px;
        font-size: 12px;
        margin-top: 60px;
    }

    .enterCardContainer > .bottom .right > .creditCard .bottom {
        padding: 16px 10px;
    }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
        .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
            font-size: 8px;
        }

        .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
            font-size: 14px;
            width: 160px;
        }

        .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
            font-size: 12px;
        }

    .enterCardContainer > .bottom .right .creditCard .cvvCode {
        margin-top: 145px;
        font-size: 14px;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 8%;
    }

    .enterCardContainer > .bottom .left {
        width: 52%;
    }

    .main.cart.order .right .summary .checkArea {
        padding-top: 20px;
        margin-top: 20px;
    }

    .enterCardContainer > .bottom .left input {
        padding: 10px;
        font-size: 16px;
    }

    .enterCardContainer > .bottom .left .cartNumbers,
    .enterCardContainer > .bottom .left .fullName {
        margin-bottom: 20px;
    }

    .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
        height: 41px !important;
    }

    /* Order - Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 11px;
        row-gap: 25px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 32.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
            width: 32%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .cargoName {
                gap: 10px;
            }

    #credit-card,
    #credit-card-back {
        height: 250px;
    }

    /* Address Modal */
    .districtSelect,
    .citySelect {
        width: 316px;
    }

    .modal.addaddress .modalContent .inputWrap input,
    .modal.addaddress .modalContent .inputWrap textarea {
        padding: 12px 15px;
    }

    .modal.addaddress .modalContent .chosen-container-single .chosen-single {
        height: 45px !important;
    }

    .modal.addaddress .modalContent .addButton {
        padding: 14px 0;
        font-size: 16px;
    }


    /* Order-Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
        font-size: 26px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
        padding-left: 35px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        margin-bottom: 25px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
        font-size: 18px;
        margin-bottom: 3%;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
            font-size: 16px;
        }


        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
            top: -2px;
        }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle,
    .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
        font-size: 16px;
    }

    .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
        padding: 10px 0px;
    }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
        padding: 17px 20px;
    }

    /* Order - Login */
    .main.cart.order .left .order-tab-list::before {
        width: 72%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container,
    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 80%;
    }

    .main.cart.order .left .order-tab-list {
        font-size: 14px;
        gap: 90px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
        padding: 2.5% 20px 2.5% 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
        padding: 3% 0;
    }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .inputs,
    .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
        row-gap: 25px;
    }


    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
    .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
        font-size: 16px;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 14px;
        height: 14px;
        top: -7px;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: 40px;
    }

        .main.cart.order .left .order-tab-list .accordion-header.active .icon {
            width: 24px;
            height: 24px;
            top: -12px;
        }

    .main.cart .right .summary .top,
    .main.cart .right .summary .generalTotal {
        padding: 18px;
    }

    .main.cart.order .right .summary .checkArea::before {
        width: 80%;
    }


    /* Account - Favorites */
    .main.account .left .userName .letter {
        min-width: 55px;
        min-height: 55px;
        font-size: 30px;
    }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 18px;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .nameBox {
            font-size: 14px;
            height: 31px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
            width: 159px;
        }

            .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
                height: 190px;
            }

    /* Account - Empty Favorites */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
        padding: 16px 75px;
    }

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        width: 145px;
        margin-bottom: 30px;
    }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
        column-gap: 30px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
        width: 25%;
        font-size: 14px;
    }


    /* Account - Empty Coupon */
    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 80%;
    }

    /* Account - Order Detail */
    .orderDetailTable .bottomInfos .summary .generalTotal .price {
        font-size: 22px;
    }

    .orderDetailTable .bottomInfos .addresses .addressType {
        font-size: 18px;
    }

    .orderDetailTable .bottomInfos .summary .generalTotal {
        font-size: 16px;
    }

    .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
        font-size: 16px;
    }



    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr {
        font-size: 14px;
    }

    .status .orderStatus {
        font-size: 14px;
    }


    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        padding: 16px 92px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        margin-bottom: 30px;
    }

    /* Account - Addresses*/
    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        margin-bottom: 60px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        padding: 10px 0px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 28px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 25px 25px 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText,
        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            margin-bottom: 30px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
        font-size: 18px;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 30px 22px 22px 22px;
    }

    /* Account - User Infos*/
    .main.account {
        width: 92.5%;
    }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton {
            font-size: 14px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
            padding: 18px 30px;
        }

    /* User Hover Cart Empty*/
    .header .userButtons .cart .hoverCartEmptyText {
        padding: 10px;
        font-size: 16px;
    }

    /* User Hover Cart */
    .header .userButtons .cart .userCart {
        /*left: unset;*/
        left: -120px;
        /*transform: translateX(25%);*/
        width: 320px;
        /*right: 0;*/
    }

    .header .userButtons .cart .closeButton::after {
        /*left: 71.5%;*/
        left: 293px;
    }

    .header .userButtons .cart .itemContainer {
        padding: 0 3% 0 5%;
    }

    .header .userButtons .cart .totalPrice {
        margin: 5% auto 0 auto;
    }

    .header .userButtons .cart .campaign {
        font-size: 14px;
    }

    .header .userButtons .cart .cartButton {
        font-size: 14px;
        padding: 12px 0;
    }

    .header .userButtons .cart .totalPrice {
        font-size: 16px;
    }

    .header .userButtons .cart .itemContainer {
        max-height: 250px;
        row-gap: 10px;
    }

        .header .userButtons .cart .itemContainer .item .imageContainer {
            width: 65px;
            height: 65px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .feature {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
            font-size: 14px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
            font-size: 12px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            min-height: 33px;
        }



    /* Contact */
    .main.contact .branchWrapper {
        column-gap: 42px;
    }

        .main.contact .branchWrapper > .item .imageBox {
            height: 190px;
        }

    .main.contact .contactForm .bannerArea .workingHours .title {
        font-size: 18px;
    }

    .main.contact .contactForm .bannerArea .workingHours .item {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
        margin-top: -16px;
    }

    .main.contact .branchWrapper > .item .name::before {
        width: 7px;
    }

    .main.contact .contactForm .bannerArea {
        padding: 4% 0 0 0;
    }

    .main.contact .contactForm .form .inputBox input {
        padding: 18px 30px;
    }

    .main.contact .contactForm .form {
        padding: 7% 9% 10% 9%;
    }

        .main.contact .contactForm .form .inputBox {
            row-gap: 25px;
            column-gap: 31px;
        }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 310px;
        }

    .main.contact .contactForm .bannerArea .workingHours {
        width: 32%;
        padding: 2% 0 0;
    }
        .main.contact .contactForm .bannerArea .workingHours .title {
            margin-bottom: 10px;
        }

        .main.contact .contactForm .bannerArea .workingHours .item {
            margin-bottom: 15px;
        }

    .main.contact .contactForm .form .inputBox input.w-50 {
        width: 47.9%;
    }

    .main.contact .contactForm .form .inputBox div.w-50 {
        width: 47.9%;
    }

    .main.contact .branchWrapper > .item .imageBox a {
        padding: 3px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span strong,
    .main.contact .branchWrapper > .item .name {
        font-size: 14px;
    }

    .main.contact .branchWrapper > .item .addressBox .line span,
    .main.contact .branchWrapper > .item .imageBox a {
        font-size: 14px;
    }

    .main.contact .contactForm .form .text {
        font-size: 35px;
        margin-bottom: 3%;
    }

    .main.contact .branchWrapper > .item .addressBox {
        padding: 10px;
    }

    .main.contact .branchWrapper > .item {
        width: 30%;
    }

    .main.contact .contactForm .form .inputBox textarea {
        height: 200px;
    }



    .navigationContainer .items .navTitle.blogTitle {
        font-size: 20px;
    }

    /* Blog Detail */
    .blogDetail .blogContainer .image {
        height: 377px;
        width: 40%;
        margin: 0 0 45px 45px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
    }

    /* Blog List */
    .blogList .blogWrapper {
        column-gap: 20px;
        margin-top: -30px;
    }

    .blogList .bannerArea {
        height: 220px;
    }

    .blogList .blogWrapper .item {
        padding: 15px 15px 0 15px;
        width: 23%;
    }

    .blogList .bannerArea .option {
        height: 55px;
    }

    .blogList .blogWrapper .item .imageBox {
        height: 130px;
    }

    .blogList .bannerArea .title {
        font-size: 92px;
    }

    .blogList .blogWrapper .item .text {
        margin-bottom: 15px;
    }

    .blogList .bannerArea .slogan {
        font-size: 18px;
    }

    .blogList .blogWrapper .item .text {
        font-size: 14px;
    }

    .blogList .blogWrapper .item .title {
        font-size: 16px;
    }





    .main.help {
        width: 93%;
    }

        .main.help .left .helptablist li a,
        .main.help .left .title {
            padding-left: 30px;
        }

        .main.help .right .helptabs .tab-content.help,
        .main.help .left .helptablist li a {
            font-size: 14px;
        }

            .main.help .right .helptabs .tab-content.help > .title,
            .main.help .left .title {
                font-size: 16px;
            }

    /* Branchs */
    .main.branchs .branchWrapper {
        column-gap: 33px;
        row-gap: 90px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

    .main.branchs .title {
        font-size: 30px;
        margin: 3% 0 2.7% 0;
    }

    .main.branchs .branchWrapper .item .imgBox {
        height: 160px;
    }

    .main.branchs .branchWrapper .item .branchName {
        font-size: 16px;
    }

    .header .menuContainer {
        margin-top: 6%;
    }

    .header .menuContainer {
        margin-top: 7.5%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 220px;
    }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 260px;
        }

    .middleBannerContainer {
        height: 260px;
    }

    .footer .left .area .links:nth-child(3) {
        margin-right: 3%;
    }

    .footer .left .area .links:nth-child(2) {
        margin-right: 3%;
    }

    .footer .left .area .links {
        width: 23%;
    }

    footer {
        height: 410px;
    }

    .sliderArrows {
        width: 40px;
        height: 40px;
    }

    .footer .left .area .brand {
        margin-right: 4%;
    }

    .footer .left .area .address {
        width: 28%;
    }

    .footer {
        height: 385px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 210px;
        height: 210px;
    }

    .header .menuContainer ul {
        gap: 20px;
    }

    .header .menuContainer .accountButtons {
        margin-bottom: 50px;
    }

    .footer .left .area .links .item ul,
    .footer .left .area .address .line {
        font-size: 14px;
    }


    .footer .right .workingInfos .title,
    .footer .right .workingInfos .item {
        font-size: 16px;
    }

    .footer .left .area .brand .socialMedias .itemWrapper {
        gap: 28px;
    }

    .categoryContainer .seeAllButton,
    .bannerSlider .categoryButtons .item {
        font-size: 16px;
    }

    .onlineShopContainer .itemWrapper .item .reviewButton {
        font-size: 12px;
        padding: 6px;
    }

    .header .headerContainer {
        /*margin: 0 10%;*/
    }

    .onlineShopContainer .itemWrapper .item .productSticker {
        font-size: 14px;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 250px;
    }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 340px;
        }

    .footer .left .area .links .item .text {
        font-size: 14px;
    }

    .header .menuContainer .searchBox {
        width: 300px;
    }


    /* Login */
    .main.register .container,
    .main.login .container,
    .main.forgetPassword .container {
        width: 59%;
    }

    .main.login {
        padding: 6.5% 0 12% 0;
    }

    .main.forgetPassword {
        padding: 14% 0 17% 0;
    }


    /* Product List */
    .chosen-container-single .chosen-search input[type=text] {
        padding: 2px 20px 2px 5px !important;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

        .chosen-container-single .chosen-search::before {
            font-size: 14px;
        }

    .productList .itemWrapper .item {
        width: 229px;
    }

        .productList .itemWrapper .item .imgBox {
            height: 270px;
        }

    .productList .itemWrapper {
        column-gap: 10px;
        row-gap: 40px;
    }

    /* cart */
    .main.emptyCart .startToShopButton {
        padding: 18px 120px;
        font-size: 16px;
    }

    .main.emptyCart .backgroundImage {
        width: 420px;
        height: 210px;
        margin-bottom: 20px;
    }

    .main.emptyCart .description {
        font-size: 16px;
    }


    .main.cart .left .itemWrapper .item .featureContainer {
        width: 32%;
        margin-right: 3%;
    }

    .main.cart .left .itemWrapper .item .priceContainer {
        margin-right: 2%;
        width: 14%;
    }

    .main.cart .left .itemWrapper .item .totalPrice {
        margin-right: 2%;
        width: 14%;
    }

    .main.cart .right .summary .generalTotal .price {
        font-size: 20px;
    }

    .main.cart .right .summary .top .orderSummaryText {
        margin-bottom: 15px;
    }

    .main.cart .left .itemWrapper .item .deleteItemButton {
        font-size: 16px;
    }

    .main.cart .right .accordion-title {
        padding: 14px 16px;
    }

    .main.cart .right .summary .top,
    .main.cart .right .summary .generalTotal {
        padding: 15px;
    }

    .main.cart .right .completeOrderButton {
        padding: 14px 10px;
    }

    .main.cart .right .accordion-title,
    .main.cart .right .completeOrderButton,
    .main.cart .right .summary .generalTotal,
    .main.cart .right .accordion-content.coupon .myCouponsButton {
        font-size: 14px;
    }

    .main.cart .right .accordion-content.coupon .couponInputBox a,
    .main.cart .right .accordion-content.promotion .promotions .item {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top .text {
        font-size: 14px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        font-size: 14px;
    }

    .main.cart .left .itemWrapper .item .imageBox {
        margin-right: 10px;
    }

    .main.cart .left .itemWrapper .item .name {
        width: 19%;
        font-size: 14px;
    }

    .main.cart .right {
        padding-top: 52px;
    }

    .main.cart.order .right {
        margin-top: -94px;
    }

    .main.cart .right.topCart {
        width: 28.572%;
    }

    .main.cart {
        column-gap: 15px;
    }

        .main.cart .left .itemWrapper {
            row-gap: 7px;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select input,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px !important;
            }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox span,
            .main.cart .left .itemWrapper .item .totalPrice .priceBox span {
                font-size: 16px;
            }

            .main.cart .left .itemWrapper .item {
                padding: 2% 2.5% 2% 2.5%;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px;
        }

        .main.cart .left .campaign {
            font-size: 14px;
        }

        .main.cart .right .accordion-title {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.promotion .promotions .item {
            margin-bottom: 15px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item a {
                padding: 3px 5px;
            }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 85px;
            gap: 0px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 107px;
            height: 35px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 75px;
            height: 75px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
            height: 40px !important;
            padding: 0px 0 0 10px !important;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single div b {
                margin-left: -10px !important;
            }

        .main.cart .left .itemWrapper .item .featureContainer .featureTitle {
            padding-left: 10px;
        }

        .main.cart .right .summary .top .orderSummaryText {
            font-size: 16px;
        }

        .main.cart .right .summary .top .lines .name,
        .main.cart .right .summary .top .lines .value {
            font-size: 14px;
        }

        .main.cart .right .summary .generalTotal .price,
        .main.cart .right .summary .generalTotal {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 35px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 5px 10px 5px;
        }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .date {
        font-size: 12px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom {
        height: 30px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .top {
        min-height: 60px;
        padding: 10px;
    }

    /* 404 */
    .main.errorPageContainer.error404::before {
        width: 230px;
        height: 220px;
        right: 18%;
        bottom: 11%;
    }

    .main.errorPageContainer .text {
        font-size: 26px;
    }

    .main.errorPageContainer .errorCode {
        font-size: 60px;
    }

    .main.errorPageContainer .description {
        width: 35%;
    }

    .main.errorPageContainer .homeButton {
        padding: 15px 50px;
    }

    /* 500 */
    .main.errorPageContainer.error500::before {
        width: 290px;
        height: 400px;
        right: 12%;
        bottom: 6%;
    }

    /* Product Detail */
    .main.productDeteail {
        width: 95%;
    }

        .main.productDeteail .detailsContainer {
            width: 90%;
        }

        .main.productDeteail .right .productName {
            font-size: 26px;
            min-height: 65px;
            max-height: 65px;
            margin-bottom: 10px;
        }

        .main.productDeteail .right .chooseWeight .item {
            font-size: 20px;
        }

        .main.productDeteail .right .priceBox .price {
            font-size: 26px;
        }

        .main.productDeteail .right .favoriteButton {
            font-size: 14px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.productDeteail .right .firstVariantBox .count-select input {
            width: 25px;
            font-size: 22px;
        }

        .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
            height: 55px !important;
        }

        .main.productDeteail .right .addCartButton {
            padding: 4.5% 0;
        }

        .main.productDeteail .left {
            width: 61%;
        }

        .main.productDeteail .right {
            width: 36%;
        }

        .main.productDeteail .left .campaign {
            width: 81.846%;
        }

        .main.productDeteail .right .chooseWeight .item {
            width: 105px;
            height: 40px;
        }

            .main.productDeteail .right .chooseWeight .item.active::before {
                width: 26px;
                height: 26px;
            }

        .main.productDeteail .right .firstVariantBox .featureSelect {
            width: 65%;
        }

        .main.productDeteail .left .imageArea .bigImage {
            width: 483px !important;
        }

        .main.productDeteail .left .imageArea .productImageBig {
            height: 450px;
        }

        .main.productDeteail .detailsContainer .features {
            gap: 15px;
            margin-bottom: 40px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: -3.6%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: -3.6%;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 220px;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 270px;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows {
        width: 40px;
        height: 50px;
    }

    .main.productDeteail .right .priceBox {
        margin-bottom: 9%;
    }

    .main.productDeteail .right .chooseWeight {
        margin-bottom: 8%;
    }

    .main.productDeteail .right .firstVariantBox {
        margin-bottom: 12%;
    }

    .main.productDeteail .detailsContainer .descriptionTitle {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev,
    .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
        height: 25px;
        width: 55px;
    }

    .main.productDeteail .right .firstVariantBox .count-select {
        gap: 5px;
    }

    .main.productDeteail .right .featureTitle {
        font-size: 16px;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
        font-size: 14px;
    }

    .main.productDeteail .right .firstVariantBox .count-select i {
        font-size: 20px;
    }

    /* Order Tracking */
    .main.orderTracking .container,
    .main.orderDetails {
        width: 76%;
    }


    /* Corporate */
    .main.corporate .contentContainer .left .text {
        font-size: 16px;
    }

    .main.corporate .contentContainer .right {
        width: 55%;
        height: 500px;
        margin-right: -10%;
    }

    .main.corporate .midContainer .block .text {
        font-size: 16px;
    }

    .main.corporate .midContainer .block .title {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.corporate .midContainer .block {
        width: 25%;
    }

    .main.corporate .contentContainer {
        width: 80%;
    }

    .main.corporate .pageBanner {
        height: 270px;
    }

    .main.corporate .contentContainer .left .text {
        padding: 6.112%;
    }
}


/* 999px => mobil */
@media only screen and (max-width: 999px) {
    .main.help .right {
        min-height: unset;
    }

    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 0;
    }

    .main.cart.order .right {
        margin-top: 0;
    }

    .main.cart .left .top {
        display: flex;
        align-items: end;
        justify-content: space-between;
    }

    .modal {
        max-height: max-content !important;
    }

    .addressList {
        flex-direction: unset;
        flex-wrap: wrap;
        gap: 13px;
    }

        .addressList > span {
            width: 49%;
        }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        width: 100% !important;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            padding-left: 0 !important;
        }

    .navigationContainer .main.items > ul {
        flex-wrap: wrap;
    }

    .main.cart.order .left .order-tab-list .loadLine,
    .productList .itemWrapper .item .reviewButton,
    #desktopMenu,
    .footer .left .area .links,
    .footer .left .area .address .modals,
    /*.footer .right .workingInfos,*/
    .onlineShopContainer .itemWrapper .item .reviewButton,
    .categoryContainer .subCategoryWrapper .item .reviewButton {
        display: none;
    }

    .chosen-container-single .chosen-single div b {
        margin-left: -10px !important;
    }

    .main.corporate .homeGalleryContainer {
        padding: 0 0 7.311%;
    }

    .main.contact {
        row-gap: 40px;
    }


    .main.productDeteail .right .priceBox {
        margin-bottom: 20px;
        flex-direction: row;
        gap: 5px;
        align-items: center;
    }














    .homeGalleryContainer {
        padding-top: 0;
    }

    .main.help .left > .title {
        position: relative;
    }

        .main.help .left > .title::before {
            position: absolute;
            content: '\f078';
            font-family: 'FontAwesome';
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            color: var(--bluecolor);
            transition: all ease .5s;
        }

        .main.help .left > .title.open::before {
            transform: translateY(-50%) rotate(180deg);
        }


    .productImagePopup {
        margin-top: 0;
        /*margin-bottom: 20px;*/
    }

    .modal.myCoupons .modalContent .couponWrapper {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .modal.addaddress .modalHeader {
        font-size: 20px;
        height: 60px;
    }

    .modal .modalHeader {
        height: auto;
        min-height: 50px;
        font-size: 16px;
        padding: 0 40px 0 20px;
    }

    .main.cart.order .right .addressContinueButton,
    .main.cart.order .right .cargoContinueButton,
    .main.cart.order .right .paymentButton {
        font-size: 16px;
        padding: 18px 10px;
    }

    .main.cart.order .right .paymentBox .addressItem .title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .main.cart.order .right .paymentBox .addressItem {
        padding: 15px;
    }

        .main.cart.order .right .paymentBox .addressItem .name {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .main.cart.order .right .paymentBox .addressItem .addressText {
            font-size: 16px;
        }

    .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-results li.active-result {
        font-size: 14px;
    }

    .main.cart.order .left .order-tab-list .accordion-header.passed .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0;
    }

        .main.cart.order .left .order-tab-list .accordion-header.passed .icon::before {
            font-size: 10px;
        }

    /* Account - Empty Favorites */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 50px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .text {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .continueButton {
            font-size: 16px;
            padding: 12px 23px;
        }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            width: 40%;
            height: 90px;
            margin-bottom: 20px;
        }





    /*.main.cart .right .accordion-content.promotion .promotions .item:nth-last-child(1) {
        margin-bottom: 0;
    }*/

    .main.cart .right .accordion-content.promotion .promotions ul li {
        margin-bottom: 0;
    }

    .navigationContainer .items .navTitle.blogTitle {
        font-size: 18px;
    }

    .navigationContainer .main.items {
        flex-wrap: wrap;
        row-gap: 10px;
    }

        .navigationContainer .main.items .backButton::before {
            font-size: 16px;
        }

    /* error pages */
    .main.errorPageContainer.error500::before {
        width: 250px;
        height: 350px;
        right: 50%;
        bottom: 50%;
        opacity: 0.2;
        transform: translate(50%, 50%);
    }

    .main.errorPageContainer {
        padding: 50px 20px;
    }

        .main.errorPageContainer .description {
            width: 100%;
            margin-bottom: 20px;
            font-size: 16px;
        }

        .main.errorPageContainer .text {
            font-size: 20px;
            margin-bottom: 10px;
            text-align: center;
        }

        .main.errorPageContainer .errorCode {
            font-size: 50px;
        }

        .main.errorPageContainer .homeButton {
            font-size: 18px;
            padding: 12px 46px;
        }

        .main.errorPageContainer > * {
            z-index: 1;
        }

        .main.errorPageContainer.error404::before {
            width: 300px;
            height: 300px;
            right: 50%;
            top: 50%;
            transform: translate(44%, -50%);
            bottom: unset;
            opacity: 0.3;
        }

    #mobileMenu {
        display: flex;
    }


    .onlineShopContainer .itemWrapper .item .productSticker {
        font-size: 14px;
    }

    .productlistPagination,
    .productList .itemWrapper {
        margin-bottom: 50px;
    }

    .navigationContainer.withOptions .items {
        flex-direction: column-reverse;
        gap: 20px;
        align-items: start;
    }


    /* Hover */
    .header .userButtons .account .userAccountButtons {
        width: 170px;
        transform: translateX(-70%);
    }

        .header .userButtons .account .userAccountButtons .userName::after {
            transform: translateX(47%) rotate(-45deg);
        }

        .header .userButtons .account .userAccountButtons .userName,
        .header .userButtons .account .userAccountButtons ul li a {
            padding: 10px 7px 10px 15px;
        }

            .header .userButtons .account .userAccountButtons ul li a .icon {
                margin-right: 15px;
            }

        .header .userButtons .account .userAccountButtons ul {
            padding: 5px 0;
        }

    .header .userButtons .cart .hoverCartEmptyText {
        font-size: 16px;
    }

    .header .userButtons .cart .userCart {
        top: 113%;
        transform: translateX(-94%);
        width: 290px;
        left: 50%;
    }

    .header .userButtons .cart .closeButton::after {
        left: unset;
        right: 7px;
        top: -7px;
        transform: rotate(-45deg);
        width: 15px;
        height: 15px;
    }

    .header .userButtons .cart .itemContainer {
        padding: 0 10px;
        row-gap: 15px;
        max-height: 255px;
    }

        .header .userButtons .cart .itemContainer .item .imageContainer {
            width: 60px;
            height: 60px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .name {
            font-size: 14px;
            min-height: 34px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .feature {
            font-size: 12px;
            margin-bottom: 2px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .price {
            font-size: 16px;
        }

        .header .userButtons .cart .itemContainer .item .textArea .bottom .quantity {
            font-size: 12px;
        }

    .header .userButtons .cart .totalPrice {
        width: 90%;
        font-size: 14px;
        margin: 15px auto 0 auto;
    }

    .header .userButtons .cart .cartButton {
        width: 90%;
        font-size: 14px;
        padding: 10px 0;
    }

    .header .userButtons .cart .campaign {
        padding: 5px;
        font-size: 14px;
    }

    /* Menu */
    .header .menuButton {
        margin-top: 5px;
    }

    .header .menuContainer .orderTrackingButton {
        font-size: 16px;
        padding: 12px 22px;
        margin-bottom: 40px;
    }

    .header .menuContainer .accountButtons {
        margin-bottom: 40px;
    }

    .header .menuContainer .searchBox {
        width: 250px;
    }

    .header .menuContainer .socialMedias {
        margin-bottom: 20px;
    }

        .header .menuContainer .socialMedias a:nth-child(3) {
            font-size: 28px;
        }

        .header .menuContainer .socialMedias a:nth-child(2) {
            font-size: 28px;
        }

        .header .menuContainer .socialMedias a:nth-child(1) {
            font-size: 30px;
        }

    .header .menuContainer ul li a {
        font-size: 18px;
    }

    .header .menuContainer {
        margin-top: 100px;
    }

        .header .menuContainer ul {
            gap: 15px;
            margin-bottom: 30px;
        }


    /* Footer */
    .footer {
        flex-direction: column;
        height: auto;
    }

        .footer .left,
        .footer .right {
            width: 100%;
        }

            .footer .left .area .brand {
                width: 100%;
                padding: 0;
                margin: 0;
            }

            .footer .left .area {
                flex-direction: column-reverse;
                padding: 20px;
            }

                .footer .left .area .address {
                    width: 100%;
                }

            .footer .left .signatureForNaya {
                justify-content: center;
                padding-left: 0;
            }

            .footer .right .signatureForNaya,
            .footer .left .signatureForNaya {
                height: 40px;
            }

            .footer .left .area .brand .logoBox {
                width: 80%;
                height: 60px;
                margin-bottom: 15px;
            }


            .footer .left .area .address .line {
                margin-bottom: 15px;
                padding-left: 25px;
            }

                .footer .left .area .address .line::before {
                    font-size: 16px;
                }

    /* Bannner */
    .bannerSlider .categoryButtons {
        margin-bottom: 80px;
        gap: 10px;
        flex-wrap: wrap;
        row-gap: 20px;
    }

        .bannerSlider .categoryButtons .item {
            font-size: 16px;
            padding: 8px 12px;
            min-width: 80px;
        }


    .bannerSlider {
        margin-top: -75px;
    }

    .swiper-pagination-bullet {
        font-size: 12px;
    }

   /* .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        gap: 20px;
    }*/

    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):before,
    .swiper-pagination-bullet-active::after {
        width: 30px !important;
        height: 3px !important;
        /*left: 10px;*/
    }

   /* .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        width: 55px !important;
    }*/

    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        margin-bottom: 30px;
    }

    /* Header */
    .header .headerContainer {
        width: 92.69%;
        margin: 0 auto;
    }

    .header {
        height: 75px;
    }

        .header .headerLogo {
            height: auto;
            width: 150px;
        }

        .header .userButtons {
            width: 29.745%;
            gap: 15px;
            padding-bottom: 6px;
        }

            .header .userButtons .account svg {
                width: 18px;
            }

            .header .userButtons .account .loginSvg {
                width: 24px;
            }

            .header .userButtons .cart svg {
                width: 24px;
            }

            .header .userButtons .cart .cartQuantity {
                top: 3px;
                right: -10px;
                width: 24px;
            }

    .sliderArrows,
    .otherProductsContainer .otherProductsSlider .sliderArrows {
        width: 20px;
        height: 45px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 100%;
    }

    .modal.myCoupons .modalHeader {
        height: 50px;
        font-size: 20px;
    }

    .modal.myCoupons .modal-body {
        overflow-x: none;
        overflow-y: scroll;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 100%;
    }

    .modal.myCoupons .modalContent {
        padding: 0px 10px;
    }

        .modal.myCoupons .modalContent .couponWrapper .item .top {
            padding: 10px;
        }
}

/* Horizontal(yatay) */
@media only screen and (min-width: 480px) and (max-width: 844px) {


    .bannerSlider .categoryButtons .item {
        font-size: 14px;
        padding: 6px 10px;
        min-width: 60px;
    }

    .bannerSlider .categoryButtons {
        margin-bottom: 80px;
    }

    /* Help */
    .main.help .left .helptablist li a,
    .main.help .left .title {
        padding-left: 20px;
    }

    .main.help {
        width: 92.69%;
        flex-direction: column;
    }

        .main.help .left {
            width: 100%;
        }

        .main.help .right {
            width: 100%;
            padding: 20px 20px 50px 20px;
        }

    /* Empty Cart */
    .main.emptyCart {
        padding: 50px 0;
    }

        .main.emptyCart .backgroundImage {
            width: 60%;
            height: 150px;
            margin-bottom: 20px;
        }

        .main.emptyCart .description {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .main.emptyCart .startToShopButton {
            font-size: 16px;
            padding: 16px 40px;
        }

    .header .userButtons .cart .cartQuantity {
        top: 10px;
        right: -18px;
    }


    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        width: 20%;
        height: 110px;
        background: url(/assets/images/emptycarticon.png) center center / 100% no-repeat;
        margin-bottom: 10px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        font-size: 16px;
        padding: 14px 22px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart {
        padding: 30px 0;
    }
}


/* Vertical(dikey) */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        text-align: center;
    }

    .loginSvg {
        display: block;
    }

    .loginDesktop {
        display: none;
    }

    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table thead tr:first-child {
        z-index: 1;
        height: auto;
        min-height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:not(:nth-child(5)) {
        display: none;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 276px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(5) {
        width: 100%;
        /* text-align: center; */
        padding-right: 0;
        border: none;
        height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table.tableHeader tr {
        min-height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table tr {
        height: auto;
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
        padding: 10px;
        min-height: 120px;
    }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(4) {
            position: absolute;
            top: 10px;
            right: 10px;
            width: auto;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(5) {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: auto;
            padding-right: 0;
        }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton i {
        margin-right: 0;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }

    /* status */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 0;
        width: 100%;
    }

    /* order number */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(2) {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: auto;
        padding-right: 0;
    }

    /* price */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(3) {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: auto;
        padding-right: 0;
    }

    .orderList .status {
        margin-left: 25px;
        row-gap: 3px;
    }


    /* Account - Empty Order */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        width: 30%;
        height: 110px;
        background: url(/assets/images/emptycarticon.png) center center / 100% no-repeat;
        margin-bottom: 10px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart .continueButton {
        font-size: 16px;
        padding: 14px 22px;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart {
        padding: 50px 0;
    }


    /* Help */
    .main.help .left .helptablist li a,
    .main.help .left .title {
        padding-left: 20px;
    }

    .main.help {
        width: 92.69%;
        flex-direction: column;
    }

        .main.help .left {
            width: 100%;
        }

        .main.help .right {
            width: 100%;
            padding: 20px 20px 50px 20px;
        }

    /* Empty Cart */
    .main.emptyCart {
        padding: 50px 0;
    }

        .main.emptyCart .backgroundImage {
            width: 80%;
            height: 150px;
            margin-bottom: 20px;
        }

        .main.emptyCart .description {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .main.emptyCart .startToShopButton {
            font-size: 16px;
            padding: 16px 40px;
        }
}


/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .header .userButtons {
        width: 33.745%;
        gap: 6px;
    }
    .modal .search .searchBox{
        width:90%;
    }
    .onlineShopContainer .itemWrapper .item .nameBox,
    .categoryContainer .subCategoryWrapper .item .nameBox {
        height: unset;
    }

    .modal.addaddress .modalContent .inputWrap .w-50,
    .modal.addaddress .addressChosen {
        width: 100%;
    }

    .modal.addaddress .modalContent .inputWrap {
        margin-bottom: 15px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }







    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .date {
        font-size: 12px;
    }

    /* Order - Payment */

    .main.cart.order {
        width: 95%;
    }

    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 10px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 41px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 190px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 20px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 12px;
                    margin: 45px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 20px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 165px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 29%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 50%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 5px;
    }

    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 100%;
        padding: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            flex-direction: column;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
                padding-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
            padding-left: 30px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                margin-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 6px;
            margin-top: 6px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
            justify-content: end;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }






    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea .g-recaptcha {
                transform: scale(0.90);
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 14px 50px 14px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }


    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 49%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 20px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .g-recaptcha {
            transform: scale(0.90);
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 30px auto;
    }







    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 220px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }


    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 20px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 50px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 16px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 12px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
    }










    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 100%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }




    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 100%;
                padding: 12px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 10px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 10px;
            top: 22px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
        font-size: 14px;
    }

    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

            .main.cart .left .top .texts {
                width: 50%;
            }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 300px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 150px;
            height: 150px;
            margin: auto;
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 100%;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 49%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }







    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px 10px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 12px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }

            .main.orderTracking .container .g-recaptcha {
                transform: scale(0.93);
            }

            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 14px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 10px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 100px;
            height: 100px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .orderDetailTable .itemWrapper .item .rightArea {
            width: 100%;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                width: 100%;
                margin-right: 0;
                align-items: center;
            }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                width: 100%;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                font-size: 14px;
            }



    /* Contact */
    .main.contact .branchWrapper > .item {
        width: 100%;
    }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 10px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 230px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -22px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span strong {
            font-size: 16px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 14px 12px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 100%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .buttonArea .g-recaptcha {
            transform: scale(0.91);
        }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        float: unset;
        width: 100%;
        margin: 0;
        height: 300px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 100%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 190px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 100%;
    }

    .main.branchs .branchWrapper {
        column-gap: 5px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 220px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 100px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
    }

        .main.corporate .contentContainer .right {
            width: 100%;
            height: 290px;
            margin: 0;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 30px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 140px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 100px;
    }

    .main.orderFailure .right {
        width: 100%;
    }


    .main.orderFailure {
        padding: 40px 0;
        flex-direction: column;
        gap: 20px;
    }

        .main.orderFailure .left .orderFailureIcon {
            width: 100px;
            height: 100px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: center;
        }

        .main.orderFailure .right .description {
            text-align: center;
            font-size: 16px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 80%;
            padding: 12px 0;
            margin: 0 auto;
        }

    /* Product Detail */
    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .smallImageNav {
            width: 100% !important;
        }

        .main.productDeteail .left {
            width: 100%;
        }

        .main.productDeteail .firstContainer {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .main.productDeteail .left .imageArea {
            flex-direction: column-reverse;
            gap: 20px;
        }

            .main.productDeteail .left .imageArea .productImageBig {
                width: 100%;
                height: 300px;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .bigImage {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                left: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(90deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                right: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(270deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .productImageSmall {
                margin: 0 auto;
            }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 25px;
                height: 25px;
                margin-right: 7px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 5px;
                margin-bottom: 20px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 65%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 35%;
                gap: 7px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 5% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 20px;
            /*margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 100%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 300px;
    }


    .otherProductsContainer {
        padding: 20px 0 40px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
        flex-wrap: wrap;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }

    /* Product List */
    .main.errorPageContainer.error500 {
        padding: 70px 20px;
    }

    .optionContainer {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: 60px;
        }

    .optionChosen {
        width: 235px;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 100%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
        }



    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 5% 50px 5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 8% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

            .main.register .container .buttonArea .submitButton {
                padding: 14px 10px;
                font-size: 16px;
                min-width: 100%;
            }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
        }

        .main.register .container .buttonArea .g-recaptcha {
            transform: scale(0.97);
        }

    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 5% 30px;
            padding-right: 55px;
        }



        .main.forgetPassword .container .text {
            font-size: 18px;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }

        .main.forgetPassword .container .buttonArea .g-recaptcha {
            transform: scale(0.97);
        }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Login */
    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }

                .main.login .container .buttonArea .g-recaptcha {
                    transform: scale(0.97);
                }

                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 14px 10px;
                    font-size: 16px;
                    min-width: 100%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 5% 50px 5% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 30px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 300px;
        }


    .middleBannerContainer {
        height: 130px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 10% 0 5% 0;
    }

    .onlineShopContainer .itemWrapper,
    .categoryContainer .subCategoryWrapper {
        gap: 20px;
    }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 350px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 230px;
    }

    .sliderArrows.sliderNextArrow,
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow,
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .categoryContainer .subCategoryWrapper .item,
    .onlineShopContainer .itemWrapper .item {
        width: 100%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .header .userButtons {
        gap: 8px;
    }
    .modal .search .searchBox{
        width:90%;
    }
    .onlineShopContainer .itemWrapper .item .nameBox,
    .categoryContainer .subCategoryWrapper .item .nameBox {
        height: unset;
    }

    .modal.addaddress .modalContent .inputWrap .w-50,
    .modal.addaddress .addressChosen {
        width: 100%;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }





    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }


    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 12px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 45px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 210px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 14px;
                    margin: 45px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 30px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 200px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 29%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 50%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 5px;
    }

    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 100%;
        padding: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            flex-direction: column;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
                padding-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
            padding-left: 30px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                margin-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 6px;
            margin-top: 6px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
            justify-content: end;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }




    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 14px 50px 14px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 49%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 20px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }


    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 30px auto;
    }




    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        justify-content: center;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
            width: 70%;
        }

            .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
                height: 240px;
            }

            .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
                right: 10px;
                top: 10px;
                width: 30px;
                height: 30px;
            }


    /* Account - Coupons */

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 70px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 100px;
        }

    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 20px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 50px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 16px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 12px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 120px;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 100%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }



    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 100%;
                padding: 12px 20px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 10px;
            top: 22px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
            row-gap: 10px;
        }

    .main.cart .left .top .texts {
        width: 50%;
    }

    .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
    .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
        font-size: 14px;
    }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 300px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 150px;
            height: 150px;
            margin: auto;
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 100%;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 49%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 14px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 10px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 100px;
            height: 100px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .orderDetailTable .itemWrapper .item .rightArea {
            width: 100%;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                width: 100%;
                margin-right: 0;
                align-items: center;
            }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                width: 100%;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                font-size: 14px;
            }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
    }

        .main.contact .branchWrapper > .item {
            width: 100%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 10px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 250px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -22px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span strong {
            font-size: 16px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 14px 12px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 100%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }



        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }


    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        float: unset;
        width: 100%;
        margin: 0;
        height: 330px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 100%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 210px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 100%;
    }

    .main.branchs .branchWrapper {
        column-gap: 6px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 250px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 100px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
    }

        .main.corporate .contentContainer .right {
            width: 100%;
            height: 330px;
            margin: 0;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 30px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 110px;
    }

    .main.orderFailure {
        padding: 40px 0;
        flex-direction: column;
        gap: 20px;
    }

        .main.orderFailure .right {
            width: 100%;
        }

        .main.orderFailure .left .orderFailureIcon {
            width: 100px;
            height: 100px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: center;
        }

        .main.orderFailure .right .description {
            text-align: center;
            font-size: 16px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 80%;
            padding: 12px 0;
            margin: 0 auto;
        }

    /* Product Detail */
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .smallImageNav {
            width: 100% !important;
        }

        .main.productDeteail .left {
            width: 100%;
        }

        .main.productDeteail .firstContainer {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .main.productDeteail .left .imageArea {
            flex-direction: column-reverse;
            gap: 20px;
        }

            .main.productDeteail .left .imageArea .productImageBig {
                width: 100%;
                height: 330px;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .bigImage {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                left: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(90deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                right: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(270deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .productImageSmall {
                margin: 0 auto;
                width: 105px;
                height: 105px;
            }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 25px;
                height: 25px;
                margin-right: 7px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 6px;
                margin-bottom: 20px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 65%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 35%;
                gap: 7px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 5% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 20px;
            /*margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 100%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 330px;
    }


    .otherProductsContainer {
        padding: 20px 0 40px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }


    .main.errorPageContainer.error500 {
        padding: 90px 20px;
    }

    .main.errorPageContainer {
        padding: 80px 20px;
    }


    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: 60px;
        }

    .optionChosen {
        width: 270px;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 100%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
        }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 5% 50px 5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 8% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

            .main.register .container .buttonArea .submitButton {
                padding: 14px 10px;
                font-size: 16px;
                min-width: 100%;
            }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }



        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Login */
    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 14px 10px;
                    font-size: 16px;
                    min-width: 100%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 5% 50px 5% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 30px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 300px;
        }


    .middleBannerContainer {
        height: 140px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 10% 0 5% 0;
    }

    .onlineShopContainer .itemWrapper,
    .categoryContainer .subCategoryWrapper {
        gap: 20px;
    }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 350px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 260px;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .categoryContainer .subCategoryWrapper .item,
    .onlineShopContainer .itemWrapper .item {
        width: 100%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }

    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 60px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .header .userButtons {
       gap:9px;
    }
    .modal .search .searchBox {
        width: 90%;
        padding: 20px 15px;
    }
    .modal-dialog.search .modalContent{
        padding-right:10px;
    }
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 327px !important;
    }

    .onlineShopContainer .itemWrapper .item .nameBox,
    .categoryContainer .subCategoryWrapper .item .nameBox {
        height: unset;
    }

    .modal.addaddress .modalContent .inputWrap .w-50,
    .modal.addaddress .addressChosen {
        width: 100%;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }





    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 12px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 45px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 210px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 14px;
                    margin: 45px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 25px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 30px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 200px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 28%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 50%;
        float: left;
    }

    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 0;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 5px;
    }



    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 100%;
        padding: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            flex-direction: column;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
                padding-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
            padding-left: 30px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                margin-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 6px;
            margin-top: 6px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
            justify-content: end;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }


    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 14px 50px 14px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }


    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 49%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 20px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }


    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 170px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 6px;
    }

    /* Account - Coupons */

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 70px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 110px;
        }

    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 20px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 50px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 16px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 12px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 130px;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 100%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }


    /* Account - User Infos */

    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 100%;
                padding: 12px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 15px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            top: 22px;
            right: 10px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            display: flex;
            padding: 10px 0;
            align-items: end;
            justify-content: space-between;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .left .top .texts {
            width: 50%;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 300px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 170px;
            height: 170px;
            margin: auto;
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 100%;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 49%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }


    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 16px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 14px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 100px;
            height: 100px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .orderDetailTable .itemWrapper .item .rightArea {
            width: 100%;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                width: 100%;
                margin-right: 0;
                align-items: center;
            }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                width: 100%;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                font-size: 14px;
            }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
    }

        .main.contact .branchWrapper > .item {
            width: 100%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 10px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 260px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -22px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span strong {
            font-size: 16px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 14px 12px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 100%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }



        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        float: unset;
        width: 100%;
        margin: 0;
        height: 330px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
        row-gap: 40px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 49%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 100px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 49%;
    }

    .main.branchs .branchWrapper {
        column-gap: 6px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 14px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 110px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 110px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
    }

        .main.corporate .contentContainer .right {
            width: 100%;
            height: 340px;
            margin: 0;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 30px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 120px;
    }

    .main.orderFailure {
        padding: 40px 0;
        flex-direction: column;
        gap: 20px;
    }

        .main.orderFailure .right {
            width: 100%;
        }

        .main.orderFailure .left .orderFailureIcon {
            width: 100px;
            height: 100px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: center;
        }

        .main.orderFailure .right .description {
            text-align: center;
            font-size: 16px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 80%;
            padding: 12px 0;
            margin: 0 auto;
        }

    /* Product Detail */
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .smallImageNav {
            width: 100% !important;
        }

        .main.productDeteail .left {
            width: 100%;
        }

        .main.productDeteail .firstContainer {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .main.productDeteail .left .imageArea {
            flex-direction: column-reverse;
            gap: 20px;
        }

            .main.productDeteail .left .imageArea .productImageBig {
                width: 100%;
                height: 370px;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .bigImage {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                left: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(90deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                right: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(270deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .productImageSmall {
                margin: 0 auto;
                width: 110px;
                height: 110px;
            }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 25px;
                height: 25px;
                margin-right: 7px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 6px;
                margin-bottom: 20px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 65%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 35%;
                gap: 7px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 5% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 20px;
            /*margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 95%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 210px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }




    .main.errorPageContainer.error500 {
        padding: 90px 20px;
    }

    .main.errorPageContainer {
        padding: 80px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: 60px;
        }

    .optionChosen {
        width: 285px;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 48%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
        justify-content: space-between;
        column-gap: 0;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 220px;
        }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 5% 50px 5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 8% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

            .main.register .container .buttonArea .submitButton {
                padding: 14px 10px;
                font-size: 16px;
                min-width: 100%;
            }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }



        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Login */
    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 14px 10px;
                    font-size: 16px;
                    min-width: 100%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 5% 50px 5% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 30px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 300px;
        }


    .middleBannerContainer {
        height: 150px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 10% 0 5% 0;
    }

    .onlineShopContainer .itemWrapper,
    .categoryContainer .subCategoryWrapper {
        gap: 20px;
    }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 370px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 30px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 300px;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .categoryContainer .subCategoryWrapper .item,
    .onlineShopContainer .itemWrapper .item {
        width: 100%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 60px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .modal .search .searchBox{
        width:90%;
    }
    .modal.addaddress .modalContent .inputWrap .w-50,
    .modal.addaddress .addressChosen {
        width: 100%;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }


    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 12px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 45px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 220px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 14px;
                    margin: 45px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 25px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 30px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 220px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 28%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 50%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 5px;
    }



    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 100%;
        padding: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 16px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
            flex-direction: column;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 14px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -2px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
            padding-left: 30px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                margin-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 6px;
            margin-top: 6px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
            justify-content: end;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 49%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }



    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 180px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 6px;
    }


    /* Account - Coupons */

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 70px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 120px;
        }

    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 20px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 90px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 16px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 12px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
    }






    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 130px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            padding: 15px 15px 15px 15px;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
                top: 12px;
                left: 12px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 30px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 24px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
            gap: 10px;
            padding: 10px 0px;
            margin-bottom: 40px;
        }

        .main.account .right .accounttabs .tab-content.addresses .noAddressText {
            font-size: 14px;
            margin-bottom: 20px;
        }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 100%;
                padding: 12px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 15px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
            .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
                font-size: 14px;
            }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 300px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 190px;
            height: 190px;
            margin: auto;
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 100%;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 49%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }



    /* Order Tracking */

    .main.emptyCart .backgroundImage {
        height: 160px;
    }

    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 16px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 14px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 100px;
            height: 100px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .orderDetailTable .itemWrapper .item .rightArea {
            width: 100%;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                width: 100%;
                margin-right: 0;
                align-items: center;
            }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                width: 100%;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                font-size: 14px;
            }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 7px;
    }

        .main.contact .branchWrapper > .item {
            width: 49%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 10px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 140px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 6px 4px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 14px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -34px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -18px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 14px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 100%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }


    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        float: unset;
        width: 100%;
        margin: 0;
        height: 330px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }


    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
        row-gap: 40px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 49%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 110px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 49%;
    }

    .main.branchs .branchWrapper {
        column-gap: 7px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 14px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 130px;
        }



    /* Corporate */
    .main.corporate .pageBanner {
        height: 120px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
    }

        .main.corporate .contentContainer .right {
            width: 100%;
            height: 360px;
            margin: 0;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 130px;
    }

    .main.orderFailure {
        padding: 40px 0;
        flex-direction: column;
        gap: 20px;
    }

        .main.orderFailure .right {
            width: 100%;
        }

        .main.orderFailure .left .orderFailureIcon {
            width: 100px;
            height: 100px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: center;
        }

        .main.orderFailure .right .description {
            text-align: center;
            font-size: 16px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 80%;
            padding: 12px 0;
            margin: 0 auto;
        }

    /* Product Detail */
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .smallImageNav {
            width: 100% !important;
        }

        .main.productDeteail .left {
            width: 100%;
        }

        .main.productDeteail .firstContainer {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .main.productDeteail .left .imageArea {
            flex-direction: column-reverse;
            gap: 20px;
        }

            .main.productDeteail .left .imageArea .productImageBig {
                width: 101%;
                height: 390px;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .bigImage {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                left: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(90deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                right: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(270deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .productImageSmall {
                margin: 0 auto;
                width: 115px;
                height: 115px;
            }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 25px;
                height: 25px;
                margin-right: 7px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }

            .main.productDeteail .right .priceBox {
                margin-bottom: 30px;
                flex-direction: row;
                justify-content: start;
                gap: 5px
            }

                .main.productDeteail .right .priceBox .price {
                    font-size: 24px;
                }

            .main.productDeteail .right .chooseWeight {
                column-gap: 7px;
                margin-bottom: 20px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 65%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 35%;
                gap: 7px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 5% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 0;
            margin-bottom: 30px;
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 95%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 240px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }





    .main.errorPageContainer.error500 {
        padding: 110px 20px;
    }

    .main.errorPageContainer {
        padding: 100px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 125px;
    }

        .optionChosen .chosen-container-single .chosen-single span {
            max-width: 68%;
        }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 49%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
        justify-content: space-between;
        column-gap: 0;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 240px;
        }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 5% 50px 5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 8% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

            .main.register .container .buttonArea .submitButton {
                padding: 14px 10px;
                font-size: 16px;
                min-width: 100%;
            }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
        }



    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }


        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Login */
    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 14px 10px;
                    font-size: 16px;
                    min-width: 100%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 5% 50px 5% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 30px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 190px;
        }


    .middleBannerContainer {
        height: 160px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 10% 0 5% 0;
    }

    .onlineShopContainer .itemWrapper,
    .categoryContainer .subCategoryWrapper {
        gap: 20px;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 31%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 140px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 170px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 48%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 60px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .modal .search .searchBox {
        width: 90%;
    }
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen {
        width: 76% !important;
        margin: 0 auto;
    }

    .modal.addaddress .modalContent .inputWrap .w-50,
    .modal.addaddress .addressChosen {
        width: 100%;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }



    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 12px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 45px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 240px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 16px;
                    margin: 55px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 25px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 30px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 250px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 29%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 50%;
        float: left;
    }

    .enterCardContainer > .bottom .left .bottomTitles {
        padding-right: 0;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 5px;
    }




    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 100%;
        padding: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 17px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
            flex-direction: column;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 15px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -2px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }


    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 49%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }



    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 180px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 6px;
    }


    /* Account - Coupons */

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 70px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 120px;
        }

    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 20px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 100px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
    }


    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 140px;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 100%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 100%;
                padding: 14px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 15px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 10px;
            top: 22px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 300px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 200px;
            height: 200px;
            margin: auto;
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 100%;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 49%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }






    .main.emptyCart .backgroundImage {
        height: 170px;
    }

    .main.emptyCart {
        padding: 100px 0;
    }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 12px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 14px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 100px;
            height: 100px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .orderDetailTable .itemWrapper .item .rightArea {
            width: 100%;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                width: 100%;
                margin-right: 0;
                align-items: center;
            }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                width: 100%;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                font-size: 14px;
            }


    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 7px;
    }

        .main.contact .branchWrapper > .item {
            width: 49%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 10px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 140px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 4px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 14px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -34px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -18px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 100%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        float: unset;
        width: 100%;
        margin: 0;
        height: 360px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }


    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
        row-gap: 40px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 49%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 120px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 49%;
    }

    .main.branchs .branchWrapper {
        column-gap: 7px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 14px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 140px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 120px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
    }

        .main.corporate .contentContainer .right {
            width: 100%;
            height: 360px;
            margin: 0;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 140px;
    }

    .main.orderFailure {
        padding: 40px 0;
        flex-direction: column;
        gap: 20px;
    }

        .main.orderFailure .right {
            width: 100%;
        }

        .main.orderFailure .left .orderFailureIcon {
            width: 100px;
            height: 100px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: center;
        }

        .main.orderFailure .right .description {
            text-align: center;
            font-size: 16px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 80%;
            padding: 12px 0;
            margin: 0 auto;
        }

    /* Product Detail */
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .smallImageNav {
            width: 100% !important;
        }

        .main.productDeteail .left {
            width: 100%;
        }

        .main.productDeteail .firstContainer {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .main.productDeteail .left .imageArea {
            flex-direction: column-reverse;
            gap: 20px;
        }

            .main.productDeteail .left .imageArea .productImageBig {
                width: 100%;
                height: 400px;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .bigImage {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                left: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(90deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                right: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(270deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .productImageSmall {
                margin: 0 auto;
                width: 120px;
                height: 120px;
            }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 25px;
                height: 25px;
                margin-right: 7px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }


            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 7px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 65%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 35%;
                gap: 7px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 40px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 5% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 20px;
            /*margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 95%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 220px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }






    .main.errorPageContainer.error500 {
        padding: 110px 20px;
    }

    .main.errorPageContainer {
        padding: 100px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 138px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 49%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
        justify-content: space-between;
        column-gap: 0;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 250px;
        }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 5% 50px 5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 8% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

            .main.register .container .buttonArea .submitButton {
                padding: 14px 10px;
                font-size: 16px;
                min-width: 100%;
            }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }


        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            min-width: 100%;
        }

    /* Login */
    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 14px 10px;
                    font-size: 16px;
                    min-width: 100%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 5% 50px 5% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 30px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 210px;
        }


    .middleBannerContainer {
        height: 160px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 10% 0 5% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 31%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 140px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 170px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 48%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }
}



/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .modal-dialog.search {
        max-width: 380px;
        left: 8%;
    }

    .modal .search .searchBox {
        width: 90%;
    }
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align: center;
            width: 100%;
        }

        .footer .right .workingInfos .item {
            width: 50%;
        }
    /*.header .userButtons {
        gap: 7px;
    }*/

    .modal.addaddress .modalContent .inputWrap .w-50,
    .modal.addaddress .addressChosen {
        width: 100%;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }


    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 230px !important;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 12px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 45px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 280px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 16px;
                    margin: 70px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 45px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 50px 30px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 10px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 14px;
                    width: 250px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 29%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 50%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 5px;
    }


    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 100%;
        padding: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 15px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 48.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
            flex-direction: column;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -2px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper li {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
            padding-left: 30px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                margin-top: 4px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 6px;
            margin-top: 6px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
            justify-content: end;
        }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }



    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 100%;
        }

    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 49%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 85%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 200px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 8px;
    }




    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 40px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 110px;
            width: 30%;
        }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 40px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 50px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 100%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
    }



    /* Account - Order List */

    .main.account .right .accounttabs .tab-content.orders .orderList table thead tr:first-child {
        z-index: 1;
        height: auto;
        min-height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:not(:nth-child(5)) {
        display: none;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(5) {
        width: 100%;
        padding-right: 0;
        border: none;
        height: auto;
        justify-content: end;
        display: flex;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 169px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen {
        width: 40% !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table.tableHeader tr {
        min-height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table tr {
        height: auto;
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
        padding: 10px;
        min-height: 120px;
    }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(4) {
            position: absolute;
            top: 10px;
            right: 10px;
            width: auto;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(5) {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: auto;
            padding-right: 0;
        }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton i {
        margin-right: 0;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }

    /* status */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 0;
        width: 100%;
    }

    /* order number */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(2) {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: auto;
        padding-right: 0;
    }

    /* price */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(3) {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: auto;
        padding-right: 0;
    }

    .orderList .status {
        margin-left: 25px;
        row-gap: 3px;
    }


    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 100%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 100%;
                padding: 14px 20px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 11px;
            top: 24px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
            row-gap: 15px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 350px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 150px;
            height: 150px;
            margin: auto;
            margin-bottom: 20px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 100%;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 49%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 67%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 30%;
            gap: 10px;
        }






    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                gap: 10px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 26px 15px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
    }

        .orderDetailTable .itemWrapper .item .imageBox {
            width: 100px;
            height: 100px;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .orderDetailTable .itemWrapper .item .rightArea {
            width: 100%;
            justify-content: center;
            flex-direction: column;
            gap: 20px;
        }

            .orderDetailTable .itemWrapper .item .rightArea .name {
                width: 100%;
                margin-right: 0;
                align-items: center;
            }

            .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
                width: 100%;
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }

            .orderDetailTable .itemWrapper .item .rightArea .name .quantity {
                font-size: 14px;
            }




    /* Help */
    .main.help .left .helptablist li a,
    .main.help .left .title {
        padding-left: 20px;
    }

    .main.help {
        width: 92.69%;
        flex-direction: column;
    }

        .main.help .left {
            width: 100%;
        }

        .main.help .right {
            width: 100%;
            padding: 20px 20px 50px 20px;
        }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 8px;
    }

        .main.contact .branchWrapper > .item {
            width: 49%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 10px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 140px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 4px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 14px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -34px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -18px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }
            .main.contact .branchWrapper > .item .addressBox .line:first-child {
                min-height: 53px;
            }

        .main.contact .contactForm .bannerArea {
            padding: 0;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 100%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 100%;
        }

        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }


    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        float: unset;
        width: 100%;
        margin: 0;
        height: 280px;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 49%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 130px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 49%;
    }

    .main.branchs .branchWrapper {
        column-gap: 7px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 14px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 160px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 120px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
        margin-top: -80px;
    }

        .main.corporate .contentContainer .right {
            margin: 0 auto;
            width: 70%;
            height: 250px;
            padding-top: 20px;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 100px;
    }

    .main.orderFailure {
        padding: 40px 0;
        flex-direction: column;
        gap: 20px;
    }

        .main.orderFailure .right {
            width: 100%;
        }

        .main.orderFailure .left .orderFailureIcon {
            width: 100px;
            height: 100px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: center;
        }

        .main.orderFailure .right .description {
            text-align: center;
            font-size: 16px;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 80%;
            padding: 12px 0;
            margin: 0 auto;
        }

    /* Product Detail */
    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .smallImageNav {
            width: 100% !important;
        }

        .main.productDeteail .left {
            width: 100%;
        }

        .main.productDeteail .firstContainer {
            justify-content: center;
            flex-direction: column;
            gap: 10px;
        }

        .main.productDeteail .left .imageArea {
            flex-direction: column-reverse;
            gap: 20px;
        }

            .main.productDeteail .left .imageArea .productImageBig {
                width: 100%;
                height: 400px;
            }

            .main.productDeteail .left .imageArea .bigSlider {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .bigImage {
                width: 100% !important;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                left: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(90deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
                height: 7px;
                width: 15px;
                margin: 0;
                position: absolute;
                right: -13px;
                top: 50%;
                transform: translateY(-50%) rotate(270deg);
                z-index: 1;
            }

            .main.productDeteail .left .imageArea .productImageSmall {
                margin: 0 auto;
                width: 140px;
                height: 140px;
            }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 8px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 65%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 35%;
                gap: 7px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 40px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 5% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 20px;
            /*margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 95%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 240px;
    }

    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }






    .main.errorPageContainer.error500 {
        padding: 80px 20px;
    }

    .main.errorPageContainer {
        padding: 70px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 170px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 49%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
        justify-content: space-between;
        column-gap: 0;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 250px;
        }


    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 6%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 4.5% 50px 4.5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 6% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 80%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            width: auto;
            min-width: 80%;
        }


    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 4% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            width: unset;
        }


    /* Login */
    .main.login .container .text {
        margin-bottom: 5%;
    }

    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }



                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton,
                .main.forgetPassword .container .buttonArea .submitButton {
                    padding: 14px 10px;
                    font-size: 16px;
                    min-width: 80%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 4% 50px 4% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 210px;
        }


    .middleBannerContainer {
        height: 150px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 7% 0 4% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0% 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 31%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 160px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 180px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 48.5%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 7% 0;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .modal-dialog.search {
        max-width: 440px;
        left: 8%;
    }
    .modal .search .searchBox{
        width:90%;
    }
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align: center;
            width: 100%;
        }

        .footer .right .workingInfos .item {
            width: 50%;
        }
    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }






    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modalContent .couponWrapper .item .bottom .date {
        font-size: 12px;
    }

    .modal.myCoupons .modal-body {
        min-height: 230px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }


    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 10px 10px 30px 10px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .right {
                width: 60% !important;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 12px 13px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 45px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 200px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 16px;
                    margin: 50px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 10px 15px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 10px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 14px;
                    width: 190px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 28%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 33%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 150px;
        height: 165px;
    }


    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 49%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 9px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 48.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
            flex-direction: column;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 100%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }



    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 80%;
        }

    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 92%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 75%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 240px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 9px;
    }





    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 40px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 110px;
            width: 26%;
        }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 40px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 50px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 12px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 10px;
    }


    /* Account - Order List */

    .main.account .right .accounttabs .tab-content.orders .orderList table thead tr:first-child {
        z-index: 1;
        height: auto;
        min-height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:not(:nth-child(5)) {
        display: none;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(5) {
        width: 100%;
        padding-right: 0;
        border: none;
        height: auto;
        display: flex;
        justify-content: end;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen {
        width: 40% !important;
    }

        .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
            width: 201px !important;
        }

    .main.account .right .accounttabs .tab-content.orders .orderList table.tableHeader tr {
        min-height: auto;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table tr {
        height: auto;
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
        padding: 10px;
        min-height: 120px;
    }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(4) {
            position: absolute;
            top: 10px;
            right: 10px;
            width: auto;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(5) {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: auto;
            padding-right: 0;
        }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton i {
        margin-right: 0;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }

    /* status */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 0;
        width: 100%;
    }

    /* order number */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(2) {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        width: auto;
        padding-right: 0;
    }

    /* price */
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(3) {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: auto;
        padding-right: 0;
    }

    .orderList .status {
        margin-left: 25px;
        row-gap: 3px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 130px;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 48.6%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 14px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 20px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 15px;
            top: 24px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 410px;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 150px;
            height: 185px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            margin-right: 10px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
            padding: 0 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 67%;
            margin-right: 0;
            float: left;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 33%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }


        .main.cart .left .itemWrapper .item .imageBox img {
            max-width: 100%;
            max-height: 100%;
            width: unset;
            height: unset;
        }







    .main.emptyCart .backgroundImage {
        width: 50%;
        height: 150px;
    }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 16px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }


            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 26px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        flex-direction: column;
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }

    /* Help */
    .main.help .left .helptablist li a,
    .main.help .left .title {
        padding-left: 20px;
    }

    .main.help {
        width: 92.69%;
        flex-direction: column;
    }

        .main.help .left {
            width: 100%;
        }

        .main.help .right {
            width: 100%;
            padding: 20px 20px 50px 20px;
        }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 30px;
        column-gap: 10px;
    }

        .main.contact .branchWrapper > .item {
            width: 49%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 190px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 7px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -20px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
            background: url(/assets/images/contactFormBackground.png) 32% center / cover no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 50%;
                padding: 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 10px;
        }

            .main.contact .contactForm .form .inputBox input.w-50 {
                width: 49%;
            }

            .main.contact .contactForm .form .inputBox div.w-50 {
                width: 49%;
            }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 8px 40px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }


    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 260px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 49%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 160px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }


    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 49%;
    }

    .main.branchs .branchWrapper {
        column-gap: 7px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 14px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 200px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
        flex-direction: column-reverse;
        padding-top: 0;
    }

        .main.corporate .contentContainer .right {
            width: 60%;
            height: 260px;
            margin: 0 auto;
            padding-top: 25px;
        }

        .main.corporate .contentContainer .left {
            width: 100%;
        }

    .main.corporate .midContainer {
        gap: 40px;
        margin: 0;
        flex-direction: column;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 100px;
    }

    .main.orderFailure .right {
        width: 40%;
    }

    .main.orderFailure .left .orderFailureIcon {
        width: 150px;
        height: 150px;
    }

    .main.orderFailure .right .text {
        font-size: 18px;
        text-align: start;
    }

    .main.orderFailure .right .description {
        text-align: start;
        font-size: 16px;
        width: 100%;
    }

    .main.orderFailure .right .continueButton {
        font-size: 16px;
        width: 100%;
        padding: 12px 0;
        margin: 0 auto;
    }



    /* Product Detail */
    .main.productDeteail .firstContainer {
        flex-direction: column;
    }

    .main.productDeteail .left {
        width: 100%;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 420px !important;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }


        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 300px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 85px;
            height: 85px;
        }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 10px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 34px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 32%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 25%;
                gap: 15px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 40px;
                justify-content: start;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
                width: 59%;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            /* margin-top: 0;
            margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 220px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }







    .main.errorPageContainer.error500 {
        padding: 90px 20px;
    }

    .main.errorPageContainer {
        padding: 80px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 210px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 49%;
    }

    .productList .itemWrapper {
        row-gap: 30px;
        justify-content: space-between;
        column-gap: 0;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 280px;
        }


    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 4%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 4.5% 50px 4.5% 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 6% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }

        .main.register .container .inputs .inputBox.w50input {
            width: 100%;
        }

        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }



        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 80%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 14px 10px;
            font-size: 16px;
            width: auto;
            min-width: 80%;
        }

    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 4% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 5%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            width: unset;
        }

    /* Login */
    .main.login .container .text {
        margin-bottom: 5%;
    }

    .main.login {
        padding: 8% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                row-gap: 20px;
            }

                .main.forgetPassword .container .buttonArea .submitButton,
                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 26px 10px;
                    font-size: 16px;
                    min-width: 40%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 4% 50px 4% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 250px;
        }


    .middleBannerContainer {
        height: 190px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 6% 0 4% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0% 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 32%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 180px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 210px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 48.5%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 7% 0;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .modal-dialog.kvkk.search {
        max-width: 485px;
    }

    .modal .search .searchBox {
        width: 90%;
    }
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align: center;
            width: 100%;
        }

        .footer .right .workingInfos .item {
            width: 50%;
        }
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 134px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(3),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(3) {
        width: 15.916%;
    }

    .chosen-container-single .chosen-single div b {
        margin-left: -5px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .chosen-container-single .chosen-single span {
        max-width: 95px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 100%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }


    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 240px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }

    .modal-dialog.kvkk {
        max-width: 600px;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 20px 20px 40px 20px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .right {
                width: 60% !important;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 16px 20px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 53px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 220px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 16px;
                    margin: 55px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 25px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 20px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 10px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 14px;
                    width: 200px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 28%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 35%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 150px;
        height: 165px;
    }



    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 49%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 11px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 48.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            /*width: 49%;*/
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 100%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }


    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: center;
            height: auto;
            column-gap: 0;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 49%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 55%;
        }

    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 70%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 75%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 32%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 210px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 11px;
    }



    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 40px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 120px;
            width: 25%;
        }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 40px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 70px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 11px;
    }


    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }



    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 140px;
        width: 17%;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 48.8%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
            min-height: 83px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 14px 20px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 15px;
            top: 25px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
            row-gap: 20px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 100%;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 150px;
            height: 185px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            margin-right: 10px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
            padding: 0 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 71%;
            margin-right: 0;
            float: left;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 35%;
            margin-top: 0;
            align-items: center;
            height: auto;
            display: inline-block;
            float: left;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .imageBox img {
            max-width: 100%;
            max-height: 100%;
            width: unset;
            height: unset;
        }

        .main.cart .right .summary {
            width: 49%;
            float: right;
        }

        .main.cart .right .accordion-title,
        .main.cart .right .accordion-content {
            width: 49%;
            float: left;
        }



    .main.emptyCart .backgroundImage {
        width: 50%;
        height: 160px;
    }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 30px 30px 30px 30px;
        }

            .main.orderTracking .container .text {
                font-size: 16px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                gap: 20px;
            }



                .main.orderTracking .container .buttonArea .submitButton {
                    width: 100%;
                    padding: 26px 40px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        flex-direction: column;
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 100%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 10px;
        flex-direction: column-reverse;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        flex-direction: column;
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }


    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 30px;
        column-gap: 11px;
    }

        .main.contact .branchWrapper > .item {
            width: 49%;
        }

    .main.contact .contactForm .form .buttonArea {
        column-gap: 10px;
        justify-content: space-between;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 220px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 7px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -20px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
            background: url(/assets/images/contactFormBackground.png) 40% center / cover no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 50%;
                padding: 30px 10px 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 11px;
        }

            .main.contact .contactForm .form .inputBox input.w-50 {
                width: 49%;
            }

            .main.contact .contactForm .form .inputBox div.w-50 {
                width: 49%;
            }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 26px 10px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 300px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: space-between;
        column-gap: 0;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 49%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 190px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 49%;
    }

    .main.branchs .branchWrapper {
        column-gap: 7px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 220px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
    }

        .main.corporate .contentContainer .right {
            width: 40%;
            height: 250px;
            margin-right: -15px;
        }

        .main.corporate .contentContainer .left {
            width: 60%;
        }

    .main.corporate .midContainer {
        gap: 30px;
        margin: 0;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 100px;
    }

    .main.orderFailure .right {
        width: 40%;
    }

    .main.orderFailure .left .orderFailureIcon {
        width: 150px;
        height: 150px;
    }

    .main.orderFailure .right .text {
        font-size: 18px;
        text-align: start;
    }

    .main.orderFailure .right .description {
        text-align: start;
        font-size: 16px;
        width: 100%;
    }

    .main.orderFailure .right .continueButton {
        font-size: 16px;
        width: 100%;
        padding: 12px 0;
        margin: 0 auto;
    }

    /* Product Detail */
    .main.productDeteail .firstContainer {
        flex-direction: column;
    }

    .main.productDeteail .left {
        width: 100%;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 490px !important;
        }

        .main.productDeteail .left .imageArea {
            margin-bottom: 10px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }


        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 300px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 85px;
            height: 85px;
        }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 11px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 40px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 32%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 20%;
                gap: 15px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 11px;
                margin-bottom: 40px;
                justify-content: start;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
                width: 54%;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            /*   margin-top: 0;
            margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 220px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }







    .main.errorPageContainer.error500 {
        padding: 90px 20px;
    }

    .main.errorPageContainer {
        padding: 80px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 230px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 32%;
    }

    .productList .itemWrapper {
        row-gap: 40px;
        column-gap: 11px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 230px;
        }


    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 4%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 18px 50px 18px 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 6% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }


        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            row-gap: 20px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 70%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            width: auto;
            min-width: 46%;
        }


    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 3.5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 4.5%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
        }



    .main.forgetPassword {
        margin-bottom: 20px;
        padding-bottom: 15%;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            min-width: 22%;
        }

    /* Login */
    .main.login .container .text {
        margin-bottom: 5%;
    }

    .main.login {
        padding: 7% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                column-gap: 10px;
            }

                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 26px 10px;
                    font-size: 16px;
                    min-width: 22%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 3% 50px 3% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 270px;
        }

    .middleBannerContainer {
        height: 200px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 6% 0 4% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 32%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 180px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 180px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 49%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 7% 0;
    }

    .footer .left .area {
        flex-direction: row;
        justify-content: space-between;
    }

        .footer .left .area .address {
            padding-top: 0;
            width: auto;
        }

            .footer .left .area .address .line {
                margin-bottom: 17px;
            }



        .footer .left .area .brand .socialMedias {
            width: auto;
        }

        .footer .left .area .brand {
            width: auto;
        }

            .footer .left .area .brand .logoBox {
                width: 90%;
            }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align:center;
            width: 100%;
        }
        .footer .right .workingInfos .item{
            width:50%;
        }

        .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
            width: 134px !important;
        }

    .navigationContainer.withOptions .items {
        flex-direction: row;
        gap: 20px;
        align-items: center;
        flex-wrap: unset;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(3),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(3) {
        width: 16.216%;
    }

    .chosen-container-single .chosen-single div b {
        margin-left: -5px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .chosen-container-single .chosen-single span {
        max-width: 95px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 70%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }


    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 250px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }


    .modal-dialog.kvkk {
        max-width: 600px;
    }
    .modal-dialog.search{
        max-width:520px;
    }
    .modal .search .searchBox{
        width:85%;
    }
    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 20px 20px 40px 20px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }

            .enterCardContainer > .bottom .right {
                width: 60% !important;
            }

            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 16px 20px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 53px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 230px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 30px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 16px;
                    margin: 60px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 25px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 20px 20px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 10px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 14px;
                    width: 210px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 12px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 28%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 25%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
        width: 5%;
        margin-right: 25px;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 120px;
        height: 120px;
    }


    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 49%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 11px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 48.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            /*width: 49%;*/
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 45%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: space-between;
            column-gap: 0;
            flex-direction: row;
            align-items: center;
            gap: 0px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 49%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 0 20px;
            width: 22%;
            height: 100%;
        }





    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 70%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 14px 50px 14px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 15px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 75%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 32%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 200px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 11px;
    }


    /* Account - Coupons */

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 40px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 130px;
            width: 25%;
        }

    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 40px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 80px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 11px;
    }

    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }



    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 150px;
        width: 17%;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

    .addressList > span {
        width: 48.8%;
    }

    .main.account .right .accounttabs .tab-content.addresses .addressItem {
        padding: 15px 15px 15px 15px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
            top: 12px;
            left: 12px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 30px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
            font-size: 16px;
            margin-bottom: 20px;
            min-height: 83px;
        }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
        font-size: 24px;
    }

    .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
        gap: 10px;
        padding: 10px 0px;
        margin-bottom: 40px;
    }

    .main.account .right .accounttabs .tab-content.addresses .noAddressText {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 14px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 20px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 15px;
            top: 23px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .left-container {
            width: 100%;
            margin-bottom: 10px;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 100%;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 150px;
            height: 185px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            margin-right: 10px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0;
            padding: 0 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 72%;
            margin-right: 0;
            float: left;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            margin-right: 0;
            width: 21%;
            margin-top: 0 !important;
            align-items: center;
            height: auto;
            float: left;
            align-items: start;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            text-align: right;
            align-items: end;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .imageBox img {
            max-width: 100%;
            max-height: 100%;
            width: unset;
            height: unset;
        }

        .main.cart .right .summary {
            width: 49%;
            float: right;
        }

        .main.cart.order .right .paymentBox {
            width: 49%;
        }

        .main.cart .right .accordion-title,
        .main.cart .right .accordion-content {
            width: 49%;
            float: left;
        }







    .main.emptyCart .backgroundImage {
        width: 50%;
        height: 170px;
    }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px 70px 30px 70px;
        }

            .main.orderTracking .container .text {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: auto;
                    padding: 26px 55px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 50%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 50px;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        flex-direction: column;
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 30px;
        column-gap: 12px;
    }

        .main.contact .branchWrapper > .item {
            width: 49%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: row;
        column-gap: 10px;
        justify-content: space-between;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 220px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 7px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -20px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
            background: url(/assets/images/contactFormBackground.png) 45% center / cover no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 50%;
                padding: 30px 10px 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 11px;
        }

            .main.contact .contactForm .form .inputBox input.w-50 {
                width: 49%;
            }

            .main.contact .contactForm .form .inputBox div.w-50 {
                width: 49%;
            }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 27px 20px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 310px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        margin-top: -30px;
        justify-content: start;
        column-gap: 12px;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 32%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 120px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 32%;
    }

    .main.branchs .branchWrapper {
        column-gap: 12px;
        row-gap: 40px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 150px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
    }

        .main.corporate .contentContainer .right {
            width: 40%;
            height: 260px;
            margin-right: -15px;
        }

        .main.corporate .contentContainer .left {
            width: 60%;
        }

    .main.corporate .midContainer {
        gap: 30px;
        margin: 0;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 100px;
    }

    .main.orderFailure .right {
        width: 40%;
    }

    .main.orderFailure .left .orderFailureIcon {
        width: 150px;
        height: 150px;
    }

    .main.orderFailure .right .text {
        font-size: 18px;
        text-align: start;
    }

    .main.orderFailure .right .description {
        text-align: start;
        font-size: 16px;
        width: 100%;
    }

    .main.orderFailure .right .continueButton {
        font-size: 16px;
        width: 100%;
        padding: 12px 0;
        margin: 0 auto;
    }


    /* Product Detail */
    .main.productDeteail .firstContainer {
        flex-direction: column;
    }

    .main.productDeteail .left {
        width: 100%;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 510px !important;
        }

        .main.productDeteail .left .imageArea {
            margin-bottom: 10px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }



        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 330px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 95px;
            height: 95px;
        }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }

            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 12px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 40px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 32%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 18%;
                gap: 15px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 11px;
                margin-bottom: 40px;
                justify-content: start;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
                width: 51%;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            /*margin-top: 0;
            margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 220px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }





    .main.errorPageContainer.error500 {
        padding: 110px 20px;
    }

    .main.errorPageContainer {
        padding: 90px 20px;
    }

    /* Product List */
    .optionContainer {
        flex-direction: row;
        width: 69%;
        gap: 10px;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 230px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 32%;
    }

    .productList .itemWrapper {
        row-gap: 40px;
        column-gap: 12px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 230px;
        }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 4%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 18px 50px 18px 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 5% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 23px;
        }

    .main.register {
        margin-bottom: 20px;
    }



        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            align-items: center;
            justify-content: space-between;
            row-gap: 20px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 70%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            width: auto;
            min-width: 48%;
        }


    /* Forgot Password */
    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 3% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 3.5%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
        padding: 7% 0 15% 0;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            min-width: 22%;
        }

    /* Login */
    .main.login .container .text {
        margin-bottom: 5%;
    }

    .main.login {
        padding: 7% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                column-gap: 10px;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 26px 10px;
                    font-size: 16px;
                    min-width: 24%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 3% 50px 3% 30px;
            }

            .main.login .container .inputs {
                row-gap: 25px;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 180px;
        }

        .onlineShopContainer .itemWrapper .item .nameBox {
            font-size: 14px;
            height: 34px;
        }

    .middleBannerContainer {
        height: 200px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 5% 0 2% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 32.3%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 210px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 180px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 24%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 7% 0;
    }

    .footer .left .area {
        flex-direction: row;
        justify-content: space-between;
    }

        .footer .left .area .address {
            padding-top: 0;
            width: auto;
        }

            .footer .left .area .address .line {
                margin-bottom: 17px;
            }



        .footer .left .area .brand .socialMedias {
            width: auto;
        }

        .footer .left .area .brand {
            width: auto;
        }

            .footer .left .area .brand .logoBox {
                width: 90%;
            }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align: center;
            width: 100%;
        }

        .footer .right .workingInfos .item {
            width: 50%;
        }
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 144px !important;
    }

    .navigationContainer.withOptions .items {
        flex-direction: row;
        gap: 20px;
        align-items: center;
        flex-wrap: unset;
    }

    .chosen-container-single .chosen-single div b {
        margin-left: -5px !important;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .chosen-container-single .chosen-single span {
        max-width: 100px;
    }


    .main.emptyCart .backgroundImage {
        width: 43%;
        height: 170px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 70%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }


    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 290px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }

    .modal-dialog.kvkk {
        max-width: 650px;
    }
    .modal-dialog.search {
        max-width: 550px;
    }
    .modal .search .searchBox{
        width:85%;
    }
    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 20px 20px 40px 20px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }


            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 16px 20px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 53px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 280px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 60px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 12px;
                    margin: 50px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 20px 10px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 190px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 10px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 44%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 25%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
        width: 5%;
        margin-right: 20px;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 120px;
        height: 120px;
    }

    .enterCardContainer > .bottom .left {
        width: 51% !important;
    }

    .enterCardContainer > .bottom .right {
        width: 45% !important;
    }

    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 49%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 12px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 48.135%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            /*width: 49%;*/
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 45%;
            font-size: 14px;
            padding: 10px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: space-between;
            column-gap: 0;
            flex-direction: row;
            align-items: center;
            gap: 0px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 49%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 0 16px;
            width: 24%;
            height: 100%;
        }



    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

    .main.cart .left-container {
        width: 100%;
        margin-bottom: 10px;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
    }

    .main.cart.order .left .order-tab-list::before {
        display: none;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 65%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: center;
        height: auto;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 16px 50px 16px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 20px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 16px 20px;
            width: 75%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }



    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 32%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 220px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 12px;
    }





    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 40px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 130px;
            width: 23%;
        }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 40px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 80px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
            min-height: 100px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 13px;
    }

    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }


    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 150px;
        width: 17%;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            padding: 15px 15px 15px 15px;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
                top: 12px;
                left: 12px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 30px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 24px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
            gap: 10px;
            padding: 10px 0px;
            margin-bottom: 40px;
        }

        .main.account .right .accounttabs .tab-content.addresses .noAddressText {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            width: 49%;
            float: left;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem:nth-child(2n) {
                margin-right: 12px;
            }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 16px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
            .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
                font-size: 14px;
            }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 100%;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 100px;
            height: 140px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            margin-right: 10px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 44%;
            margin-right: 0;
            float: left;
            display: block;
            margin-right: 20px;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }

        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            width: 16%;
            margin-top: 0 !important;
            height: auto;
            float: left;
            display: flex;
            justify-content: end;
            align-items: start;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            align-items: end;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 38%;
        }

        .main.cart .left .itemWrapper .item .imageBox img {
            max-width: 100%;
            max-height: 100%;
            width: unset;
            height: unset;
        }

        .main.cart .right .summary {
            width: 49%;
            float: right;
        }

        .main.cart.order .right .paymentBox {
            width: 50%;
        }

        .main.cart .right .accordion-title,
        .main.cart .right .accordion-content {
            width: 49%;
            float: left;
        }


    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 95%;
            padding: 20px 100px 30px 100px;
        }

            .main.orderTracking .container .text {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: auto;
                    padding: 26px 60px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 50%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 70px;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        flex-direction: column;
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }

    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 13px;
    }

        .main.contact .branchWrapper > .item {
            width: 32%;
        }

    .main.contact .contactForm .form .buttonArea {
        column-gap: 10px;
        justify-content: space-between;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 160px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 5px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -35px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }
            .main.contact .branchWrapper > .item .addressBox .line:first-child{
                min-height:53px;
            }
            .main.contact .contactForm .bannerArea {
                padding: 0;
                background: url(/assets/images/contactFormBackground.png)100% center / cover no-repeat;
            }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 50%;
                padding: 30px 10px 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 13px;
        }

            .main.contact .contactForm .form .inputBox input.w-50 {
                width: 49%;
            }

            .main.contact .contactForm .form .inputBox div.w-50 {
                width: 49%;
            }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 26px 40px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }


    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 340px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        column-gap: 13px;
        margin-top: -30px;
        justify-content: start;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 32%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 140px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 32%;
    }

    .main.branchs .branchWrapper {
        column-gap: 13px;
        row-gap: 40px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 170px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
    }

        .main.corporate .contentContainer .right {
            width: 40%;
            height: 280px;
            margin-right: -15px;
        }

        .main.corporate .contentContainer .left {
            width: 60%;
        }

    .main.corporate .midContainer {
        gap: 30px;
        margin: 0;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 50px 0;
    }

    .orderResultBanner {
        height: 150px;
        padding: 0 0 25px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 100px;
    }

    .main.orderFailure .right {
        width: 40%;
    }

    .main.orderFailure .left .orderFailureIcon {
        width: 150px;
        height: 150px;
    }

    .main.orderFailure .right .text {
        font-size: 18px;
        text-align: start;
    }

    .main.orderFailure .right .description {
        text-align: start;
        font-size: 16px;
        width: 100%;
    }

    .main.orderFailure .right .continueButton {
        font-size: 16px;
        width: 100%;
        padding: 12px 0;
        margin: 0 auto;
    }


    /* Product Detail */
    .main.productDeteail .firstContainer {
        flex-direction: column;
    }

    .main.productDeteail .left {
        width: 100%;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 550px !important;
        }

        .main.productDeteail .left .imageArea {
            margin-bottom: 10px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 365px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 105px;
            height: 105px;
        }

        .main.productDeteail .left .campaign {
            width: 100%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 100%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }



            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 13px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 32%;
                    height: 40px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 32%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 19%;
                gap: 15px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 13px;
                margin-bottom: 40px;
                justify-content: start;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
                width: 53%;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            /*margin-top: 0;*/
            /*margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 250px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }

    .main.productDeteail .left .imageArea .smallImageNav {
        width: 125px !important;
    }










    .main.errorPageContainer.error500 {
        padding: 100px 20px;
    }

    .main.errorPageContainer {
        padding: 90px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 10px;
        width: 62%;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 260px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 32%;
    }

    .productList .itemWrapper {
        row-gap: 40px;
        column-gap: 13px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 230px;
        }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 4%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 18px 50px 18px 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 5% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 25px;
        }



    .main.register {
        margin-bottom: 20px;
    }


        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            row-gap: 20px;
            column-gap: 25px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            width: auto;
            min-width: 48%;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 55%;
        }


    /* Forgot Password */
    .main.forgetPassword .container .inputs,
    .main.forgetPassword .container .text {
        margin: 0 auto 40px auto;
        width: 75%;
    }

    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 3.5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 3.5%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
            width: 75%;
            margin: auto;
        }


    .main.forgetPassword {
        margin-bottom: 20px;
        padding: 7% 0 15% 0;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            min-width: 22%;
        }

    /* Login */
    .main.login .container .text {
        margin-bottom: 5%;
    }

    .main.login {
        padding: 6% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                column-gap: 10px;
                width: 75%;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 18px 10px;
                    font-size: 16px;
                    min-width: 15%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 3.5% 50px 3.5% 30px;
            }

            .main.login .container .forgetPassword {
                width: 75%;
                padding: 4% 0;
            }

            .main.login .container .inputs {
                row-gap: 25px;
                width: 75%;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 180px;
        }

        .onlineShopContainer .itemWrapper .item .nameBox {
            font-size: 14px;
            height: 34px;
        }

    .middleBannerContainer {
        height: 220px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 5% 0 2% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 32.3%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 230px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 200px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 24%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 5% 0;
    }

    .footer .left .area {
        flex-direction: row;
        justify-content: space-between;
    }

        .footer .left .area .address {
            padding-top: 0;
            width: 42%;
        }

            .footer .left .area .address .line {
                margin-bottom: 17px;
            }


        .footer .left .area .brand .socialMedias {
            width: auto;
        }

        .footer .left .area .brand {
            width: auto;
        }

            .footer .left .area .brand .logoBox {
                width: 90%;
            }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align: center;
            width: 100%;
        }

        .footer .right .workingInfos .item {
            width: 50%;
        }
    .main.cart .left-container {
        width: 100%;
        margin-bottom: 10px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 152px !important;
    }

    .main.account .right .accounttabs .inputWrapper .control-group i {
        top: 25px;
        right: 15px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 70%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }




    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 290px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }



    .modal-dialog.kvkk {
        max-width: 650px;
    }

    /* Order - Payment */

    .main.cart.order .right .summary {
        width: 55%;
    }

    .main.cart.order .right .paymentBox {
        width: 44%;
    }

    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 20px 20px 40px 20px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }


            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 16px 20px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 53px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 280px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 60px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 12px;
                    margin: 50px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 20px 10px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 190px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 10px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 43%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 25%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
        width: 5%;
        margin-right: 30px;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 140px;
        height: 140px;
    }

    .enterCardContainer > .bottom .left {
        width: 51% !important;
    }

    .enterCardContainer > .bottom .right {
        width: 45% !important;
    }



    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 32%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 10px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 32.235%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            /*width: 49%;*/
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 45%;
            font-size: 14px;
            padding: 13px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: space-between;
            column-gap: 0;
            flex-direction: row;
            align-items: center;
            gap: 0px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 49%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 0 20px;
            width: 24%;
            height: 100%;
        }



    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 65%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: space-between;
        height: auto;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 16px 50px 16px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 20px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 14px;
            padding: 17px 13px;
            width: 15%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }




    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 32%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 240px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 13px;
    }





    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites {
        padding: 90px 20px;
    }

        .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
            height: 130px;
            width: 20%
        }

    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 70px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 100px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
            min-height: 100px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 13px;
    }


    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .chosen-container-single .chosen-single span {
        max-width: 100px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 150px;
        width: 14%;
    }

    .main.account .right .accounttabs .tab-content.orders .emptyCart {
        padding: 80px 0;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            padding: 15px 15px 15px 15px;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
                top: 12px;
                left: 12px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 30px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 24px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
            gap: 10px;
            padding: 10px 0px;
            margin-bottom: 40px;
        }

        .main.account .right .accounttabs .tab-content.addresses .noAddressText {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            width: 49%;
            float: left;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem:nth-child(2n) {
                margin-right: 13px;
            }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 16px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
            .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
                font-size: 14px;
            }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .right .summary .top {
            padding: 20px;
            display: block;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 100%;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            position: relative;
            display: inline-block;
            width: 100%;
        }

            .main.cart .left .itemWrapper .item .imageBox {
                width: 100px;
                height: 140px;
                margin: 0;
                margin-bottom: 0;
                float: left;
                margin-right: 10px;
            }

            .main.cart .left .itemWrapper .item .name {
                width: 100%;
                text-align: center;
                margin-bottom: 20px;
                padding: 0 20px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
                margin-bottom: 20px;
                gap: 10px;
            }

            .main.cart .left .itemWrapper .item .featureContainer {
                width: 46%;
                margin-right: 0;
                float: left;
                display: block;
                margin-right: 20px;
            }


                .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                    font-size: 14px;
                }

                .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
                .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                    padding-left: 10px !important;
                }


            .main.cart .left .itemWrapper .item .priceContainer,
            .main.cart .left .itemWrapper .item .totalPrice {
                width: 17.3%;
                margin-top: 0 !important;
                height: auto;
                float: left;
                display: flex;
                justify-content: end;
                align-items: start;
                margin-right: 0;
            }

                .main.cart .left .itemWrapper .item .totalPrice .text, .main.cart .left .itemWrapper .item .priceContainer .text {
                    margin-bottom: 5px;
                }

                .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                    flex-direction: column-reverse;
                }

            .main.cart .left .itemWrapper .item .totalPrice {
                align-items: end;
            }


            .main.cart .left .itemWrapper .item .deleteItemButton {
                margin-top: 0;
                position: absolute;
                top: 20px;
                right: 15px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
                font-size: 14px !important;
            }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
                font-size: 18px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
                width: 60%;
            }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
                width: 40%;
            }

            .main.cart .left .itemWrapper .item .imageBox img {
                max-width: 100%;
                max-height: 100%;
                width: unset;
                height: unset;
            }

        .main.cart .right .summary {
            width: 49%;
            float: right;
        }

        .main.cart .right .accordion-title,
        .main.cart .right .accordion-content {
            width: 49%;
            float: left;
        }

    .main.emptyCart .backgroundImage {
        width: 50%;
        height: 190px;
    }

    .main.emptyCart {
        padding: 110px 0;
    }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 75%;
            padding: 20px 50px 30px 50px;
        }

            .main.orderTracking .container .text {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: auto;
                    padding: 26px 46px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 50%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 70px;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        flex-direction: column;
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }


    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 14px;
    }

        .main.contact .branchWrapper > .item {
            width: 32%;
        }

    .main.contact .contactForm .form .buttonArea {
        column-gap: 10px;
        justify-content: space-between;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: 100%;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 170px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 5px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -35px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
            background: url(/assets/images/contactFormBackground.png) 60% center / 114% no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 50%;
                padding: 13px 10px 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 120px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 13px;
        }

            .main.contact .contactForm .form .inputBox input.w-50 {
                width: 49%;
            }

            .main.contact .contactForm .form .inputBox div.w-50 {
                width: 49%;
            }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 26px 50px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 350px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        column-gap: 14px;
        margin-top: -30px;
        justify-content: start;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 32%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 150px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 32%;
    }

    .main.branchs .branchWrapper {
        column-gap: 14px;
        row-gap: 50px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 170px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
    }

        .main.corporate .contentContainer .right {
            width: 40%;
            height: 300px;
            margin-right: -15px;
        }

        .main.corporate .contentContainer .left {
            width: 60%;
        }

    .main.corporate .midContainer {
        gap: 30px;
        margin: 0;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Order Success */
    .main.orderSuccess {
        padding: 140px 0;
    }

    .orderResultBanner {
        height: 180px;
        padding: 0 0 50px 0;
    }

        .orderResultBanner .slogan {
            font-size: 20px;
        }

        .orderResultBanner .resultText {
            font-size: 30px;
            margin-bottom: 15px;
        }

            .orderResultBanner .resultText::before {
                left: -13%;
                top: -135%;
                width: 45px;
                height: 45px;
            }

    .main.orderSuccess .text {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .main.orderSuccess .continueButton,
    .main.orderSuccess .orderNumber {
        width: 230px;
        height: 50px;
        font-size: 16px;
    }

    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 190px;
    }

    .main.orderFailure .right {
        width: 40%;
    }

    .main.orderFailure .left .orderFailureIcon {
        width: 150px;
        height: 150px;
    }

    .main.orderFailure .right .text {
        font-size: 18px;
        text-align: start;
    }

    .main.orderFailure .right .description {
        text-align: start;
        font-size: 16px;
        width: 100%;
    }

    .main.orderFailure .right .continueButton {
        font-size: 16px;
        width: 100%;
        padding: 12px 0;
        margin: 0 auto;
    }

    .main.orderFailure {
        padding: 18% 0 6% 0;
    }

    /* Product Detail */
    .main.productDeteail .left {
        width: 60%;
        align-items: start;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 310px !important;
        }

        .main.productDeteail .left .imageArea {
            margin-bottom: 10px;
            justify-content: start;
            gap: 10px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 360px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 75px;
            height: 75px;
        }

        .main.productDeteail .left .campaign {
            width: 95%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 40%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }


            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 9px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 31%;
                    height: 40px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 70%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 30%;
                gap: 5px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 20px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            /*     margin-top: 0;
            margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 210px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }

    .main.productDeteail .left .imageArea .smallImageNav {
        width: 85px !important;
    }





    .main.errorPageContainer {
        padding: 220px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 20px;
        flex-direction: row;
        width: auto;
        justify-content: start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 170px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 10px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 30px 0;
    }

    .productList .itemWrapper .item {
        width: 24%;
    }

    .productList .itemWrapper {
        row-gap: 40px;
        column-gap: 9px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 210px;
        }

    .navigationContainer.withOptions .items {
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    /* Register */
    .header .headerLogo {
        width: 180px;
    }

    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 3%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 18px 50px 18px 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 3% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 25px;
        }

    .main.register {
        margin-bottom: 20px;
    }


        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            row-gap: 20px;
            column-gap: 30px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            width: auto;
            min-width: 48%;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 55%;
        }

    /* Forgot Password */
    .main.forgetPassword .container .inputs,
    .main.forgetPassword .container .text {
        margin: 0 auto 40px auto;
        width: 75%;
    }

    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 3.5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 3%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
            width: 75%;
            margin: auto;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
        padding: 0;
        height: 80%;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            min-width: 22%;
        }

    /* Login */
    .main.login .container .text {
        margin-bottom: 4%;
    }

    .main.login {
        padding: 10% 0 26% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                column-gap: 10px;
                width: 75%;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 26px 10px;
                    font-size: 14px;
                    min-width: 16%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 3.5% 50px 3.5% 30px;
            }

            .main.login .container .forgetPassword {
                width: 75%;
                padding: 4% 0;
            }

            .main.login .container .inputs {
                row-gap: 25px;
                width: 75%;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 210px;
        }

        .onlineShopContainer .itemWrapper .item .nameBox {
            font-size: 14px;
            height: 34px;
        }

    .middleBannerContainer {
        height: 240px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 4% 0 2% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 31.5%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 280px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 170px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 24%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 90px;
    }

    .onlineShopContainer {
        padding: 5% 0;
    }

    .footer .left .area {
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 35px;
    }

        .footer .left .area .address {
            padding-top: 0;
            width: auto;
        }

            .footer .left .area .address .line {
                margin-bottom: 17px;
            }


        .footer .left .area .brand .socialMedias {
            width: auto;
        }

        .footer .left .area .brand {
            width: auto;
        }

            .footer .left .area .brand .logoBox {
                width: 100%;
            }

    .header .menuContainer {
        margin-top: 150px;
    }

        .header .menuContainer ul {
            margin-bottom: 70px;
        }

        .header .menuContainer .accountButtons {
            margin-bottom: 70px;
        }

    .header {
        height: 120px;
    }

    .bannerSlider {
        margin-top: -120px;
    }

    .header .userButtons .account svg {
        width: 22px;
    }

    .header .userButtons .cart svg {
        width: 30px;
    }

    .header .userButtons .cart .cartQuantity {
        top: 2px;
        right: -15px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:999px) {
    .footer .right .workingInfos {
        flex-wrap: wrap;
        padding: 20px 0 5px 0;
        align-items: center;
        justify-content: center;
        height: auto;
        flex-direction: unset;
    }

        .footer .right .workingInfos .title {
            text-align: center;
            width: 100%;
        }

        .footer .right .workingInfos .item {
            width: 50%;
        }
    .main.account .right .accounttabs .tab-content.orders .orderList .orderListChosen .chosen-drop {
        width: 161px !important;
    }
    /* Order Failure */
    .orderResultBanner.orderFailure {
        height: 130px;
    }

    .main.orderFailure {
        padding: 2% 0 2% 0;
    }

        .main.orderFailure .right {
            width: 40%;
        }

        .main.orderFailure .left .orderFailureIcon {
            width: 150px;
            height: 150px;
        }

        .main.orderFailure .right .text {
            font-size: 18px;
            text-align: start;
        }

        .main.orderFailure .right .description {
            text-align: start;
            font-size: 16px;
            width: 100%;
        }

        .main.orderFailure .right .continueButton {
            font-size: 16px;
            width: 100%;
            padding: 12px 0;
            margin: 0 auto;
        }

    .main.emptyCart .backgroundImage {
        width: 40%;
        height: 160px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 70%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }




    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 270px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }


    .modal-dialog.kvkk {
        max-width: 700px;
    }
    .modal-dialog.search {
        max-width: 600px;
    }
    .modal .search .searchBox{
        width:85%;
    }
    .main.cart.order .right .summary {
        width: 55%;
    }

    .main.cart.order .right .paymentBox {
        width: 44%;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 20px 20px 40px 20px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }


            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 16px 20px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 53px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 280px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 60px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 12px;
                    margin: 50px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 30px 10px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 190px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 10px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 39%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer, .main.cart.order .left .itemWrapper .item .featureContainer.long {
        width: 25%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
        width: 5%;
        margin-right: 30px;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 130px;
        height: 130px;
    }

    .enterCardContainer > .bottom .left {
        width: 51% !important;
    }

    .enterCardContainer > .bottom .right {
        width: 45% !important;
    }





    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 32%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 14px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper li {
            width: 31.735%;
        }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            /*width: 49%;*/
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 45%;
            font-size: 14px;
            padding: 13px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: space-between;
            column-gap: 0;
            flex-direction: row;
            align-items: center;
            gap: 0px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 49%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 0 20px;
            width: 27%;
            height: 100%;
        }



    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        width: 100%;
    }

    .main.cart .left-container {
        width: 100%;
        margin-bottom: 10px;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
    }

    .main.cart.order .left .order-tab-list::before {
        display: none;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 65%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: space-between;
        height: auto;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 16px 50px 16px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 20px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 17px 20px;
            width: 18%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 32%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 230px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 14px;
    }



    /* Account - Coupons */

    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        height: 130px;
        width: 20%
    }


    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 70px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 80px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
            min-height: 100px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 13px;
    }

    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .chosen-container-single .chosen-single span {
        width: 110px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 150px;
        width: 14%;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            padding: 15px 15px 15px 15px;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
                top: 12px;
                left: 12px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 30px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 24px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
            gap: 10px;
            padding: 10px 0px;
            margin-bottom: 40px;
        }

        .main.account .right .accounttabs .tab-content.addresses .noAddressText {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            width: 49%;
            float: left;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem:nth-child(2n) {
                margin-right: 14px;
            }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 10px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 16px 20px;
            }

        .main.account .right .accounttabs .inputWrapper .control-group i {
            right: 14px;
            top: 25px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
            row-gap: 20px;
        }

        .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
        .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
            font-size: 14px;
        }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0 !important;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            display: flex;
            padding: 10px 0;
            align-items: end;
            justify-content: space-between;
        }

        .main.cart .left .right .top {
            flex-direction: column;
            align-items: center;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 100%;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }


        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 100px;
            height: 140px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            margin-right: 10px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 47%;
            margin-right: 0;
            float: left;
            display: block;
            margin-right: 20px;
        }

            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }


        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            width: 15%;
            margin-top: 0 !important;
            height: auto;
            float: left;
            display: flex;
            justify-content: end;
            align-items: start;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            align-items: end;
        }



        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }

        .main.cart .left .itemWrapper .item .imageBox img {
            max-width: 100%;
            max-height: 100%;
            width: unset;
            height: unset;
        }

        .main.cart .right .summary {
            width: 49%;
            float: right;
        }

        .main.cart .right .accordion-title,
        .main.cart .right .accordion-content {
            width: 49%;
            float: left;
        }




    /* Order Tracking */

    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 75%;
            padding: 20px 60px 30px 60px;
        }

            .main.orderTracking .container .text {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: auto;
                    padding: 26px 54px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 50%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 70px;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }



    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 15px;
    }

        .main.contact .branchWrapper > .item {
            width: 32%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: auto;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 180px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 6px 4px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -20px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
            background: url(/assets/images/contactFormBackground.png) 40% center / 110% no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 40%;
                padding: 30px 10px 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 150px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 29px;
        }

        .main.contact .contactForm .form .buttonArea {
            flex-direction: row;
            justify-content: space-between;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 49%;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 26px 50px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 370px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        column-gap: 15px;
        margin-top: -30px;
        justify-content: start;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 32%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 150px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }


    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 32%;
    }

    .main.branchs .branchWrapper {
        column-gap: 15px;
        row-gap: 50px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 180px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
    }

        .main.corporate .contentContainer .right {
            width: 40%;
            height: 320px;
            margin-right: -15px;
        }

        .main.corporate .contentContainer .left {
            width: 60%;
        }

    .main.corporate .midContainer {
        gap: 30px;
        margin: 0;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Product Detail */
    .main.productDeteail .left {
        width: 55%;
        align-items: start;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 300px !important;
        }

        .main.productDeteail .left .imageArea {
            margin-bottom: 10px;
            justify-content: start;
            gap: 10px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 340px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 75px;
            height: 75px;
        }

        .main.productDeteail .left .campaign {
            width: 96%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 45%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }


            .main.productDeteail .right .priceBox .price {
                font-size: 24px;
            }

            .main.productDeteail .right .chooseWeight {
                column-gap: 11px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 31%;
                    height: 40px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 68%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 32%;
                gap: 5px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 40px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            /* margin-top: 0;
            margin-bottom: 30px;*/
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 220px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }

    .main.productDeteail .left .imageArea .smallImageNav {
        width: 85px !important;
    }





    .main.errorPageContainer.error500 {
        padding: 100px 20px;
    }

    .main.errorPageContainer {
        padding: 90px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 20px;
        flex-direction: row;
        width: auto;
        justify-content: start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 160px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 24%;
    }

    .productList .itemWrapper {
        row-gap: 40px;
        column-gap: 10px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 210px;
        }

    .navigationContainer.withOptions .items {
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 4%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 18px 50px 18px 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 5% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 25px;
        }

    .main.register {
        margin-bottom: 20px;
    }


        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            row-gap: 20px;
            column-gap: 30px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            width: auto;
            min-width: 48%;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 55%;
        }

    /* Forgot Password */
    .main.forgetPassword .container .inputs,
    .main.forgetPassword .container .text {
        margin: 0 auto 40px auto;
        width: 75%;
    }

    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 3.5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 3%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
            width: 75%;
            margin: auto;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
        padding: 7% 0 12% 0;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            min-width: 44%;
        }


    /* Login */
    .main.login .container .text {
        margin-bottom: 5%;
    }

    .main.login {
        padding: 6% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                column-gap: 10px;
                width: 75%;
            }

                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 26px 10px;
                    font-size: 16px;
                    min-width: 19%;
                }


            .main.login .container .inputs .inputBox input {
                padding: 3.5% 50px 3.5% 30px;
            }

            .main.login .container .forgetPassword {
                width: 75%;
                padding: 4% 0;
            }

            .main.login .container .inputs {
                row-gap: 25px;
                width: 75%;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 200px;
        }

        .onlineShopContainer .itemWrapper .item .nameBox {
            font-size: 14px;
            height: 34px;
        }

    .middleBannerContainer {
        height: 230px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 4% 0 2% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 31%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 240px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 180px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 24%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 5% 0;
    }

    .footer .left .area {
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 35px;
    }

        .footer .left .area .address {
            padding-top: 0;
            width: auto;
        }

            .footer .left .area .address .line {
                margin-bottom: 17px;
            }


        .footer .left .area .brand .socialMedias {
            width: auto;
        }

        .footer .left .area .brand {
            width: auto;
        }


            .footer .left .area .brand .logoBox {
                width: 100%;
            }
}

/*iphone 12 Yatay*/
@media only screen and (min-width:844px) and (max-width:999px) {
    .main.emptyCart .backgroundImage {
        width: 40%;
        height: 160px;
    }

    .modal.addaddress .modalContent {
        max-height: unset;
    }

        .modal.addaddress .modalContent .addButton {
            width: 70%;
            padding: 14px 0;
            font-size: 16px;
        }

    .modal.addaddress .modalContent {
        margin: 10px 0;
    }

        .modal.addaddress .modalContent .inputWrap {
            margin-bottom: 20px;
        }

        .modal.addaddress .modalContent .currentCheckBox .customCheckbox {
            margin-bottom: 20px;
        }




    .modal.myCoupons .modalContent .couponWrapper .item .bottom .coppyButton {
        gap: 5px;
        font-size: 16px;
        padding-left: 10px;
    }

    .modal.myCoupons .modal-body {
        min-height: 270px !important;
    }

    .modal.myCoupons .modalContent .couponWrapper .item {
        width: 49%;
    }

    .modal-dialog.kvkk {
        max-width: 750px;
    }

    .main.cart.order .right .summary {
        width: 55%;
    }

    /* Order - Payment */
    .enterCardContainer > .paymentInfosText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .enterCardContainer {
        padding: 20px 20px 40px 20px;
        margin-bottom: 20px;
    }

        .enterCardContainer > .bottom {
            display: flex;
            justify-content: space-between;
            padding: 0;
            gap: 10px;
            align-items: center;
        }

            .enterCardContainer > .bottom .left .cartNumbers {
                gap: 10px;
                margin-bottom: 20px;
            }


            .enterCardContainer > .bottom .left input {
                font-size: 16px;
                padding: 16px 20px;
            }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single {
                height: 53px !important;
            }

                .enterCardContainer > .bottom .left .bottomInputs .chosen-container-single .chosen-single span {
                    font-size: 16px !important;
                }

            .enterCardContainer > .bottom .left .title {
                margin-bottom: 10px;
            }

            .enterCardContainer > .bottom .left .cartNumbers input {
                text-align: center;
            }

            #credit-card,
            #credit-card-back,
            .enterCardContainer > .bottom .right .creditCard {
                height: 280px;
            }

                .enterCardContainer > .bottom .right .creditCard .textInfo {
                    margin-top: 60px;
                    font-size: 12px;
                }

                .enterCardContainer > .bottom .right .creditCard .cartNumber {
                    font-size: 12px;
                    margin: 50px auto 0 auto;
                    width: 100%;
                    justify-content: center;
                    gap: 15px;
                }

            .enterCardContainer > .bottom .right > .creditCard .bottom {
                padding: 30px 10px;
            }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .text,
                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .text {
                    font-size: 8px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .nameBox .value {
                    font-size: 12px;
                    width: 190px;
                }

                .enterCardContainer > .bottom .right > .creditCard .bottom .dateBox .value {
                    font-size: 10px;
                }

            .enterCardContainer > .bottom .left .bottomInputs .chosen-container .chosen-drop {
                z-index: 1 !important;
            }

            .enterCardContainer > .bottom .right .creditCard .cvvCode {
                margin-top: 39%;
                font-size: 14px;
                padding-right: 20px;
            }

    .main.cart.order .left .accordion-content.stepPayment .shopDetails {
        font-size: 18px;
        padding-left: 0;
    }

    .main.cart.order .left .itemWrapper .item .name {
        width: 100%;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        width: 27%;
        float: left;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer {
        margin-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .featureContainer .featureTitle {
        padding-left: 0 !important;
    }

    .main.cart.order .left .itemWrapper .item .featureContainer.quantityContainer {
        text-align: right;
        padding-right: 0;
    }

    .main.cart .left .itemWrapper.forOrder .item .imageBox {
        width: 140px;
        height: 130px;
    }

    .enterCardContainer > .bottom .left {
        width: 55% !important;
    }

    .enterCardContainer > .bottom .right {
        width: 45% !important;
    }




    /* Order -  Cargo */
    .main.cart.order .left .accordion-content.stepCargo .cargoText {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item {
        width: 32%;
        padding: 15px;
    }

    .main.cart.order .left .accordion-content.stepCargo .cargoWrapper {
        gap: 20px;
        column-gap: 14px;
    }

        .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox {
            width: 100%;
        }

            .main.cart.order .left .accordion-content.stepCargo .cargoWrapper .item .imgBox img {
                max-width: 70%;
                max-height: 70%;
            }

    /* Order Addresses */
    .main.cart.order .left .accordion-content.stepAddress .addresses {
        padding: 20px;
    }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName {
            font-size: 18px;
            margin-bottom: 20px;
            align-items: start;
            gap: 10px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .checkSameText {
                font-size: 16px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox .checkmark {
                top: -1px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressTypeName .customCheckbox {
                padding-left: 25px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem {
            width: 49%;
            padding: 5px 10px 10px 5px;
            margin-bottom: 15px;
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox {
                padding-left: 30px;
            }

                .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .customCheckbox .checkmark {
                    margin-top: 4px;
                }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 6px;
                margin-top: 6px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addressItem .buttons {
                justify-content: end;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton {
            width: 45%;
            font-size: 14px;
            padding: 13px 0px;
            margin: 0 auto 20px auto;
            gap: 10px
        }

            .main.cart.order .left .accordion-content.stepAddress .addresses .addAddressButton i {
                font-size: 24px;
            }

        .main.cart.order .left .accordion-content.stepAddress .addresses .adressWrapper {
            row-gap: 10px;
        }

    /* Order - Register */
    .main.cart.order .left .accordion-content.stepUser .register .container .text {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .main.cart.order .left .accordion-content.stepUser .register .container {
        width: 92%;
    }

    .main.cart.order .left .accordion-content.stepUser .register {
        padding: 20px 0;
    }


        .main.cart.order .left .accordion-content.stepUser .register .container .buttonArea {
            justify-content: space-between;
            column-gap: 0;
            flex-direction: row;
            align-items: center;
            gap: 0px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox.w50input {
            width: 49%;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .inputs {
            row-gap: 25px;
        }

            .main.cart.order .left .accordion-content.stepUser .register .container .inputs .inputBox input {
                padding: 16px 50px 16px 20px;
            }

        .main.cart.order .left .accordion-content.stepUser .register .container .customCheckbox {
            padding-left: 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .register .container .registerButton,
        .main.cart.order .left .accordion-content.stepUser .register .container .loginButton {
            font-size: 16px;
            padding: 0 20px;
            width: 28%;
            height: 100%;
        }



    /* Order - Login */
    .main.cart.order .left .order-tab-list {
        gap: 10px;
        font-size: 16px;
        padding: 20px 10px;
        flex-direction: row;
        align-items: start;
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
    }

        .main.cart.order .left .order-tab-list .accordion-header {
            height: auto;
        }

        .main.cart.order .left .order-tab-list::before {
            display: none;
        }

    .main.cart.order .left .accordion-content.stepUser .login .container {
        width: 65%;
    }

    .main.cart.order .left .order-tab-list .accordion-header .icon {
        width: 10px;
        height: 10px;
        top: unset;
        left: unset;
        transform: unset;
        position: relative;
    }

    .main.cart.order .left .order-tab-list .accordion-header.active .icon {
        width: 14px;
        height: 14px;
        border: 2px solid #65512c;
        top: 0px;
        transform: unset;
    }

    .main.cart.order .left .order-tab-list .accordion-header {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
        width: 24%;
        justify-content: start;
    }

    .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea {
        justify-content: space-between;
        height: auto;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }

    .main.cart.order .left .accordion-content.stepUser .login {
        padding: 30px 0;
    }

        .main.cart.order .left .accordion-content.stepUser .login .container .text {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs .inputBox input {
            padding: 16px 50px 16px 20px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .inputs {
            row-gap: 25px;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .forgetPassword {
            padding: 20px 0;
        }

        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .loginButton,
        .main.cart.order .left .accordion-content.stepUser .login .container .buttonArea .registerButton {
            font-size: 16px;
            padding: 17px 20px;
            width: 20%;
        }

    .main.cart.order .left .accordion-content.stepUser .nonUserContinueButton {
        padding: 14px 22px;
        margin: 0 auto 40px auto;
    }


    /* Account - Favorites */
    .main.account .right .accounttabs .tab-content.favorites .favoriteList .item {
        width: 32%;
    }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .imgBox {
            height: 240px;
        }

        .main.account .right .accounttabs .tab-content.favorites .favoriteList .item .favoriteButton {
            right: 10px;
            top: 10px;
            width: 30px;
            height: 30px;
        }

    .main.account .right .accounttabs .tab-content.favorites .favoriteList {
        column-gap: 14px;
    }




    /* Account - Coupons */
    .main.account .right .accounttabs .tab-content.favorites .emptyFavorites .background {
        height: 130px;
        width: 20%
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabList {
        gap: 70px;
        height: 60px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .background {
        width: 120px;
        height: 70px;
        margin-bottom: 20px;
        background-size: 100%;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons .text {
        font-size: 16px;
    }

    .main.account .right .accounttabs .tab-content.coupons .emptyCoupons {
        height: 100%;
        padding: 80px 20px;
    }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item {
        width: 49%;
    }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top {
            padding: 10px;
            column-gap: 10px;
            min-height: 100px;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .top .code {
                font-size: 18px;
            }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .date {
            font-size: 14px;
            width: 70%;
        }

        .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton {
            font-size: 14px;
            width: 30%;
        }

            .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper .item .bottom .coppyButton i {
                font-size: 12px;
            }

    .main.account .right .accounttabs .tab-content.coupons .couponTabs .couponWrapper {
        padding: 10px 10px 30px 10px;
        column-gap: 15px;
    }

    /* Account - Order List */
    .main.account .right .accounttabs .tab-content.orders .orderList table th:nth-child(1),
    .main.account .right .accounttabs .tab-content.orders .orderList table tr td:nth-child(1) {
        padding-left: 20px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .getOrderButton {
        gap: 5px;
    }

    .main.account .right .accounttabs .tab-content.orders .orderList .chosen-container-single .chosen-single span {
        width: 120px;
    }

    /* Account - Addresses */
    .main.account .right .accounttabs .tab-content.orders .emptyCart .background {
        height: 150px;
        width: 14%;
    }

    .main.account .right .accounttabs .tab-content.addresses {
        padding: 20px;
    }

        .main.account .right .accounttabs .tab-content.addresses .addressTypeName {
            font-size: 16px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            padding: 15px 15px 15px 15px;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .customCheckbox {
                top: 12px;
                left: 12px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressTitle {
                font-size: 16px;
                margin-bottom: 10px;
                padding-left: 30px;
            }

            .main.account .right .accounttabs .tab-content.addresses .addressItem .addressText {
                font-size: 16px;
                margin-bottom: 20px;
            }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton i {
            font-size: 24px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addAddressButton {
            gap: 10px;
            padding: 10px 0px;
            margin-bottom: 40px;
        }

        .main.account .right .accounttabs .tab-content.addresses .noAddressText {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .main.account .right .accounttabs .tab-content.addresses .addressItem {
            width: 49%;
            float: left;
        }

            .main.account .right .accounttabs .tab-content.addresses .addressItem:nth-child(2n) {
                margin-right: 14px;
            }

    /* Account - User Infos */
    .main.account {
        width: 92.69%;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
        gap: 10px;
    }

        .main.account > .left {
            width: 100%;
            border-right: none;
        }

        .main.account .left .userName {
            min-height: 100px;
            position: relative;
            padding-right: 50px;
        }

            .main.account .left .userName::before {
                position: absolute;
                content: '\f078';
                font-family: 'FontAwesome';
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                color: var(--bluecolor);
                transition: all ease .5s;
            }

            .main.account .left .userName.open::before {
                transform: translateY(-50%) rotate(180deg);
            }

        .main.account .right {
            width: 100%;
        }

        .main.account .left .accounttablist {
            gap: 15px;
        }

            .main.account .left .accounttablist .logout {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .main.account .right .accounttabs .tab-content.userInfos {
            padding: 20px;
            display: flex;
            flex-direction: column;
        }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosText {
                font-size: 16px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper input {
                font-size: 14px;
                width: 49%;
                padding: 16px 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .inputWrapper {
                row-gap: 20px;
            }

            .main.account .right .accounttabs .tab-content.userInfos .userInfosButton,
            .main.account .right .accounttabs .tab-content.userInfos .passwordUpdateButton {
                font-size: 14px;
            }

    /* Cart */
    .main.cart {
        flex-direction: column;
        gap: 10px;
    }

        .main.cart .left {
            width: 100%;
        }

        .main.cart .right {
            width: 100%;
            padding-top: 0;
        }

        .main.cart .left .top .buttons {
            flex-direction: column;
            gap: 20px;
            align-items: end;
        }

        .main.cart .left .top {
            margin-bottom: 0;
            padding: 10px 0;
        }

        .main.cart .right .summary .top {
            padding: 20px;
        }

            .main.cart .right .summary .top .orderSummaryText,
            .main.cart .right .summary .top .lines {
                margin-bottom: 20px;
            }

        .main.cart .right .summary .generalTotal {
            font-size: 16px;
        }

            .main.cart .right .summary .generalTotal .price {
                font-size: 18px;
            }

        .main.cart .right .completeOrderButton {
            font-size: 16px;
            padding: 20px 10px;
            margin-bottom: 15px;
        }

        .main.cart .right .accordion-title {
            font-size: 16px;
            padding: 14px 20px;
        }

        .main.cart .right .accordion-content.coupon {
            padding: 10px;
        }

        .main.cart .right .accordion-content.promotion .promotions {
            padding: 20px 7px 20px 7px;
        }

            .main.cart .right .accordion-content.promotion .promotions .item {
                font-size: 14px;
            }

        .main.cart .right .accordion-content.coupon .myCouponsButton {
            padding: 10px 10px;
            font-size: 16px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox a {
            font-size: 14px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox input {
            width: 100%;
            height: 40px;
        }

        .main.cart .right .accordion-content.coupon .couponInputBox {
            height: 40px;
        }


        .main.cart .left .campaign {
            padding: 5px;
            font-size: 14px;
            margin-bottom: 10px;
        }

            .main.cart .left .campaign .icon {
                min-width: 30px;
                width: 30px;
                height: 30px;
                margin-right: 5px;
            }

        .main.cart .left .itemWrapper .item {
            padding: 20px;
            display: inline-block;
            position: relative;
            width: 100%;
        }

        .main.cart .left .itemWrapper td {
            padding-bottom: 17px;
        }

        .main.cart .left .itemWrapper .item .imageBox {
            width: 100px;
            height: 140px;
            margin: 0;
            margin-bottom: 0;
            float: left;
            margin-right: 10px;
        }

        .main.cart .left .itemWrapper .item .name {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox {
            margin-bottom: 20px;
            gap: 10px;
        }

        .main.cart .left .itemWrapper .item .featureContainer {
            width: 48%;
            margin-right: 0;
            float: left;
            display: block;
            margin-right: 20px;
        }


            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.cart .left .itemWrapper .item .featureContainer .featureTitle,
            .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single {
                padding-left: 10px !important;
            }


        .main.cart .left .itemWrapper .item .priceContainer,
        .main.cart .left .itemWrapper .item .totalPrice {
            width: 15%;
            margin-top: 0 !important;
            height: auto;
            float: left;
            display: flex;
            justify-content: end;
            align-items: start;
            margin-right: 0;
        }

            .main.cart .left .itemWrapper .item .priceContainer .priceBox {
                flex-direction: column-reverse;
            }

        .main.cart .left .itemWrapper .item .totalPrice {
            align-items: end;
        }

        .main.cart .left .itemWrapper .item .deleteItemButton {
            margin-top: 0;
            position: absolute;
            top: 20px;
            right: 15px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .chosen-container-single .chosen-single span {
            font-size: 14px !important;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select i {
            font-size: 18px;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .featureChosen {
            width: 60%;
        }

        .main.cart .left .itemWrapper .item .featureContainer .firstVariantBox .count-select {
            width: 40%;
        }

        .main.cart .left .itemWrapper .item .imageBox img {
            max-width: 100%;
            max-height: 100%;
            width: unset;
            height: unset;
        }

        .main.cart .right .summary {
            width: 49%;
            float: right;
        }

        .main.cart .right .accordion-title,
        .main.cart .right .accordion-content {
            width: 49%;
            float: left;
        }


    .main.emptyCart .backgroundImage {
        width: 43%;
        height: 180px;
    }

    /* Order Tracking */
    .main.orderTracking {
        padding: 20px 0;
        margin-top: 40px;
        margin-bottom: 40px;
    }

        .main.orderTracking .container {
            width: 75%;
            padding: 20px 70px 30px 70px;
        }

            .main.orderTracking .container .text {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .main.orderTracking .container .inputs .inputBox input {
                padding: 14px 20px;
            }

            .main.orderTracking .container .inputs {
                row-gap: 20px;
                margin-bottom: 20px;
            }



            .main.orderTracking .container .buttonArea {
                height: auto;
                justify-content: center;
                align-items: center;
                gap: 20px;
            }

                .main.orderTracking .container .buttonArea .submitButton {
                    width: auto;
                    padding: 26px 54px;
                    font-size: 16px;
                }

    .main.orderDetails {
        width: 92.69%;
        margin-bottom: 40px;
    }

    .orderDetailTable .bottomInfos {
        gap: 10px;
    }

        .orderDetailTable .bottomInfos .addresses,
        .orderDetailTable .bottomInfos .summary {
            width: 50%;
        }

            .orderDetailTable .bottomInfos .addresses .addressType {
                font-size: 18px;
                margin-top: 15px;
                margin-bottom: 10px;
                padding-left: 20px;
            }

            .orderDetailTable .bottomInfos .addresses .addressBox,
            .orderDetailTable .infos,
            .orderDetailTable .bottomInfos .summary .top {
                padding: 20px 20px;
            }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    font-size: 16px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressTitle {
                    margin-bottom: 5px;
                }

                .orderDetailTable .bottomInfos .addresses .addressBox .addressText {
                    font-size: 16px;
                }


                .orderDetailTable .bottomInfos .summary .top .lines {
                    margin-bottom: 20px;
                }

                .orderDetailTable .bottomInfos .summary .top .orderSummaryText {
                    margin-bottom: 20px;
                }

            .orderDetailTable .bottomInfos .summary .generalTotal .price {
                font-size: 20px;
            }

            .orderDetailTable .bottomInfos .summary .generalTotal {
                font-size: 16px;
            }

    .orderDetailTable .infos .numbers {
        gap: 70px;
    }

        .orderDetailTable .infos .numbers .left .dateText,
        .orderDetailTable .infos .numbers .left .date {
            font-size: 14px;
        }

        .orderDetailTable .infos .numbers .right .orderNumber {
            font-size: 16px;
        }

        .orderDetailTable .infos .numbers .right .orderNumberText {
            min-width: 100px;
        }


    .orderDetailTable .itemWrapper .item .imageBox {
        min-width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .orderDetailTable .itemWrapper .item .rightArea .pricesBox {
        align-items: end;
        width: 65.51%;
        display: flex;
        gap: 10px;
    }

    .orderDetailTable .itemWrapper .item {
        padding: 20px;
    }



    /* Contact */
    .main.contact .branchWrapper {
        row-gap: 50px;
        column-gap: 15px;
    }

        .main.contact .branchWrapper > .item {
            width: 32%;
        }

    .main.contact .contactForm .form .buttonArea {
        flex-direction: column;
        row-gap: 20px;
    }

        .main.contact .contactForm .form .buttonArea .customCheckbox {
            width: auto;
            margin-bottom: 0;
        }

    .main.contact .contactForm .form {
        padding: 20px 10px 50px 10px;
    }

    .main.contact {
        margin: 40px auto 50px auto;
        row-gap: 60px;
    }

        .main.contact .branchWrapper > .item .name {
            font-size: 16px;
            padding-left: 15px;
        }

            .main.contact .branchWrapper > .item .name::before {
                width: 7px;
            }

        .main.contact .branchWrapper > .item .imageBox {
            height: 200px;
        }

            .main.contact .branchWrapper > .item .imageBox a {
                padding: 5px;
            }

                .main.contact .branchWrapper > .item .imageBox a .mapsIcon {
                    width: 30px;
                    height: 18px;
                    background-size: cover;
                }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(1):before {
            margin-top: -17px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(2):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line:nth-child(3):before {
            margin-top: -3px;
            font-size: 13px;
        }

        .main.contact .branchWrapper > .item .addressBox .line span {
            font-size: 14px;
        }

            .main.contact .branchWrapper > .item .addressBox .line span strong {
                font-size: 16px;
            }

        .main.contact .branchWrapper > .item .addressBox .line::before {
            margin-right: 0px;
        }

        .main.contact .branchWrapper > .item .addressBox {
            padding: 10px 6px;
        }

        .main.contact .contactForm .bannerArea {
            padding: 0;
            background: url(/assets/images/contactFormBackground.png) 35% center / 110% no-repeat;
        }

            .main.contact .contactForm .bannerArea .workingHours {
                width: 40%;
                padding: 30px 10px 20px 10px;
            }

                .main.contact .contactForm .bannerArea .workingHours .title {
                    font-size: 18px;
                }

                .main.contact .contactForm .bannerArea .workingHours .item {
                    font-size: 16px;
                    margin-bottom: 25px;
                }

                .main.contact .contactForm .bannerArea .workingHours .title i {
                    font-size: 20px;
                }

        .main.contact .contactForm .form .text {
            font-size: 30px;
            margin-bottom: 20px;
        }


        .main.contact .contactForm .form .inputBox input,
        .main.contact .contactForm .form .inputBox textarea {
            padding: 16px 20px;
        }

        .main.contact .contactForm .form .inputBox {
            row-gap: 15px;
        }

            .main.contact .contactForm .form .inputBox textarea {
                height: 150px;
            }

        .main.contact .contactForm .form .inputBox {
            margin-bottom: 25px;
            column-gap: 15px;
        }

        .main.contact .contactForm .form .buttonArea {
            flex-direction: row;
            justify-content: space-between;
        }

        .main.contact .contactForm .form .inputBox input.w-50 {
            width: 49%;
        }

        .main.contact .contactForm .form .inputBox div.w-50 {
            width: 49%;
        }

        .main.contact .contactForm .form .buttonArea .submitButton {
            font-size: 16px;
            padding: 26px 50px;
        }

        .main.contact .contactForm .form .buttonArea .checkmark {
            left: 2px;
        }

    /* Blog Detail */
    .blogDetail.homeGalleryContainer {
        padding: 0 0 25px 0px;
    }

    .blogList .lastBlogsTitle {
        padding: 20px 0;
    }

    .blogDetail .blogContainer .image {
        margin: 0 0 20px 20px;
        height: 390px;
        width: 50%;
    }

    .main.blogDetail .blogContainer {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    /* Blog List */
    .blogList .bannerArea .slogan {
        font-size: 16px;
    }

    .blogList .bannerArea .title {
        font-size: 82px;
    }

    .blogList .blogWrapper {
        column-gap: 15px;
        margin-top: -30px;
        justify-content: start;
        row-gap: 50px;
    }

    .blogList .bannerArea {
        height: 200px;
    }

    .blogList .blogWrapper .item {
        width: 32%;
        padding: 10px 10px 0 10px;
    }

        .blogList .blogWrapper .item .imageBox {
            height: 160px;
        }

        .blogList .blogWrapper .item .title {
            font-size: 16px;
        }

        .blogList .blogWrapper .item .text {
            margin-bottom: 10px;
            font-size: 14px;
        }

    /* Branchs */
    .main.branchs .title {
        font-size: 24px;
        margin: 20px 0;
    }

    .main.branchs .branchWrapper .item {
        width: 32%;
    }

    .main.branchs .branchWrapper {
        column-gap: 15px;
        row-gap: 50px;
        margin-bottom: 50px;
    }

        .main.branchs .branchWrapper .item .branchName::before {
            width: 7px;
        }

        .main.branchs .branchWrapper .item .branchName {
            font-size: 16px;
        }

        .main.branchs .branchWrapper .item .imgBox {
            height: 190px;
        }

    /* Corporate */
    .main.corporate .pageBanner {
        height: 140px;
    }

    .main.corporate .contentContainer {
        width: 92.69%;
    }

        .main.corporate .contentContainer .right {
            width: 40%;
            height: 330px;
            margin-right: -15px;
        }

        .main.corporate .contentContainer .left {
            width: 60%;
        }

    .main.corporate .midContainer {
        gap: 30px;
        margin: 0;
        width: 92.69%;
        margin: 30px auto 50px auto;
    }

    .main.corporate .contentContainer .left .title span {
        font-size: 22px;
        margin-top: 20px;
    }

        .main.corporate .contentContainer .left .title span::before {
            width: 50px;
            height: 40px;
        }

    .main.corporate .contentContainer .left .text {
        padding: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .main.corporate .midContainer .block {
        width: 100%;
        line-height: 24px;
    }

        .main.corporate .midContainer .block .title {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .main.corporate .midContainer .block .text {
            font-size: 16px;
        }

    /* Product Detail */
    .main.productDeteail .left {
        width: 55%;
        align-items: start;
    }

        .main.productDeteail .left .imageArea .bigImage {
            width: 310px !important;
        }

        .main.productDeteail .left .imageArea {
            margin-bottom: 10px;
            justify-content: start;
            gap: 10px;
        }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .otherProductsContainer .otherProductsSlider .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .main.productDeteail {
        width: 92.69%;
    }

        .main.productDeteail .left .imageArea .productImageBig {
            width: 100%;
            height: 340px;
        }


        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-prev {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .smallImageNav .productdetail.custom-next {
            height: 20px;
            width: 20px;
            margin: 0 auto;
        }

        .main.productDeteail .left .imageArea .productImageSmall {
            margin: 0 auto;
            width: 75px;
            height: 75px;
        }

        .main.productDeteail .left .campaign {
            width: 94%;
            padding: 2px 10px 2px 2px;
            font-size: 14px;
        }

            .main.productDeteail .left .campaign .icon {
                min-width: 35px;
                height: 35px;
                margin-right: 7px;
                min-height: 35px;
            }

        .main.productDeteail .left .imageArea .bigSlider .productSticker,
        .otherProductsContainer .otherProductsSlider .item .productSticker {
            min-width: 50px;
            font-size: 14px;
            padding: 5px;
        }

        .main.productDeteail .right {
            width: 45%;
        }

            .main.productDeteail .right .productName {
                font-size: 20px;
                margin-top: 9px;
                min-height: 48px;
                max-height: 48px;
                margin-bottom: 10px;
            }

            .main.productDeteail .right .favoriteButton {
                font-size: 14px;
            }

            .main.productDeteail .right .priceBox {
                margin-bottom: 30px;
                flex-direction: row;
                justify-content: start;
                gap: 5px
            }

                .main.productDeteail .right .priceBox .price {
                    font-size: 24px;
                }

            .main.productDeteail .right .chooseWeight {
                column-gap: 11px;
                margin-bottom: 30px;
            }

                .main.productDeteail .right .chooseWeight .item {
                    font-size: 16px;
                    width: 31%;
                    height: 40px;
                }

                    .main.productDeteail .right .chooseWeight .item.active::before {
                        width: 22px;
                        height: 22px;
                        right: -11px;
                        top: -11px;
                    }

            .main.productDeteail .right .featureTitle {
                font-size: 16px;
                margin-bottom: 7px;
            }

            .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single {
                height: 50px !important;
            }

                .main.productDeteail .right .firstVariantBox .chosen-container-single .chosen-single span {
                    font-size: 14px !important;
                }

            .main.productDeteail .right .firstVariantBox .chosen-container .chosen-results li.active-result {
                font-size: 14px;
            }

            .main.productDeteail .right .firstVariantBox .featureChosen {
                width: 66%;
            }

            .main.productDeteail .right .firstVariantBox .count-select {
                width: 32%;
                gap: 5px;
            }

            .main.productDeteail .right .firstVariantBox {
                gap: 10px;
                margin-bottom: 40px;
            }

                .main.productDeteail .right .firstVariantBox .count-select input {
                    width: 20px;
                    font-size: 16px;
                }

                .main.productDeteail .right .firstVariantBox .count-select i {
                    font-size: 18px;
                }

            .main.productDeteail .right .addCartButton {
                padding: 3% 0;
                margin-bottom: 30px;
            }

        .main.productDeteail .detailsContainer {
            margin-left: 0;
            margin-top: 0;
            margin-bottom: 30px;
        }

            .main.productDeteail .detailsContainer .descriptionTitle {
                font-size: 18px;
                margin-bottom: 30px;
            }

            .main.productDeteail .detailsContainer .features {
                gap: 15px;
                margin-bottom: 40px;
            }

                .main.productDeteail .detailsContainer .features .lines .name {
                    min-width: 120px;
                }

            .main.productDeteail .detailsContainer .descriptionText {
                line-height: 26px;
            }

    .otherProductsContainer .title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .otherProductsContainer .otherProductsSlider .item {
        width: 96%;
    }

    .otherProductsContainer .otherProductsSlider .imgBox {
        height: 220px;
    }


    .otherProductsContainer {
        padding: 20px 0 50px 0;
    }

    .navigationContainer .main.items > ul {
        align-items: center;
    }

    .main.productDeteail .right .firstVariantBox .chosen-container .chosen-drop {
        z-index: 1 !important;
    }

    .main.productDeteail .left .imageArea .smallImageNav {
        width: 85px !important;
    }





    .main.errorPageContainer.error500 {
        padding: 100px 20px;
    }

    .main.errorPageContainer {
        padding: 90px 20px;
    }

    /* Product List */
    .optionContainer {
        gap: 20px;
        flex-direction: row;
        width: auto;
        justify-content: start;
    }

        .optionContainer .option .text {
            font-size: 14px;
            min-width: unset;
        }

    .optionChosen {
        width: 180px;
    }

    .chosen-container-single .chosen-search::before {
        font-size: 14px;
    }

    .chosen-container-single .chosen-search {
        padding: 2px 4px !important;
    }

    .optionChosen .chosen-container-single .chosen-single span {
        max-width: 68%;
    }

    .optionContainer .option {
        gap: 5px;
    }

    .chosen-container .chosen-results {
        margin-right: 0px !important;
    }

    .chosen-container-single .chosen-single {
        height: 35px !important;
        padding: 0 0 0 15px !important;
    }

    .chosen-container .chosen-results li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .productList .title {
        padding: 20px 0;
    }

    .productList .itemWrapper .item {
        width: 24%;
    }

    .productList .itemWrapper {
        row-gap: 40px;
        column-gap: 10px;
    }

        .productList .itemWrapper .item .nameBox {
            padding: 0 10px;
            font-size: 14px;
        }

        .productList .itemWrapper .item .priceBox {
            font-size: 14px;
            gap: 8px;
        }

        .productList .itemWrapper .item .productSticker {
            min-width: 50px;
            font-size: 12px;
            padding: 5px;
        }

        .productList .itemWrapper .item .imgBox {
            height: 210px;
        }

    .navigationContainer.withOptions .items {
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    /* Register */
    .main.register .container .text {
        font-size: 20px;
        margin-bottom: 3%;
    }

    .main.register .container .inputs .inputBox input {
        padding: 18px 50px 18px 30px;
    }

    .main.register .container {
        width: 92.69%;
        padding: 3% 0 0 0;
    }

        .main.register .container .inputs {
            row-gap: 25px;
        }

    .main.register {
        margin-bottom: 20px;
    }


        .main.register .customCheckbox {
            padding-left: 25px;
        }

            .main.register .customCheckbox .checkmark {
                top: 1px;
            }

        .main.register .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            row-gap: 20px;
            column-gap: 30px;
        }

        .main.register .container .alreadyMemberText {
            margin-top: 40px;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            min-width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .main.register .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            width: auto;
            min-width: 48%;
        }

        .main.register .container .loginButton {
            padding: 20px 10px;
            font-size: 16px;
            width: auto;
            min-width: 55%;
        }

    /* Forgot Password */
    .main.forgetPassword .container .inputs,
    .main.forgetPassword .container .text {
        margin: 0 auto 40px auto;
        width: 75%;
    }

    .main.forgetPassword .container {
        width: 92.69%;
    }

        .main.forgetPassword .container .inputs .inputBox input {
            padding: 3.5% 30px;
            padding-right: 55px;
        }

        .main.forgetPassword .container .text {
            font-size: 18px;
            margin-bottom: 3%;
        }

        .main.forgetPassword .container .buttonArea {
            height: auto;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            column-gap: 10px;
            width: 75%;
            margin: auto;
        }

    .main.forgetPassword {
        margin-bottom: 20px;
        padding: 7% 0 12% 0;
    }

        .main.forgetPassword .container .buttonArea .submitButton {
            padding: 26px 10px;
            font-size: 16px;
            min-width: 22%;
        }

    /* Login */
    .main.login .container .text {
        margin-bottom: 4%;
    }

    .main.login {
        padding: 6% 0 12% 0;
    }

        .main.login .container {
            width: 92.69%;
        }

            .main.login .container .text {
                font-size: 20px;
            }

            .main.login .container .buttonArea {
                height: auto;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                column-gap: 10px;
                width: 75%;
            }


                .main.login .container .buttonArea .registerButton,
                .main.login .container .buttonArea .loginButton {
                    padding: 26px 10px;
                    font-size: 16px;
                    min-width: 22%;
                }

            .main.login .container .inputs .inputBox input {
                padding: 3.5% 50px 3.5% 30px;
            }

            .main.login .container .forgetPassword {
                width: 75%;
                padding: 4% 0;
            }

            .main.login .container .inputs {
                row-gap: 25px;
                width: 75%;
            }

    /* Home */
    .onlineShopContainer {
        padding: 10% 0;
    }

        .onlineShopContainer .title {
            margin-bottom: 20px;
        }

        .onlineShopContainer .itemWrapper .item .imgBox {
            height: 210px;
        }

        .onlineShopContainer .itemWrapper .item .nameBox {
            font-size: 14px;
            height: 34px;
        }

    .middleBannerContainer {
        height: 230px;
    }

        .middleBannerContainer img {
            object-position: 10% center;
        }

    .categoryContainer .title,
    .homeGalleryContainer .title {
        padding: 4% 0 2% 0;
        margin-bottom: 0;
    }

    .homeGalleryContainer {
        padding: 0 0 4% 0;
    }

    .onlineShopContainer .itemWrapper {
        gap: 0;
        row-gap: 20px;
        justify-content: space-between;
    }

    .categoryContainer .subCategoryWrapper .item {
        width: 31%;
    }

    .categoryContainer .subCategoryWrapper {
        column-gap: 0;
        justify-content: space-between;
    }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            font-size: 14px;
        }

        .categoryContainer .subCategoryWrapper .item .imgBox {
            height: 240px;
        }

        .categoryContainer .subCategoryWrapper .item .nameBox {
            margin: 5% 0 3% 0;
            height: 34px;
        }

    .categoryContainer .seeAllButton {
        min-width: 90px;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        height: 180px;
    }

    .homeGalleryContainer .homeGallerySlider .galleryImage {
        width: 95%;
    }

    .sliderArrows.sliderNextArrow {
        right: 2%;
    }

    .sliderArrows.sliderPrevArrow {
        left: 2%;
    }

    .onlineShopContainer .itemWrapper .item {
        width: 24%;
    }

    .categoryContainer .subCategoryWrapper {
        width: 92.69%;
    }


    .header .menuContainer ul {
        margin-bottom: 40px;
    }

    .header .menuContainer .orderTrackingButton {
        margin-bottom: 40px;
    }

    .onlineShopContainer {
        padding: 5% 0;
    }

    .footer .left .area {
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 35px;
    }

        .footer .left .area .address {
            padding-top: 0;
            width: auto;
        }

            .footer .left .area .address .line {
                margin-bottom: 17px;
            }


        .footer .left .area .brand .socialMedias {
            width: auto;
        }

        .footer .left .area .brand {
            width: auto;
        }


            .footer .left .area .brand .logoBox {
                width: 100%;
            }
}