.kvkkPopupApp h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 150%;
}

form#kvkkOnayForm p {
    background-color: transparent !important;
    display: flex;
    align-items: center;
    margin-top: 0 !important;
    width: 100%;
    border: .5px solid #000;
    padding: 5px 15px !important;
    box-sizing: border-box;
    margin-bottom: 10px !important;
    min-height: 40px;
}

form#kvkkOnayForm input {
    margin: 0 !important;
}

form#kvkkOnayForm button {
    background: #000;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    margin-top: 10px !important;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
}

form#kvkkOnayForm p span span {
    display: none;
}

form#kvkkOnayForm p span {
    padding-left: 10px;
    width: 100%;
    display: flex;
    line-height: 150%;
}

.kvkkPopupApp {
    padding: 20px;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

form#kvkkOnayForm {
    float: left;
    width: 100%;
}

div#kvkkToggleContainer {
    display: none;
}


ul#home-slider .slick-dots li button, ul#home-slider-two .slick-dots li button {
    font-size: .1px;
    border: 1px solid #fff;
    padding: 0;
    width: 8px;
    height: 8px;
    background: transparent;
    border-radius: 100%;
}

ul#home-slider .slick-dots, ul#home-slider-two .slick-dots {
    display: flex;
    align-items: center;
}

ul#home-slider .slick-dots, ul#home-slider-two .slick-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

ul#home-slider .slick-dots li, ul#home-slider-two .slick-dots li {
    margin: 0 1.5px;
}

ul#home-slider .slick-dots li.slick-active button, ul#home-slider-two .slick-dots li.slick-active button {
    background: #fff;
}

.catalogWrapper {
    display: flex;
    flex-wrap: wrap;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.order-13 {
    order: 13;
}

.order-14 {
    order: 14;
}

.order-15 {
    order: 15;
}

.order-16 {
    order: 16;
}

.order-17 {
    order: 17;
}

.order-18 {
    order: 18;
}

.order-19 {
    order: 19;
}

.order-20 {
    order: 20;
}

.order-21 {
    order: 21;
}

.order-22 {
    order: 22;
}

.order-23 {
    order: 23;
}

.order-24 {
    order: 24;
}

.order-25 {
    order: 25;
}

.login-general > .login-general-content {
    width: 500px;
}

.login-general {
    display: flex;
    justify-content: center;
}

a#member-login-btn {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .2px;
    background: #000;
    color: #fff;
}

a#member-register {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .2px;
    box-sizing: border-box;
    height: 50px;
    background: transparent;
}

a#member-register:hover {
    background: transparent;
}

.login-general-content .popup-social-login {
    background: #f8f8f8;
    margin-bottom: 10px;
}

.popup-social-login .popup-or span {
    background: #f8f8f8;
}

.login-general-content .popup-social-login ul li a {
    background: #fff;
}

.giris-popup {
    padding: 20px;
    box-sizing: border-box;
}

.giris-popup-title > div {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2px;
    margin-bottom: 6px;
}

.giris-popup-title > span {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #888;
}

.giris-popup-title {
    margin-bottom: 20px;
}

.giris-popup-remember {
    display: flex;
    justify-content: space-between;
}

a#popup-member-forgot-password {
    font-size: 13px;
    color: #000;
    font-weight: 300;
    letter-spacing: .2px;
}

.remember-me {
    font-size: 13px;
    color: #000;
    font-weight: 300;
    letter-spacing: .2px;
}

.giris-popup a#popup-member-login {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .2px;
}

.popup-be-member {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .2px;
    box-sizing: border-box;
    height: 50px;
}

.popup-social-login ul li a {
    border: .5px solid #ccc;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 13px;
    letter-spacing: .2px;
    color: #000;
    font-weight: 300;
    width: 48px;
}

.popup-or {
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #aaa;
    position: relative;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: .5px;
}

.popup-or span {
    background: #fff;
    margin-top: -6px;
    padding: 0 20px;
}

.popup-social-login ul {
    display: flex;
    justify-content: center;
}

.popup-social-login ul li {
    width: auto;
    margin: 0 5px;
}

.popup-social-login {
    background: #fff;
    border-radius: 4px;
    padding: 20px !important;
    box-sizing: border-box;
}

.m-item {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.lang-text {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .5px;
}

.contentRightTitle {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

.m-item-name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.m-item-address {
    font-size: 14px;
    line-height: 150%;
    font-weight: 300;
}

.m-item-bottom {
    padding-top: 10px;
}

.wm-look2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.look-2-container .yazi-2 {
    padding-top: 50px;
}

.video-2 > div:nth-child(1) {
    order: 2;
}

.video-2 > div:nth-child(2) {
    width: 50%;
}

.wm-ikili.look-3 {
    padding: 0 20px !important;
}

.video-3 > div:nth-child(1) {
    order: 2;
    width: 60% !important;
}

.video-3 > div:nth-child(2) {
    width: 35%;
}

.wm-ikili.video-3 {
    padding: 0 20px !important;
    justify-content: space-between;
    align-items: center;
}

.wm-ikili.look-5 {
    padding: 0 20px !important;
    justify-content: space-between;
    align-items: center;
}

.wm-ikili.look-5 > div:nth-child(1) {
    width: 38%;
}

.wm-ikili.look-5 > div:nth-child(2) {
    width: 56%;
}

.wm-ikili.look-6 > .productItem {
    order: 2;
}

.wm-ikili.look-6 > .look-img {
    width: 50%;
}

.island-lp {
    box-sizing: border-box;
    display: grid;
    grid-row-gap: 20px;
}

.swim-lp {
    padding: 0 40px;
    box-sizing: border-box;
    display: grid;
    grid-row-gap: 20px;
}

.swim-flex {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.swim-lp .catalogWrapper {
    display: grid;
    grid-row-gap: 20px;
}

.island-lp .catalogWrapper {
    display: grid;
    grid-row-gap: 30px;
}

.swim-2 .productItem {
    width: 50%;
}

.banner-grid {
    display: grid;
    grid-row-gap: 30px;
    padding: 0 15px;
    box-sizing: border-box;
}

.wm-flex .detailLink {
    padding: 0 15px;
}

.ag-item {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
}

.ag-item a {
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    width: fit-content;
}

.ag-item.ag-item-custom {
    align-items: center;
}

.ag-item.no-padding a {
    padding: 0;
}

.ag-end > div {
    display: grid;
    width: max-content;
}

.look-container .ag-end {
    align-items: center;
}

.look-2-item {
    margin-top: 50px;
    margin-bottom: -100px;
}

.ag-end {
    display: flex;
    justify-content: center;
}

.ag-end > div, .ag-end > a {
    padding: 0 20px;
    box-sizing: border-box;
}

.ag-end > div > a, .ag-end > div > a picture {
    display: flex;
    flex-wrap: wrap;
}

.ag-end > div > a:nth-child(1) {
    margin-bottom: 40px;
}

.look-container {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.yazi-2 {
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
}

.yazi-1, .yazi-3 {
    display: flex;
    justify-content: center;
    padding: 50px 0 !important;
}

.sayac-devux {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 20%;
}

.sayac-devux p {
    color: #fff;
    font-size: 40px;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

span#geriSayim ul {
    display: flex;
    align-items: center;
}

span#geriSayim ul li {
    padding: 0 5px;
    font-size: 80px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    box-sizing: border-box;
}

.essentials-top-img {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

.seleted-top-img {
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    display: grid;
}

.selected-top {
    display: flex;
    padding: 0 70px;
    box-sizing: border-box;
}

.selected-top-text {
    padding-left: 100px;
    box-sizing: border-box;
}

.selected-yazi-2, .selected-yazi-4 {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}

.kirmizi-bg:after {
    content: '';
    width: 510px;
    height: 174px;
    background: url(https://cache.manuka.com.tr/elfinder/files/Home2024/Valentines/lp/desktop/yazi.png);
    position: absolute;
    left: 0;
    top: 0;
}

.wm-flex.wm-full.wm-ikili {
    padding: 0;
    gap: 0;
}

.wm-full .detailLink {
    padding: 0;
}

.siyah-bg {
    background: #000;
    padding: 60px 120px;
    box-sizing: border-box;
}

.siyah-bg .detailLink {
    padding: 0;
}

.kirmizi-bg {
    background: #990618;
    padding: 90px 150px;
    box-sizing: border-box;
    position: relative;
}

.kirmizi-bg .detailLink {
    padding: 0;
}

.canta-img > a {
    margin-left: -200px;
    z-index: 9;
}

.look-2-flex {
    display: flex;
}

.look-2-flex .look-2-item {
    order: -1;
    margin: 0;
}

.look-2-flex > div {
    padding: 0 20px;
    box-sizing: border-box;
}

.wm-flex.wm-tekli {
    padding: 0 10px;
    box-sizing: border-box;
}

.wm-flex.wm-tekli .detailLink {
    padding: 0;
}

.wm-flex {
    display: flex;
    justify-content: center;
}

.wm-banner-1 {
    margin-bottom: 30px;
}

.sc-banner-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 20px;
    padding: 0 40px;
    box-sizing: border-box;
}

.wm-flex.wm-ikili.ag-ikili {
    padding: 0;
}

.wm-banner-2 {
    padding: 40px 0;
}

.wm-banner-2 .fl:nth-child(1) {
    margin-bottom: 20px;
}

.wm-banner-3 {
    margin-bottom: 30px;
}

.wm-flex.wm-tekli.wm-origin .productItem {
    width: 33.33%;
}

.selected-yazi-3 {
    order: -1;
    margin-right: -26px;
    z-index: 9;
    mix-blend-mode: darken;
}

.wm-flex.wm-ikili .productItem {
    width: 50%;
}

.wm-flex.wm-ikili.nope-padding {
    padding: 0 20px;
    align-items: center;
}

.wm-flex.wm-ikili {
    padding: 0 15%;
    box-sizing: border-box;
    gap: 40px;
}

.wm-flex.wm-uclu .productItem {
    width: 33.33%;
    background: #fff;
}

.yazi-3 {
    padding: 50px 0;
}

.wm-flex.wm-uclu {
    gap: 10px;
    padding: 0 50px;
    box-sizing: border-box;
}

.manuka-x-me {
    padding: 0 50px;
    box-sizing: border-box;
}

.banner-item {
    display: grid;
    grid-row-gap: 15px;
}

.grid-item {
    display: grid;
}

.grid-item a, .grid-item a picture {
    display: flex;
}

.box-sizing {
    box-sizing: border-box;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-200 {
    padding-left: 200px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-200 {
    padding-right: 200px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.grid-1 {
    grid-template-columns: repeat(1, 1fr);
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-7 {
    grid-template-columns: repeat(7, 1fr);
}

.grid-8 {
    grid-template-columns: repeat(8, 1fr);
}

.grid-9 {
    grid-template-columns: repeat(9, 1fr);
}

.grid-10 {
    grid-template-columns: repeat(10, 1fr);
}

.grid-11 {
    grid-template-columns: repeat(11, 1fr);
}

.grid-12 {
    grid-template-columns: repeat(12, 1fr);
}

.row-0 {
    grid-row-gap: 0px;
}

.row-5 {
    grid-row-gap: 5px;
}

.row-10 {
    grid-row-gap: 10px;
}

.row-20 {
    grid-row-gap: 20px;
}

.row-30 {
    grid-row-gap: 30px;
}

.row-40 {
    grid-row-gap: 40px;
}

.row-50 {
    grid-row-gap: 50px;
}

.row-60 {
    grid-row-gap: 60px;
}

.row-70 {
    grid-row-gap: 70px;
}

.row-80 {
    grid-row-gap: 80px;
}

.row-90 {
    grid-row-gap: 90px;
}

.row-100 {
    grid-row-gap: 100px;
}

.column-0 {
    grid-column-gap: 0px;
}

.column-5 {
    grid-column-gap: 5px;
}

.column-10 {
    grid-column-gap: 10px;
}

.column-20 {
    grid-column-gap: 20px;
}

.column-30 {
    grid-column-gap: 30px;
}

.column-40 {
    grid-column-gap: 40px;
}

.column-50 {
    grid-column-gap: 50px;
}

.column-60 {
    grid-column-gap: 60px;
}

.column-70 {
    grid-column-gap: 70px;
}

.column-80 {
    grid-column-gap: 80px;
}

.column-90 {
    grid-column-gap: 90px;
}

.column-100 {
    grid-column-gap: 100px;
}

.flex-item {
    display: flex;
    align-items: center;
}

.banner-item-text {
    font-size: 22px;
    text-align: center;
    line-height: 150%;
    font-weight: 200;
    letter-spacing: .5px;
    padding: 50px 15%;
    box-sizing: border-box;
}

.banner-grid a {
    display: flex;
    justify-content: center;
}

.home-seo-block {
    padding: 0 50px;
    box-sizing: border-box;
    margin-top: 30px;
}

.gsb-content-desc * {
    line-height: 150%;
}

.gsb-content-image {
    margin-bottom: 30px;
}

.hsb-content {
    max-height: 260px;
    overflow: auto;
    padding-right: 40px;
    box-sizing: border-box;
}

.hsb-content::-webkit-scrollbar {
    width: 3px;
}

.hsb-content::-webkit-scrollbar-track {
    background: #eee;
}

.hsb-content::-webkit-scrollbar-thumb {
    background: #222;
}

.lp-product {
    padding: 0 10px;
    box-sizing: border-box;
}

ul#beyondTheStreetSlider li a.slider-video {
    position: relative;
}

ul#beyondTheStreetSlider li a.slider-video video {
    position: absolute;
    left: 0;
    background-size: cover;
    object-fit: cover;
    top: 0;
}

ul#beyondTheStreetSlider li div {
    position: relative;
}

ul#beyondTheStreetSlider li div a {
    position: absolute;
    width: 50%;
    top: 0;
    height: 100%;
}

ul#beyondTheStreetSlider li div a:nth-child(1) {
    left: 0;
}

ul#beyondTheStreetSlider li div a:nth-child(2) {
    right: 0;
}

.back-to-classics-home {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 20px;
}

.back-to-classics-home a {
    display: flex;
}

.btch-item {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.btch-item.btch-dortlu {
    grid-template-columns: repeat(4,1fr);
    padding: 0 20px;
    box-sizing: border-box;
}

.btch-item.btch-ikili {
    grid-template-columns: repeat(2,1fr);
}

.btch-item.btch-ikili.no-space {
    grid-column-gap: 0;
    grid-row-gap: 0px;
}

.btc-item.btc-text {
    padding: 20px 25%;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    line-height: 200%;
    font-style: italic;
    font-weight: 200;
    letter-spacing: 1px;
}

.btc-item-btn {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: underline;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 50px;
}

.btc-product {
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
}

.btc-product-name {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}

.btc-product-price {
    font-size: 16px;
}

.bpp-price-one {
    text-decoration: line-through;
    margin-right: 5px;
}

.bpp-price-two {
    font-weight: 600;
}

.bpp-price-one + .bpp-price-two {
    color: #fe3600;
}

.back-to-classics {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 20px;
}

.btc-item {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.btc-item.btc-uclu {
    grid-template-columns: repeat(3,1fr);
    padding: 0 20px;
    box-sizing: border-box;
}

.btc-item.btc-ikili {
    grid-template-columns: repeat(2,1fr);
}

.btc-item.btc-altili {
    grid-template-columns: repeat(3,1fr);
    padding: 0 20px;
    box-sizing: border-box;
}

.btc-item.btc-dokuzlu {
    grid-template-columns: repeat(3,1fr);
    padding: 0 20px;
    box-sizing: border-box;
}

.btc-item.btc-ikili.no-space {
    grid-column-gap: 0px;
}

.blackFriday a {
    display: flex;
}

.bfiUclu {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 10px;
}

.bfiIkili {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 10px;
}

.bfItem {
    margin-bottom: 10px;
}

.homeBlog {
    padding: 50px 30px;
    box-sizing: border-box;
}

.homeBlogTitle {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 0 30px;
    box-sizing: border-box;
}

.homeBlogContent {
}

.speBlog3 .blogImage2 {
    padding-top: 80px;
}

.hbiDate {
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0 5px 0;
    text-transform: uppercase;
}

.hbiTitle {
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
}

.speBlog3 .blogText1 {
    padding: 80px 20%;
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
}

.speBlog3 .blogImage3, .speBlog3 .blogImage4, .speBlog3 .blogImage5, .speBlog3 .blogImage6 {
    display: flex;
    align-items: center;
    padding-bottom: 100px;
}

.speBlog3 .blogImage3 img, .speBlog3 .blogImage4 img, .speBlog3 .blogImage5 img, .speBlog3 .blogImage6 img {
    max-width: 45%;
}

.speBlog3 .blogText2, .speBlog3 .blogText3, .speBlog3 .blogText4, .speBlog3 .blogText5 {
    min-width: 50%;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    box-sizing: border-box;
    padding: 0 5%;
}

.speBlog3 .blogText2 b, .speBlog3 .blogText3 b, .speBlog3 .blogText4 b, .speBlog3 .blogText5 b {
    display: block;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.speBlog3 .blogText4 b {
    display: contents;
    text-transform: capitalize;
}

.speBlog3 .blogImage4 img {
    order: 2;
}

.speBlog3 .blogImage6 img {
    order: 2;
}

.speBlog3 .blogImageGrid1 {
    padding: 0 50px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.speBlog3 .blogBtn1 a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
}

.speBlog3 .blogBtn1 {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    padding: 80px 0;
}

.speBlog2 .blogText1 {
    text-align: center;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    position: absolute;
    right: 5%;
    top: 55%;
    width: 45%;
    color: #fff;
    padding: 0 150px;
    box-sizing: border-box;
}

.speBlog2 .blogImage2 {
    position: relative;
}

.speBlog2 .blogImage3, .speBlog2 .blogImage5 {
    display: flex;
    align-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    padding-top: 80px;
}

.speBlog2 .blogText2, .speBlog2 .blogText4 {
    min-width: 50%;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    padding-right: 10%;
    box-sizing: border-box;
}

.speBlog2 .blogImage3 img, .speBlog2 .blogImage5 img {
    max-width: 50%;
    order: 2;
}

.speBlog2 .blogImage4 {
    display: flex;
    align-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    padding-top: 80px;
}

.speBlog2 .blogImage4 img {
    width: 50%;
}

.speBlog2 .blogText3 {
    min-width: 50%;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    padding: 0 10% 0 5%;
    box-sizing: border-box;
}

.speBlog2 .blogText5 {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    color: #c70021;
    text-align: center;
    padding: 60px 0;
}

.speBlog2 .blogBtn1 a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
}

.speBlog2 .blogBtn1 {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}

.speBlog2 .blogImage6 {
    padding-top: 80px;
}

.speBlog1 .blogText1 {
    padding: 60px 30%;
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
}

.speBlog1 .blogText5 {
    padding: 40px 20%;
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
}

.speBlog1 .blogBtn1 {
    display: flex;
    justify-content: center;
}

.speBlog1 .blogBtn1 a {
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
}

.speBlog1 .blogImage5 {
    padding-top: 80px;
}

.speBlog1 .blogImage2 {
    position: relative;
}

.speBlog1 .blogText2 {
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    position: absolute;
    right: 5%;
    top: 45%;
    width: 30%;
    color: #fff;
}

.speBlog1 .blogText3 {
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    position: absolute;
    right: 5%;
    bottom: 12%;
    width: 40%;
}

.speBlog1 .blogImage3 {
    position: relative;
}

.speBlog1 .blogText4 {
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 150%;
    font-weight: 200;
    position: absolute;
    left: 5%;
    top: 45%;
    width: 30%;
    color: #fff;
}

.speBlog1 .blogImage4 {
    position: relative;
}

.masterpieceProduct {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px
}

.masterPieceOneText .masterPieceDesc {
    line-height: 150%;
    font-size: 16px;
    text-align: center;
    font-weight: 200;
    font-style: italic;
    padding: 0 25%;
    box-sizing: border-box
}

.masterPieceTitle {
    text-align: center;
    font-size: 14vw;
    font-weight: 700;
    width: 100%;
    margin-bottom: 10px
}

.masterpiecePadding.masterPieceOneText {
    padding: 0 0 30px
}

.masterpieceLandingPage a {
    display: flex
}

.masterpiecePadding {
    padding-top: 10px
}

.masterPieceTwoText .masterPieceDesc {
    line-height: 150%;
    font-size: 16px;
    text-align: center;
    font-weight: 200;
    font-style: italic
}

.masterpiecePadding.masterPieceTwoText {
    padding: 40px 25% 30px;
    box-sizing: border-box
}

.masterpieceIkili {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box
}

.masterpieceIkili>div {
    padding: 0 5px;
    box-sizing: border-box
}

.masterpieceBtn {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    margin-bottom: 30px
}

.masterpieceBtn a {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: .5px;
    font-weight: 600;
    text-decoration: underline
}

.btsLpIkili {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px
}

.btsLpIkili>div {
    padding: 0 5px;
    box-sizing: border-box
}

.btsLandingPage a {
    display: flex
}

.btsPaddingLp {
    padding-top: 10px
}

.btsTitle {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px
}

.btsDesc {
    line-height: 150%;
    font-size: 16px;
    text-align: center;
    font-weight: 200
}

.btsLpText {
    padding: 40px 10%!important;
    box-sizing: border-box
}

.btsLpTekli {
    display: flex;
    justify-content: center
}

.btsLpUclu {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box
}

.btsLpUclu>div {
    padding: 0 5px;
    box-sizing: border-box
}

.btsSpace {
    padding-top: 40px;
    box-sizing: border-box
}

.btsUcluGeneral {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.btsUcluGeneral>div {
    padding: 0 20px;
    box-sizing: border-box
}

img#searchOpen {
    margin-right: 15px;
    cursor: pointer
}

.kayan-yazi-container {
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    background-color: rgba(255,255,255,.4);
    position: fixed;
    bottom: 0;
    left: 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-top: .2px solid #000
}

.kayan-yazi li b {
    font-weight: 600
}

.kayan-yazi li {
    position: relative;
    padding: 0 5px;
    font-size: 15px;
    letter-spacing: .2px;
    font-weight: 300
}

.kayan-yazi {
    white-space: nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    animation: kayan-liste 50s linear infinite;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center
}

@keyframes kayan-liste {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

ul#essentialSlider li a {
    display: flex;
    justify-content: center
}

.max-width-lp {
    max-width: 1920px;
    margin: 0 auto;
}

.essentialsLP {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-row-gap: 10px;
    max-width: 1920px
}

.essentialsLP .ikili {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.newMenu {
    background: #e8bdad;
    border: 10px solid #f9e8d8;
    box-sizing: border-box;
    color: #222;
    position: relative
}

.AnaInfAlan,.seoPadding {
    padding: 0 50px;
    box-sizing: border-box
}

.seoMetni h1 {
    margin: 0
}

.seoMetni {
    padding-right: 20px;
    box-sizing: border-box
}

.htSlider {
    background: #fff
}

.htSlider {
    height: 38px;
    overflow: hidden
}

.htSlider a {
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 2px solid #222
}

.granolaItem.five a {
    position: relative;
    margin-bottom: 48px
}

.granolaItem.five a .proContent {
    position: absolute;
    bottom: -50px;
    left: 0
}

.acaibowlItem.four a {
    margin-bottom: 0
}

.acaibowlItem a {
    position: relative;
    margin-bottom: 48px
}

.acaibowlItem a .proContent {
    position: absolute;
    left: 0;
    bottom: -50px
}

.kruvasanItem a {
    position: relative;
    margin-bottom: 48px
}

.kruvasanItem a .proContent {
    position: absolute;
    left: 0;
    bottom: -50px
}

.lpdFlex {
    display: flex;
    align-items: center
}

.nmItem ul li.col-12:nth-child(1) a {
    font-weight: 600
}

.nmItem ul li.liTitle a {
    justify-content: center
}

.nmItem>ul>li.liTitle {
    width: 100%
}

.dual .nmItem>ul>li {
    width: 100%
}

.lpdVideo {
    height: 100vh;
    position: relative;
    margin-bottom: 20px
}

.lpdVideo video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pcTitle {
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 8px
}

.pcPrice {
    font-size: 15px;
    font-weight: 500
}

.proContent {
    padding-top: 10px
}

.acaiVideo video {
}

.acaiVideo {
    display: flex;
    justify-content: center
}

.nmItem>ul>li {
    width: 50%
}

.nmItem ul li a {
    height: 35px;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 300;
    justify-content: center
}

.nmItem ul {
    padding: 10px 15px;
    box-sizing: border-box
}

.nmTitle {
    padding: 20px;
    box-sizing: border-box
}

.nmTitle>li:nth-child(1) {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.fl.menuClose {
    position: absolute;
    right: 10px;
    top: 10px
}

.nmTitle>li:nth-child(2) {
    font-size: 38px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 0
}

.nmTitle>li:nth-child(3) {
    font-size: 13px;
    font-weight: 300
}

.nmTitle>li {
    text-align: center
}

.newMenu>.nmItem,.newMenu>.dual {
    border-top: 6px solid #f9e8d8
}

.nmiTitle {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    border-bottom: 4px solid #f9e8d8;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.newMenu>.dual>.nmItem:nth-child(1)>.nmiTitle,.newMenu>.dual>.nmItem:nth-child(1)>ul {
    border-right: 4px solid #f9e8d8;
    box-sizing: border-box
}

.acaibowlItem.one img {
    width: 600px
}

.proteinbarItemContent .title {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.proteinbarItemContent {
    text-align: center
}

.proteinbarItemContent .content {
    font-size: 22px;
    font-weight: 200;
    line-height: 175%
}

.proteinbarItem {
    display: flex;
    align-items: center
}

.proteinbarItem.three img {
    width: 600px
}

.proteinbarItem.three .proteinbarItemContent {
    padding-left: 60px;
    box-sizing: border-box
}

.proteinbarItem.two>.box {
    width: 33.33%
}

.proteinbarItem.two {
    padding: 60px 0;
    box-sizing: border-box
}

.kruvasanItem {
    display: flex
}

.kruvasanItem.two>.box:nth-child(1) {
    padding-right: 60px;
    box-sizing: border-box
}

.kruvasanItem.two>.box:nth-child(2) {
    padding-left: 60px;
    box-sizing: border-box
}

.kruvasanItemContent .content {
    font-size: 22px;
    font-weight: 200;
    line-height: 175%
}

.kruvasanItemContent {
    text-align: center
}

.kruvasanItem.four {
    padding: 60px 0
}

.kruvasanItem.six {
    padding: 60px;
    box-sizing: border-box
}

.kruvasanItemContent .title {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.kruvasanItem.two {
    padding: 40px 0;
    box-sizing: border-box
}

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

.granolaItem {
    display: flex;
    align-items: center
}

.granolaItem.one img,.granolaItem.two img {
    width: 600px
}

.granolaItemContent .title {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.granolaItemContent .content {
    font-size: 22px;
    font-weight: 200;
    line-height: 175%
}

.granolaItem.one {
    padding-bottom: 60px
}

.granolaItem.two .granolaItemContent {
    padding-right: 60px;
    box-sizing: border-box
}

.granolaItem.two {
    padding-bottom: 60px
}

.granolaItem.four {
    padding: 60px 0;
    box-sizing: border-box
}

.brownieItem.three {
    padding: 60px 0;
    box-sizing: border-box
}

.brownieItemContent .title {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.brownieItemContent {
    text-align: center
}

.brownieItemContent .content {
    font-size: 22px;
    font-weight: 200;
    line-height: 175%
}

.brownieItemContent .title:nth-child(3) {
    margin-top: 40px
}

.acaibowlItem {
    display: flex;
    align-items: flex-start
}

.acaibowlItemContent {
    text-align: center
}

.acaibowlItemContent .title {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.acaibowlItemContent .title:nth-child(3) {
    margin-top: 40px
}

.acaibowlItemContent .content {
    font-size: 22px;
    font-weight: 200;
    line-height: 175%
}

.acaibowlItem.two {
    padding: 60px 0;
    box-sizing: border-box
}

.biscottiItem.two .biscottiItemContent {
    padding-right: 60px;
    box-sizing: border-box
}

.biscottiItem.one {
    padding-bottom: 60px
}

.biscotti,.acaibowl,.brownie,.granola,.kruvasan,.proteinbar {
    max-width: 1200px;
    margin: 0 auto;
    float: none;
    padding: 50px 0;
    box-sizing: border-box
}

.biscottiItem {
    display: flex;
    align-items: center
}

.biscottiItem.two img,.biscottiItem.one video {
    width: 600px
}

.biscottiItemContent {
    text-align: center
}

.biscottiItemContent .title {
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.biscottiItemContent .title:nth-child(3) {
    margin-top: 40px
}

.biscottiItemContent .content {
    font-size: 22px;
    font-weight: 200;
    line-height: 175%
}

.biscottiItem.three {
    padding: 60px 0;
    box-sizing: border-box
}

.biscottiItem.six {
    padding: 10px 30px;
    box-sizing: border-box
}

.rowFlex {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.rowFlex .alignItems {
    text-align: center
}

.landingPageDevux {
    padding: 0;
    box-sizing: border-box;
    max-width: 1920px;
    margin: 0 auto;
    float: none
}

.topDesc {
    text-align: center;
    font-size: 22px;
    line-height: 150%;
    margin-bottom: 20px
}

.lpdTitle {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px
}

.lpdDesc {
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    font-weight: 200
}

.lpdContent {
    padding: 20px 0
}

.kuponuUygula {
    background: #27ae60;
    height: 40px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
    cursor: pointer
}

a#indirim.active {
    opacity: 1;
    visibility: visible;
    display: block
}

.kuponlar ul li.active span {
    color: #27ae60
}

.kuponuUygula.hideThis {
    display: none
}

.kuponlar ul li.uygulandi {
    background: #27ae60;
    color: #fff;
    border-color: #27ae60
}

.kuponlar ul li.uygulandi span {
    color: #fff
}

.kuponlar ul li.uygulandi span i {
    color: #fff
}

.kuponlar ul li.uygulandi div {
    color: #27ae60;
    background: #fff!important;
    z-index: 9
}

.kuponlar ul li {
    display: flex;
    justify-content: center;
    border: 2px solid #a50c0e;
    box-sizing: border-box;
    margin: 5px 0;
    flex-wrap: wrap;
    width: 140px;
    margin-right: 20px;
    height: 109px;
    flex-direction: column;
    padding: 0 12px;
    cursor: pointer
}

.kuponlar ul li span i {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    margin-top: 5px;
    display: block;
    color: #aaa
}

.kuponlar {
    padding: 15px 0
}

.kuponlar ul li.active div {
    background: #27ae60;
    z-index: 9
}

.kuponlar ul li div {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    cursor: pointer;
    background: #a50c0e;
    color: #fff;
    margin-top: 8px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1
}

.kuponlar ul li span {
    font-size: 14px;
    letter-spacing: .5px;
    width: 100%;
    font-weight: 700;
    text-align: center
}

.kuponlar ul li.active {
    border-color: #27ae60
}

.cart-item {
    position: relative
}

:not(#mainMenu)>.menu,:not(#mainMenu)>.menu div:not(.dynamicMenu) {
    background-color: inherit
}

:not(#mainMenu)>.menu {
    position: relative
}

.ht ul li a {
}

.menu-list {
    z-index: 33
}

.menu li {
    float: left
}

[dir=rtl] .menu li {
    float: right
}

.menu a {
    float: left;
    box-sizing: border-box
}

[dir=rtl] .menu a {
    float: right
}

.menu li.parentLink>a {
    padding-right: 40px;
    background-image: url(selectArrow.png);
    background-repeat: no-repeat;
    background-position: right center
}

[dir=rtl] .menu li.parentLink>a {
    padding-right: 20px;
    padding-left: 40px;
    background-position: 10px center
}

.menu li.parentLink>ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    display: none
}

[dir=rtl] .menu li.parentLink>ul {
    right: 0;
    left: auto
}

.menu li.parentLink li a {
    width: 100%
}

.menu li.parentLink li.parentLink ul {
    float: left;
    position: relative;
    box-sizing: border-box;
    border-left: 10px solid #dedede
}

[dir=rtl] .menu li.parentLink li.parentLink ul {
    float: right;
    border-right: 10px solid #dedede;
    border-left: 0
}

#mobileAppNotify {
    position: fixed;
    z-index: 9999
}

#appNotify {
    display: flex;
    align-items: center
}

#appLogo {
    margin-right: 10px;
    margin-left: 10px
}

#appLogo p {
    padding-bottom: 0
}

#appLogo img {
    max-width: 100%;
    width: auto;
    height: auto
}

#appBtn {
    white-space: nowrap
}

body:not(.iosMobile) #header {
    padding-top: 108px;
}

.sticky .dn-sticky {
    display: none
}

#headerTop span {
    height: 56px;
    line-height: 55px;
    font-size: 16px;
    color: #1a1a17;
    font-family: hinted-subset-champagnelimousines
}

[dir=rtl] #topMenu,[dir=rtl] #topMenu li,[dir=rtl] #topMenu a {
    float: right
}

#topMenu a {
    line-height: 30px;
    color: #545454;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #ddd
}

[dir=rtl] #topMenu a {
    border-right: 0;
    border-left: 1px solid #ddd
}

#topMenu ul li:hover>span,#topMenu ul li:hover>a {
    background: #e2e2e2
}

#headerTop select {
    height: 30px;
    padding: 0 30px 0 10px;
    background: url(selectArrow.png) no-repeat right center;
    border: 0;
    border-left: 1px solid #ddd;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #545454;
    font-size: 12px
}

[dir=rtl] #headerTop select {
    padding: 0 10px 0 30px;
    background: url(selectArrow.png) no-repeat 10px center;
    border-right: 1px solid #ddd;
    border-left: 0
}

#headerPhone {
    color: #545454;
    font-size: 12px;
    line-height: 30px
}

#basketList {
    position: absolute;
    top: 120%;
    right: 0;
    background: #fff;
    z-index: 3333;
    display: none;
    padding: 30px;
    width: 425px;
    border: 1px solid #000
}

#logo a {
    float: left;
    width: 100%
}

.sticky #logo a {
}

#logo p,#logo img {
    -webkit-transition-timing-function: cubic-bezier(.2,.02,.2,1);
    -moz-transition-timing-function: cubic-bezier(.2,.02,.2,1);
    -ms-transition-timing-function: cubic-bezier(.2,.02,.2,1);
    -o-transition-timing-function: cubic-bezier(.2,.02,.2,1);
    transition-timing-function: cubic-bezier(.2,.02,.2,1);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

#logo p {
    float: left;
    width: 100%;
    padding-bottom: 0
}

#logo img {
    display: inherit;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

#searchListWrap {
    position: relative
}

#live-search-box {
    top: 100%;
    left: -1px;
    z-index: 999
}

.forDesktop #FormAra:not(.focus) {
    border-color: transparent
}

.forDesktop #FormAra.focus {
    width: 14%;
    background: #f9f9f9;
    border: none
}

.forDesktop #FormAra.focus:before {
    content: ''
}

.forDesktop #FormAra:not(.focus):before {
    display: block;
    position: absolute;
    top: 11px;
    right: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #5e5e5e;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.sticky .forDesktop #FormAra:not(.focus):before {
    right: 38px;
    line-height: 38px
}

.sticky .forDesktop #FormAra:not(.focus):after {
    width: 38px;
    line-height: 38px
}

#FormAra input[type=text] {
    width: calc(100% - 48px);
    height: 48px;
    font-size: 16px;
    border: 0;
    box-sizing: border-box;
    color: #2f2f2f;
    float: right
}

#FormAra input[type=text]:focus {
    box-shadow: none
}

#FormAra button[type=submit] {
    position: relative;
    width: 48px;
    height: 48px;
    font-size: 20px;
    border: 0;
    cursor: pointer;
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/search.png) no-repeat center
}

#FormAra.focus input[type=text],#mobileWrapper #FormAra input[type=text],#FormAra.focus button[type=submit],#mobileWrapper #FormAra.focus button[type=submit] {
    display: block
}

#live-search {
}

#live-search-box {
    position: absolute;
    top: 100%;
    width: calc(100% + 2px);
    background: #fff;
    border-bottom: 0;
    z-index: 999
}

#live-search-box ul {
    float: left;
    width: 100%
}

#live-search-box li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec
}

#live-search-box a {
    float: left;
    width: 100%;
    font-weight: 600;
    display: flex;
    align-items: center
}

#live-search-box span,#live-search-box div.search-image {
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-left: 5px;
    overflow: hidden
}

#live-search-box img {
    margin: 0 auto
}

#mainMenu .menu>li {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 6px;
    margin-right: 6px
}

.menu>li>span>a {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    display: inline-block
}

.menu>li>span {
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center
}

.sticky #mainMenu a {
}

.menu li.parentLink>a {
    background-color: transparent
}

#mainMenu .parentLink li a {
    height: auto;
    font-size: 13px;
    color: #000;
    border-right: 0;
    letter-spacing: 1px;
    line-height: inherit;
    padding: 3px 0;
    font-family: poppins, sans-serif;
}

#mainMenu .parentLink .sublink-wrap li a {
    line-height: 17px;
    color: #797979
}

.subMenu {
    width: 1200px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.2)
}

.subMenu *:not(.dynamicMenu) {
    background-color: transparent
}

#mainMenu .parentLink li a sup {
    font-weight: 700;
    font-family: poppins
}

.SubNewCat h3 {
    font-weight: inherit;
    font-weight: 700
}

.menuTitle {
    font-size: 20px;
    padding-bottom: 10px
}

.subMenu a {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    box-sizing: border-box
}

.subMenu li li a {
    font-size: 11px;
    background-repeat: no-repeat;
    background-position: 0 center
}

.subMenu a:hover {
    background-color: #fff;
    padding-right: 10px;
    padding-left: 10px
}

.subMenu .dynamicMenu {
    background: #fff
}

#mainMenu .subMenu a:hover,#mainMenu .parentLink .sublink-wrap li a:hover {
    font-weight: 700
}

#headerBottom {
    height: 40px;
    overflow: hidden;
    background-color: #f1f1f1;
    line-height: 40px;
    color: #2f2f2f;
    font-family: poppins,sans-serif;
    font-size: 15px;
    font-weight: 600;
    position: relative
}

.sticky #headerBottom {
    height: 0
}

#alterMenu.menu>li:before {
    content: '.';
    float: left;
    line-height: 20px;
    font-size: 25px;
    margin-top: -17px
}

#alterMenu a {
    line-height: 20px;
    font-size: 11px;
    color: #5e5e5e
}

[dir=rtl] #alterMenu a {
    border-right: 0;
    border-left: 1px solid #ddd
}

#alterMenu li:last-child a {
    border-right: 0
}

[dir=rtl] #alterMenu li:last-child a {
    border-left: 0
}

#alterMenu .menu>li:hover a {
    color: #000
}

#alterMenu .menu>li:hover .subMenu {
    top: 29px;
    z-index: 3333
}

#alterMenu .menu>li:hover .subMenu a {
    border-right: 0
}

#alterMenu .menu>li:hover .subMenu a:hover {
    color: #f37121
}

#alterMenu .subMenu li,#alterMenu .subMenu a {
    line-height: 30px;
    border-color: #e0e0e0
}

.sticky .col-sticky-12 {
    width: 100%
}

.sticky .col-sticky-11 {
    width: 91.66666667%
}

.sticky .col-sticky-10 {
    width: 83.33333333%
}

.sticky .col-sticky-9 {
    width: 75%
}

.sticky .col-sticky-8 {
    width: 66.66666667%
}

.sticky .col-sticky-7 {
    width: 58.33333333%
}

.sticky .col-sticky-6 {
    width: 50%
}

.sticky .col-sticky-5 {
    width: 41.66666667%
}

.sticky .col-sticky-4 {
    width: 33.33333333%
}

.sticky .col-sticky-3 {
    width: 25%
}

.sticky .col-sticky-2 {
    width: 16.66666667%
}

.sticky .col-sticky-1 {
    width: 8.33333333%
}

.sticky .col-sticky-auto {
    width: auto
}

.close-btn {
    background: url(close.svg) no-repeat center center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 13px;
    cursor: pointer
}

body:not(.iosMobile) .active#header {
    padding-top: 115px
}

#mainMenu .menu>li.hover:hover>span a {
    border-bottom: 1px solid #000
}

#mainMenu .menu>li.hover:hover .subMenu a:after {
    border: none
}

#headerTop #basketList span {
    height: auto;
    text-align: left;
    line-height: 20px;
    font-size: 15px
}

.gotoPayment {
    height: 45px;
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    display: block;
    line-height: 45px;
    font-size: 16px
}

#headerTop .removeBtn {
    position: absolute;
    bottom: 19%;
    right: 15px
}

#basketList .totolPriceCart span {
    font-family: hinted-subset-champagnelimousines-bold
}

#basketList .totolPriceCart {
    font-size: 15px;
    font-family: hinted-subset-champagnelimousines-bold;
    color: #1a1a17;
    padding-right: 24px;
    box-sizing: border-box
}

#basketList:before {
    content: '';
    border-color: #ff000000 #6c6d6c00 #000 #faebd700;
    border-style: solid;
    border-width: 7px;
    width: 0;
    height: 0;
    position: absolute;
    right: 3px;
    top: -15px
}

.countTittleCart {
    font-size: 15px;
    line-height: 50px;
    font-family: hinted-subset-champagnelimousines;
    padding-left: 0
}

#FormAra.focus .icon-search:before {
    color: #1a1a17
}

.forDesktop #FormAra.focus input#live-search {
    background: #f9f9f9
}

a#cart-soft-count .cart-soft-count {
    position: absolute;
    top: -5px;
    right: 0;
    color: #fff;
    background: #000;
    width: 14px;
    height: 14px;
    font-size: 10px;
    border-radius: 25px;
    line-height: 14px;
    text-align: center;
    font-weight: 600
}

#basketList ul.middleItem {
    max-height: 328px;
    overflow-y: auto
}

.sticky #search:after {
    height: 26px;
    top: 34px
}

.HeaderSlogan>div {
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    letter-spacing: 1px
}

.HeaderKargo {
    background: #9bbdc7;
    color: #224651
}

.HeaderIndirim {
    background: #efb223;
    color: #332300
}

.HeaderInner {
    width: 100%
}

#headerRight>a {
    width: 26px;
    height: 26px;
    background-size: 100%
}

.mPara {
    background: url(https://cache.manuka.com.tr/elfinder/files/Anasayfa/parapuan.png) no-repeat center;
    width: 32px!important;
    height: 32px!important;
    display: none;
}

#headerMain.flexwrap {
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    position: relative
}

.bUrunFiyat {
    text-align: right
}

.bUrunAdi {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px
}

.BasketListBtn {
    margin-top: 10px
}

.bUrunVariant {
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.cart-item .image-wrapper {
    padding-bottom: 130%
}

.cart-item .qty {
    border: 0!important;
    font-size: 12px!important;
    color: #666!important;
    height: 20px!important;
    line-height: 20px!important;
    padding: 0!important;
    width: 30px!important;
    text-align: left!important
}

.cart-item .qtyBtns {
    justify-content: flex-start;
    padding: 0;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    height: inherit
}

.flexwrap.cart-item {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bUrunFiyat .discountedPrice {
    font-size: 12px;
    margin-bottom: 2px
}

.bUrunFiyat .text-semibold {
    font-size: 13px
}

.cart-item .qtyBtns>span {
    width: 45px;
    margin-right: 5px;
    line-height: 17px
}

.bUrunVariant>span {
    width: 45px;
    margin-right: 5px;
    float: left
}

.RemoveBtnBox {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1
}

.CartItemInfo {
    position: relative
}

.bUrunVariant>span:after {
    content: ":";
    margin-left: 5px
}

.cart-item .qtyBtns>span:after {
    content: ":";
    margin-left: 5px;
    float: right
}

.removeBtn {
    background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/delete.svg) no-repeat center;
    background-size: 100%;
    width: 15px;
    height: 17px;
    background-color: transparent!important;
    font-size: .1px;
    position: relative!important
}

.removeBtn:before {
    content: ""
}

.favSayi {
    position: absolute;
    top: -5px;
    right: -5px;
    color: #fff;
    background: #000;
    width: 14px;
    height: 14px;
    font-size: 10px;
    border-radius: 25px;
    line-height: 14px;
    text-align: center;
    font-weight: 600;
    display: none
}

.AnasayfaSlider {
    position: relative;
    z-index: 0
}

.dilAlani {
    height: 20px;
    text-align: right;
    position: relative;
    margin-bottom: 10px
}

.dilAlani ul li a img {
    max-width: 22px;
    max-height: 22px;
    vertical-align: text-bottom;
    margin-right: 5px
}

.dilAlani ul li a {
    line-height: 14px;
    color: #929292;
    font-size: 14px;
    float: left;
}

.dilSec ul li span {
    display: block;
    padding: 4px 0;
    line-height: 18px;
    color: #000;
    font-size: 14px;
    line-height: 12px;
    float: none;
    cursor: pointer height:inherit!important;
    line-height: 21px!important;
    margin-top: 4px;
    cursor: pointer
}

.dilSec ul li span img {
    vertical-align: text-bottom;
    margin-right: 5px;
    height: 20px;
}

.sticky .moonlight_gif img {
    height: 50px;
    margin-top: -10px
}

.SubMenuRight ul.col-3:nth-child(1) li {
    width: 50%
}

@media screen and (min-width: 768px) {
    #mainMenu .SubNewCat li:first-child a {
        font-size:1.17em;
        font-weight: 700;
        margin: 1em 0;
        font-family: poppins,sans-serif!important;
        letter-spacing: inherit;
        line-height: 1;
        padding: 0
    }

    .parentTop {
        display: none
    }

    .authorLink {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/user.svg) no-repeat center;
        margin: 0 15px
    }

    #favoribtn {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/like.svg) no-repeat center;
        position: relative
    }

    #cart-soft-count {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/shopping-cart.svg) no-repeat center;
        position: relative;
        margin-left: 15px
    }

    #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 888;
        background: #fff
    }

    .menu li.parentLink:hover>ul {
        display: block
    }

    .sticky #FormAra button[type=submit] {
    }
}

@media screen and (min-width: 1001px) {
    nav#mainMenu>ul>li:nth-child(3) .inner,nav#mainMenu>ul>li:nth-child(4) .inner {
        width: initial;
        padding-left: 90px;
        min-width: inherit;
        width: initial!important
    }

    nav#mainMenu>ul>li:nth-child(3) .subMenu,nav#mainMenu>ul>li:nth-child(4) .subMenu {
        min-width: inherit;
        width: inherit!important;
        right: inherit;
        left: inherit!important;
        transform: translateX(-80px)
    }

    #header-wrap {
        z-index: 23
    }

    .HeaderInner {
        position: relative;
        z-index: 2
    }

    body:not(.HomePage):not(.urunDetay) #content {
        padding-top: 0
    }

    body.urunDetay .NavContent {
    }

    #logo {
        margin-right: 8.33333333%
    }

    .SubNewCat li:first-child {
        margin-bottom: 6px
    }

    li.MenuSubBaslik {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 20px
    }

    .MenuRed {
        color: red!important;
        margin-top: 20px
    }

    #mainMenu .SubNewCat.aksesuar li a {
        font-size: 1.17em;
        font-weight: 700;
        font-family: poppins,sans-serif!important;
        letter-spacing: inherit;
        line-height: 1;
        padding: 0;
        margin-bottom: 20px!important
    }

    #mainMenu .SubNewCat.editorial li a {
        font-size: 1.17em;
        font-weight: 700;
        font-family: poppins,sans-serif!important;
        letter-spacing: inherit;
        line-height: 1;
        padding: 0;
        margin-bottom: 15px!important
    }

    .SubNewCat.editorial li:first-child {
        margin-bottom: 0;
    }

    #mainMenu .SubNewCat.aksesuar li {
        width: 100%;
        margin-bottom: 0
    }

    .SubNewCat.aksesuar {
        padding-left: 30px;
        box-sizing: border-box
    }

    .SubNewCat {
    }

    #headerRight.flexwrap {
        position: relative
    }

    #mainMenu .menu>li:nth-child(3) .SubNewCat {
        display: block
    }

    .menu>li>span>a {
        padding: 5px
    }

    #headerMain {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .menu.flexwrap {
        position: relative;
        padding-left: 0;
        justify-content: center
    }

    .AraBtn.Sclose {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/cross.svg) no-repeat center
    }

    #search {
        z-index: 33;
        border: 1px solid #000;
        background: #fff;
        width: 100%;
        position: absolute;
        right: 0;
        width: 300px;
        top: 100%
    }

    #search.Sopen {
        opacity: 1;
        visibility: visible
    }

    .AraBtn {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/search.svg) no-repeat center
    }
}

@media screen and (min-width: 1231px) {
    .giyimSub {
        padding-left:55px!important
    }

    #headerRight.flexwrap {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        flex-wrap: wrap
    }

    .subMenu .inner {
        width: 1200px
    }

    .menu>li>span>a {
    }
}

@media screen and (min-width: 1366px) {
}

@media screen and (min-width: 1440px) {
}

@media screen and (min-width: 1664px) {
    .HeaderInner {
        width:100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box
    }
}

@media screen and (min-width: 1900px) {
    .HeaderInner {
        width:1800px
    }
}

@media screen and (max-width: 1664px) {
    .SubMenuRight ul.col-3:nth-child(1) {
        width:33.33333333%
    }

    .SubMenuRight .col-6 {
        width: 41.66666667%
    }
}

@media screen and (max-width: 1000px) {
    .mobilMenu a+.SubNewCat {
        position: fixed;
        width: 100%;
        height: calc(100vh - 148px);
        z-index: 99999;
        left: -100%;
        top: 91px;
        transition: .3s all;
        overflow-y: auto;
        padding-top: 23px;
        background: #fff;
        z-index: 99
    }

    .mobilMenu a.active+.SubNewCat {
        left: 0;
        display: block!important
    }

    .mobilMenu a+.SubNewCatTwo {
        height: 100%;
        top: 90px;
        display: block;
        padding-bottom: 170px;
        z-index: 99
    }

    .parentTop {
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 15px;
        z-index: 999999;
        position: fixed;
        background-color: #fff;
        width: 100%;
        height: 95px;
        padding: 0 10px;
        box-sizing: border-box;
        left: -100%;
        transition: .3s all;
        top: 0;
        padding-top: 30px;
        flex-wrap: wrap
    }

    .parentTop #mobileSearch {
        margin: 0;
        width: 100%;
        margin-top: 15px
    }

    .subActive .parentTop {
        left: 0
    }

    .parentTop .menuClose {
        width: 30px;
        height: 30px;
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/close.png) no-repeat center center;
        background-size: 13px
    }

    .mobilMenu .SubNewCat>ul {
        display: block!important
    }

    .mobilMenu .SubNewCat>ul>li:first-child a,.mobilMenu .SubNewCatTwo li:first-child a {
        font-size: 18px!important;
        margin-bottom: 0;
        font-weight: 500!important
    }

    .mobilMenu .SubNewCat>ul>li a {
        font-size: 14px!important;
        color: #414141!important;
        line-height: 37px!important;
        width: 100%;
        display: block
    }

    .mobilMenu .SubNewCat.SubNewCatTwo>li a {
        font-weight: 300
    }

    .mobilMenu .parentMenu>a:not(.mobilMenu>li>a) {
        background: url(/Data/EditorFiles/tema/svg/right.svg) right center no-repeat;
        background-size: 11px
    }

    .menuBack:before {
        content: "";
        height: 16px;
        width: 13px;
        background: url(/Data/EditorFiles/tema/svg/right.svg) 1px center no-repeat;
        background-size: 14px;
        float: left;
        transform: rotate(180deg)
    }

    .cat_yeni {
        background: url(https://cache.manuka.com.tr/data/banner/images/-Data-EditorFiles-LandingPage-SlowCruise-menu-mobil-yeni.webp);
        background-size: cover;
        color: #fff!important
    }

    .mobilMenu>li>a {
        background-repeat: no-repeat;
        height: 95px;
        display: flex;
        align-items: flex-end;
        background-color: #f9f6f3;
        font-weight: 500;
    }

    .mobilMenu>li {
        margin-bottom: 10px;
        border-radius: 10px;
        overflow: hidden
    }

    .mobilMenu .cat_giyim {
        background-position: 90% center;
        background-size: 55px;
        color: #000!important;
        height: 50px;
        line-height: 50px!important
    }

    .cat_canta {
        background-position: 97% center;
        background-size: 73px;
        /* color: #000!important; */
        height: 50px!important;
        line-height: 50px!important
    }

    .cat_aksesuar {
        background-position: 98% center;
        background-size: 95px;
        color: #000!important;
        height: 50px!important;
        line-height: 50px!important
    }

    .cat_koleksiyon {
        background-position: 90% center;
        background-size: 58px;
        color: #000!important;
        height: 50px!important;
        line-height: 50px!important
    }

    .cat_outlet {
        background-position: 90% center;
        background-size: 60px;
        background: url(/Data/EditorFiles/indirim-mobil.jpg);
        background-size: cover;
    }

    #mobileMenu .text-title {
        font-size: 14px;
        line-height: 15px;
        margin-top: 15px
    }

    #mobileMenuMain span,#mobileMenuMain label,#mobileMenuMain select {
        line-height: 40px;
        font-size: 12px
    }

    .menuFour>div {
        padding: 2px
    }

    .menuFour {
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .menuFour::-webkit-scrollbar {
        display: none;
    }

    #mobileMenuMain a,#mobileMenuMain li span {
        line-height: 40px;
        font-size: 14px
    }

    #mobileMenu li ul a,#mobileMenu li ul span {
        line-height: 30px;
        font-size: 13px
    }

    #mobileOptions a,#mobileOptions span,#mobileOptions label,#mobileOptions select {
        font-size: 13px
    }

    .menuOverflow {
        position: relative
    }

    .menuPrev,.menuNext {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 15px;
        height: 100%;
        background-color: rgba(0,0,0,.3);
        z-index: 33
    }

    .menuPrev {
        left: 0
    }

    .menuNext {
        right: 0
    }

    .basketLink .icon-cart:before {
        margin-right: 0
    }

    #headerMain .icon-member-default,#headerMain .icon-cart {
        font-size: 16px
    }

    #headerRight {
        justify-content: end;
        align-items: center;
        width: 25%;
    }

    .dilAlani {
        float: right;
        margin-bottom: 0;
        width: max-content;
    }

    .menuBtnBox {
        display: flex;
        width: 25%;
    }

    #basketList {
        right: 10px;
        top: 100%
    }

    #search {
    }

    #headerMain {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .sticky .col-md-sticky-12 {
        width: 100%
    }

    .sticky .col-md-sticky-11 {
        width: 91.66666667%
    }

    .sticky .col-md-sticky-10 {
        width: 83.33333333%
    }

    .sticky .col-md-sticky-9 {
        width: 75%
    }

    .sticky .col-md-sticky-8 {
        width: 66.66666667%
    }

    .sticky .col-md-sticky-7 {
        width: 58.33333333%
    }

    .sticky .col-md-sticky-6 {
        width: 50%
    }

    .sticky .col-md-sticky-5 {
        width: 41.66666667%
    }

    .sticky .col-md-sticky-4 {
        width: 33.33333333%
    }

    .sticky .col-md-sticky-3 {
        width: 25%
    }

    .sticky .col-md-sticky-2 {
        width: 16.66666667%
    }

    .sticky .col-md-sticky-1 {
        width: 8.33333333%
    }

    .sticky .col-md-sticky-auto {
        width: auto
    }

    .forDesktop #FormAra:before {
        content: ''
    }

    #headerTop {
        height: 46px;
        line-height: 45px
    }

    #mainMenu a {
        font-size: 12px
    }

    .animate {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    #menuBtn {
        cursor: pointer;
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/menu.svg) no-repeat center;
        width: 20px;
        height: 20px;
        background-size: 100%;
        float: left
    }

    [dir=rtl] #menuBtn {
        background-position: 10px center
    }

    @-webkit-keyframes pageOverlayDefault {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes pageOverlayDefault {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    #pageOverlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7);
        z-index: 3333;
        opacity: 0;
        display: none;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-name: pageOverlayDefault;
        animation-name: pageOverlayDefault
    }

    @-webkit-keyframes pageOverlay {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes pageOverlay {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .menuShow #pageOverlay {
        display: block;
        -webkit-animation-name: pageOverlay;
        animation-name: pageOverlay
    }

    @-webkit-keyframes mobileMenuDefault {
        from {
            left: 0
        }

        to {
            left: -100%
        }
    }

    @-webkit-keyframes mobileMenuDefaultRtl {
        from {
            right: 0
        }

        to {
            right: -100%
        }
    }

    @keyframes mobileMenuDefault {
        from {
            left: 0
        }

        to {
            left: -100%
        }
    }

    @keyframes mobileMenuDefaultRtl {
        from {
            right: 0
        }

        to {
            right: -100%
        }
    }

    #mobileMenu.subActive {
        overflow: hidden;
        height: 100vh
    }

    #mobileMenu {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 9999;
        -webkit-animation-name: mobileMenuDefault;
        animation-name: mobileMenuDefault;
        height: calc(100% - 0px);
        padding-bottom: 90px
    }

    [dir=rtl] #mobileMenu {
        right: -100%;
        left: auto;
        -webkit-animation-name: mobileMenuDefaultRtl;
        animation-name: mobileMenuDefaultRtl
    }

    @-webkit-keyframes mobileMenu {
        from {
            left: -100%
        }

        to {
            left: 0
        }
    }

    @-webkit-keyframes mobileMenuRtl {
        from {
            right: -100%
        }

        to {
            right: 0
        }
    }

    @keyframes mobileMenu {
        from {
            left: -100%
        }

        to {
            left: 0
        }
    }

    @keyframes mobileMenuRtl {
        from {
            right: -100%
        }

        to {
            right: 0
        }
    }

    .menuShow #mobileMenu {
        -webkit-animation-name: mobileMenu;
        animation-name: mobileMenu
    }

    [dir=rtl] .menuShow #mobileMenu {
        -webkit-animation-name: mobileMenuRtl;
        animation-name: mobileMenuRtl
    }

    #mobileMenu .text-title {
        line-height: 45px;
        font-size: 20px
    }

    #mobileMenuMain span,#mobileMenuMain a,#mobileMenuMain label,#mobileMenuMain select {
        color: #222;
        cursor: pointer
    }

    #mobileMenu span.active {
        color: #e35252;
        font-weight: 600
    }

    #mobileMenu li ul a {
        color: #999;
        font-size: 15px;
        line-height: 35px
    }

    #mobileMenu select,[dir=rtl] #mobileMenu select {
        background: 0 0;
        border: 0
    }
}

@media screen and (max-width: 768px) {
    .login-general > .login-general-content {
        width: 100%;
        padding: 20px 0;
    }

    ul#membershipTabs li {
        border: .5px solid #ddd;
        margin: 0 5px;
        padding: 5px 15px;
        box-sizing: border-box;
    }

    ul#membershipTabs {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    ul#membershipTabs li.active {
        border-color: #000;
    }

    .m-item {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .look-2-flex > div {
        padding: 0 5px;
    }

    .wm-flex .UrunListeBottom {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .wm-flex .detailLink {
        padding: 0 10px;
    }

    .look-2-item {
        margin-top: 20px;
        margin-bottom: -35px;
    }

    .ag-item a {
        padding: 0;
    }

    .ag-item {
        padding-bottom: 20px;
    }

    .ag-item.ag-item-custom a:nth-child(1) {
        padding-right: 15px;
    }

    .ag-end > div, .ag-end > a {
        padding: 0 5px;
    }

    .ag-end > div > a:nth-child(1) {
        margin-bottom: 10px;
    }

    .yazi-1, .yazi-3 {
        padding: 25px 0 !important;
    }

    .look-container {
        padding: 20px 0 !important;
    }

    .yazi-2 {
        margin-bottom: 20px;
    }

    .sayac-devux {
        padding-bottom: 70%;
    }

    .sayac-devux p {
        font-size: 22px;
    }

    span#geriSayim ul li {
        font-size: 40px;
        padding: 0 2px;
    }

    .sc-banner-2 {
        grid-column-gap: 0px;
        padding: 0;
    }

    .menuFour ul {
        display: flex;
        margin-bottom: 10px;
    }

    .menuFour ul li {
        width: 49% !important;
        display: block;
        flex: none;
        margin-right: 5px;
        border-radius: 10px;
        overflow: hidden;
    }

    .menuFour ul li a {
        display: flex;
    }

    .homeBlog {
        padding: 20px 0px;
    }

    .homeBlogContent {
        grid-column-gap: 10px;
    }

    .hbiDate {
        font-size: 14px;
    }

    .hbiTitle {
        font-size: 16px;
    }

    .homeBlogTitle {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .btsUcluGeneral a {
        display: flex;
    }

    .btsSpace.btsUclu {
        padding: 0 2.5px;
        box-sizing: border-box;
    }

    .masterpieceProduct {
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 5px;
        grid-row-gap: 5px
    }

    .masterPieceOneText .masterPieceDesc {
        font-size: 14px;
        padding: 0 20px
    }

    .masterPieceTitle {
        margin-top: 5px
    }

    .masterpiecePadding.masterPieceOneText {
        padding: 0 0 10px
    }

    .masterpiecePadding {
        padding-top: 5px
    }

    .masterpiecePadding.masterPieceTwoText {
        padding: 20px
    }

    .masterPieceTwoText .masterPieceDesc {
        font-size: 14px
    }

    .masterpieceIkili>div {
        padding: 0 2.5px
    }

    .masterpieceIkili {
        padding-left: 2.5px;
        padding-right: 2.5px
    }

    .masterpieceBtn {
        padding-top: 20px
    }

    .masterpieceBtn a {
        font-size: 16px
    }

    .btsPaddingLp {
        padding-top: 5px
    }

    .btsLpIkili>div {
        padding: 0 2.5px
    }

    .btsLpIkili {
        .btsSpace.btsUclu {
            padding: 2px 4px 0 2px;
            box-sizing: border-box;
        }

        padding-left: 2.5px;
        padding-right: 2.5px
    }

    .btsTitle {
        font-size: 16px
    }

    .btsDesc {
        font-size: 14px
    }

    .btsLpText {
        padding: 20px!important
    }

    .btsLpUclu>div {
        padding: 0 2.5px
    }

    .btsLpUclu {
        padding-left: 2.5px;
        padding-right: 2.5px
    }

    .btsSpace {
        padding-top: 5px
    }

    .btsUcluGeneral>div {
        padding: 2.5px;
        width: 50%;
        display: block;
        flex: none;
    }

    .btsUcluGeneral {
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0;
    }

    .btsUclu::-webkit-scrollbar {
        display: none
    }

    .menuShow #mobileSearch {
        display: none
    }

    .menuShow #logo a svg path {
        fill: #000
    }

    .menuShow #header-wrap {
        background: #fff
    }

    .kayan-yazi {
        height: 30px
    }

    .kayan-yazi-container {
        bottom: 52px;
        height: 30px
    }

    .kayan-yazi li {
        font-size: 13px
    }

    .AnaInfAlan,.seoPadding {
        padding: 0 10px
    }

    .seoMetni h1 {
        margin-bottom: 20px
    }

    .htSlider {
        height: 33px;
        overflow: hidden
    }

    .htSlider a {
        padding: 5px 0;
        font-size: 11px;
        border-bottom: 1px solid
    }

    .pcTitle {
        font-size: 13px
    }

    .granolaItem.five a .proContent {
        bottom: -90px
    }

    .granolaItem.five a {
        margin-bottom: 58px
    }

    .acaibowlItem a {
        margin-bottom: 58px
    }

    .kruvasanItem a {
        margin-bottom: 58px
    }

    .proteinbarItem.two>.box {
        width: 100%
    }

    .proteinbarItem {
        flex-wrap: wrap
    }

    .proteinbarItem.two {
        padding: 0
    }

    .proteinbarItemContent .title {
        font-size: 24px
    }

    .proteinbarItemContent .content {
        font-size: 16px
    }

    .proteinbarItem.three .proteinbarItemContent {
        padding-left: 0;
        padding-top: 30px
    }

    .proteinbarItem.eight>.box {
        padding: 5px
    }

    .kruvasanItem.two>.box {
        width: 100%
    }

    .kruvasanItem {
        flex-wrap: wrap
    }

    .kruvasanItem.two>.box:nth-child(1) {
        padding-right: 0
    }

    .kruvasanItem.two>.box:nth-child(2) {
        padding-left: 0
    }

    .kruvasanItemContent .title {
        font-size: 24px
    }

    .kruvasanItemContent .content {
        font-size: 16px
    }

    .kruvasanItem.four {
        padding: 30px 0
    }

    .kruvasanItem.two {
        padding: 20px 0
    }

    .kruvasanItem.six {
        padding: 20px
    }

    .kruvasanItem.eight>.box {
        padding: 0;
        margin-top: 10px
    }

    .kruvasanItem.seven>.box {
        padding: 0;
        margin-top: 10px
    }

    .granolaItem {
        flex-wrap: wrap
    }

    .granolaItemContent .title {
        font-size: 24px
    }

    .granolaItemContent .content {
        font-size: 16px
    }

    .granolaItem.two .granolaItemContent {
        padding-right: 0
    }

    .granolaItem.one {
        padding-bottom: 30px
    }

    .granolaItemContent {
        padding-top: 30px
    }

    .granolaItem.two>.granolaItemContent {
        order: 2
    }

    .granolaItem.one img,.granolaItem.two img {
        width: 100%
    }

    .granolaItem.four {
        padding: 30px 0
    }

    .granolaItem.five>.box {
        padding: 5px
    }

    .acaibowlItemContent {
        padding-top: 30px
    }

    .brownieItem.two>.box {
        width: 100%
    }

    .brownieItemContent .title {
        font-size: 24px
    }

    .brownieItemContent .content {
        font-size: 16px
    }

    .fl.col-12.brownie {
    }

    .brownieItem.five>.box {
        padding: 5px
    }

    .acaibowlItem {
        flex-wrap: wrap
    }

    .acaibowlItem.one img {
        width: 100%
    }

    .acaibowlItemContent .title {
        font-size: 24px
    }

    .acaibowlItemContent .content {
        font-size: 16px
    }

    .acaibowlItem.four>.col {
        padding: 0;
        margin-bottom: 10px
    }

    .acaibowlItem.five>.col {
        padding: 0;
        margin-bottom: 10px
    }

    .biscotti,.acaibowl,.brownie,.granola,.kruvasan,.proteinbar {
        max-width: none;
        float: left;
        padding: 20px 0
    }

    .biscottiItem.two img,.biscottiItem.one video {
        width: 100%
    }

    .biscottiItemContent {
        width: 100%;
        padding-top: 30px
    }

    .biscottiItem {
        flex-wrap: wrap
    }

    .biscottiItemContent .title {
        font-size: 24px
    }

    .biscottiItemContent .content {
        font-size: 16px
    }

    .biscottiItem.two .biscottiItemContent {
        padding-right: 0
    }

    .biscottiItem.three {
        padding: 20px 0
    }

    .biscottiItem.six {
        padding: 5px
    }

    .biscottiItem.six>.box {
        padding: 5px
    }

    .biscottiItem.two>div {
        order: 2
    }

    .biscottiItem.one {
        padding-bottom: 30px
    }

    .landingPageDevux {
        padding: 20px 5px
    }

    .topDesc {
        font-size: 12px;
        font-weight: 400
    }

    .lpdDesc {
        font-size: 13px
    }

    .lpdTitle {
        font-size: 18px
    }

    .landingPageDevux .box {
        padding: 5px
    }

    body:not(.iosMobile) #header {
        padding-top: 40px;
    }

    #mobileMenu li ul a.all_cat {
        font-size: 11px!important;
        line-height: 20px!important;
        display: flex
    }

    #mobileMenu li ul a.all_cat:after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/all_ikon.png) no-repeat center center;
        background-size: 9px
    }

    .kuponlar ul li {
        width: 32%;
        margin: 0;
        padding: 0 6px
    }

    .kuponlar ul {
        display: flex;
        justify-content: space-between
    }

    .kuponlar ul li span i {
        font-size: 10px
    }

    .menuBack {
        font-weight: 500
    }

    .menu-bar {
        display: flex;
        box-shadow: 0 -14px 13px -14px rgba(0,0,0,.12);
        height: 52px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9999;
        justify-content: space-around;
        box-sizing: border-box;
        border-top: .2px solid #000;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background: rgba(255,255,255,.4)
    }

    .menu-bar>div {
        width: 20%;
        display: flex;
        position: relative
    }

    .menu-bar a#cart-soft-count .cart-soft-count {
        width: 18px;
        height: 18px;
        line-height: 18px;
        top: 8px;
        right: 20px
    }

    .menu-bar a {
        font-size: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-weight: 500
    }

    .menu-bar a:before {
        content: '';
        width: 42px;
        height: 35px;
        margin-bottom: 4px
    }

    a.m-logo:before {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/m_logo.png) no-repeat center;
        background-size: 32px
    }

    html[lang=en] a.m-logo:before {
        background: url(https://www.manuka.com.tr//Data/EditorFiles/m.png) no-repeat center;
        background-size: 42px
    }

    a.m-fav:before {
        background: url(/Data/EditorFiles/tema/svg/like.svg) no-repeat center;
        background-size: 20px
    }

    a.m-cart:before {
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/shopping-cart.svg) no-repeat center;
        background-size: 20px
    }

    a.m-user:before {
        background: url(/Data/EditorFiles/tema/svg/user.svg) no-repeat center;
        background-size: 20px
    }

    a.m-cuzdan:before {
        background: url(https://cache.manuka.com.tr/elfinder/files/Anasayfa/parapuan.png) no-repeat center;
        background-size: 26px;
        margin-bottom: 0
    }

    .HeaderSlogan>div {
        padding: 7px;
        font-size: 11px
    }

    .dilSec>ul {
        display: block!important
    }

    .dilAlani .dropdown {
        float: left;
    }

    .dilAlani ul li a {
        font-size: 11px;
        color: #fff;
    }

    .dilAlani ul li a img {
        width: 18px;
        margin: 0;
    }

    #mobileMenu .dilAlani .dropdown-menu {
        left: 0
    }

    #mobileMenuMain .dilAlani li span.forDesktop {
        display: block!important;
        float: right
    }

    #basketList {
        width: 100%;
        right: 0
    }

    #basketList:before {
        right: 4%
    }

    #logo {
        padding: 0;
        width: 100%
    }

    #header {
        padding-top: 120px
    }

    #search:after,#search:before {
        height: 0
    }

    #headerMain .basketLink {
    }

    .sticky .col-sm-sticky-12 {
        width: 100%
    }

    .sticky .col-sm-sticky-11 {
        width: 91.66666667%
    }

    .sticky .col-sm-sticky-10 {
        width: 83.33333333%
    }

    .sticky .col-sm-sticky-9 {
        width: 75%
    }

    .sticky .col-sm-sticky-8 {
        width: 66.66666667%
    }

    .sticky .col-sm-sticky-7 {
        width: 58.33333333%
    }

    .sticky .col-sm-sticky-6 {
        width: 50%
    }

    .sticky .col-sm-sticky-5 {
        width: 41.66666667%
    }

    .sticky .col-sm-sticky-4 {
        width: 33.33333333%
    }

    .sticky .col-sm-sticky-3 {
        width: 25%
    }

    .sticky .col-sm-sticky-2 {
        width: 16.66666667%
    }

    .sticky .col-sm-sticky-1 {
        width: 8.33333333%
    }

    .sticky .col-sm-sticky-auto {
        width: auto
    }

    #mobileAppNotify {
        background-color: #6e6e6e
    }

    #appNotify {
        position: relative;
        z-index: 9999
    }

    #appNotifyClose {
        font-size: 30px;
        margin-right: 10px
    }

    #applogo {
        display: flex;
        width: 90px;
        height: 60px;
        align-items: center
    }

    #applogo * {
        margin: 0;
        padding: 0
    }

    #appNotify a {
    }

    .menu-list,.menu-list li,.menu-list a {
        width: 100%
    }

    .menu-list.show,.menu li.parentLink ul.show {
        display: block
    }

    #headerMain {
        padding-top: 10px;
        padding-bottom: 15px
    }

    #logo a svg {
        height: 20px
    }

    #logo a {
        text-align: center
    }

    #logo p {
        height: 20px;
        text-align: center
    }

    #logo a img {
        width: auto;
        display: inline;
        vertical-align: middle
    }

    #search {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #f6f6f7;
        border-radius: 3px;
        display: block
    }

    #mobileSearch {
        margin-left: 10px;
        width: calc(100% - 20px);
        display: none;
    }

    div#mobileMenuMain {
        padding-top: 50px
    }

    #mainWrapper.menuShow {
        overflow: hidden;
        height: 100vh
    }

    #FormAra {
        position: relative;
        height: 30px
    }

    #FormAra:before {
        content: ''
    }

    #FormAra input[type=text] {
        padding-top: 0;
        padding-bottom: 0;
        height: 30px;
        font-size: 13px;
        background-color: transparent
    }

    #FormAra input[type=text]::-webkit-input-placeholder {
        line-height: 25px;
        font-size: 15px;
        color: #a8a8a8
    }

    #FormAra input[type=text]::-moz-placeholder {
        line-height: 25px;
        font-size: 15px;
        color: #a8a8a8
    }

    #FormAra input[type=text]:-ms-input-placeholder {
        line-height: 25px;
        font-size: 15px;
        color: #a8a8a8
    }

    #FormAra input[type=text]:-moz-placeholder {
        line-height: 25px;
        font-size: 15px;
        color: #a8a8a8
    }

    #live-search-box {
        opacity: 0
    }

    #mobileOptions {
        line-height: 50px
    }

    #mobileOptions a,#mobileOptions span,#mobileOptions label,#mobileOptions select {
        color: #363636;
        font-size: 15px;
        text-transform: capitalize
    }

    #mobileOptions select {
        height: 50px;
        line-height: 50px
    }

    #header-wrap .cart-soft-count {
        width: 20px;
        height: 20px;
        line-height: 20px
    }

    #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 9999;
        height: auto;
        padding-bottom: 5px
    }

    .subActive #header-wrap {
        z-index: 99
    }

    #menuBtn {
        font-size: 25px
    }

    #mainMenu {
        border-radius: 0
    }

    #closeMobileMenu {
        font-size: 14px;
        height: 20px;
        width: 20px;
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/img/close.png) no-repeat center center;
        display: none;
        background-size: 15px;
    }

    .menuShow #closeMobileMenu {
        display: block
    }

    .menuShow #menuBtn {
        display: none
    }

    #FormAra input[type=text]::-webkit-input-placeholder {
        font-size: 13px
    }

    #FormAra input[type=text]::-moz-placeholder {
        font-size: 13px
    }

    #FormAra input[type=text]:-ms-input-placeholder {
        font-size: 13px
    }

    #FormAra input[type=text]:-moz-placeholder {
        font-size: 13px
    }

    #FormAra button[type=submit] {
        height: 30px;
        z-index: 999;
        background-size: 19px
    }

    .sticky .col-xs-sticky-12 {
        width: 100%
    }

    .sticky .col-xs-sticky-11 {
        width: 91.66666667%
    }

    .sticky .col-xs-sticky-10 {
        width: 83.33333333%
    }

    .sticky .col-xs-sticky-9 {
        width: 75%
    }

    .sticky .col-xs-sticky-8 {
        width: 66.66666667%
    }

    .sticky .col-xs-sticky-7 {
        width: 58.33333333%
    }

    .sticky .col-xs-sticky-6 {
        width: 50%
    }

    .sticky .col-xs-sticky-5 {
        width: 41.66666667%
    }

    .sticky .col-xs-sticky-4 {
        width: 33.33333333%
    }

    .sticky .col-xs-sticky-3 {
        width: 25%
    }

    .sticky .col-xs-sticky-2 {
        width: 16.66666667%
    }

    .sticky .col-xs-sticky-1 {
        width: 8.33333333%
    }

    .sticky .col-xs-sticky-auto {
        width: auto
    }
}

@media screen and (max-width: 540px) {
    .m-order-1 {
        order: 1;
    }

    .m-order-2 {
        order: 2;
    }

    .m-order-3 {
        order: 3;
    }

    .m-order-4 {
        order: 4;
    }

    .m-order-5 {
        order: 5;
    }

    .m-order-6 {
        order: 6;
    }

    .m-order-7 {
        order: 7;
    }

    .m-order-8 {
        order: 8;
    }

    .m-order-9 {
        order: 9;
    }

    .m-order-10 {
        order: 10;
    }

    .m-order-11 {
        order: 11;
    }

    .m-order-12 {
        order: 12;
    }

    .m-order-13 {
        order: 13;
    }

    .m-order-14 {
        order: 14;
    }

    .m-order-15 {
        order: 15;
    }

    .m-order-16 {
        order: 16;
    }

    .m-order-17 {
        order: 17;
    }

    .m-order-18 {
        order: 18;
    }

    .m-order-19 {
        order: 19;
    }

    .m-order-20 {
        order: 20;
    }

    .m-order-21 {
        order: 21;
    }

    .m-order-22 {
        order: 22;
    }

    .m-order-23 {
        order: 23;
    }

    .m-order-24 {
        order: 24;
    }

    .m-order-25 {
        order: 25;
    }

    .mobileSearchOpen {
        cursor: pointer;
        background: url(https://www.manuka.com.tr/Data/EditorFiles/tema/svg/search2.svg) no-repeat center;
        width: 22px;
        height: 22px;
        background-size: 100%;
        float: left;
        margin-left: 15px;
        margin-top: -1px;
    }

    .m-item {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 20px;
    }

    .contentRightTitle {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .m-item-name {
        font-size: 13px;
    }

    .m-item-address {
        font-size: 13px;
    }

    .swim-lp {
        padding: 0 10px;
        grid-row-gap: 10px;
    }

    .look2-img {
        width: 50%;
    }

    .look-video {
        width: 50%;
    }

    .wm-look2 {
        gap: 10px;
    }

    .look-2-container .yazi-2 {
        padding-top: 25px;
    }

    .wm-ikili.look-3 {
        padding: 0 !important;
    }

    .wm-ikili.video-3 {
        padding: 0 !important;
        align-items: flex-start;
    }

    .video-3 > div:nth-child(1) {
        width: 60% !important;
    }

    .video-3 > div:nth-child(2) {
        width: 40%;
    }

    .wm-flex.wm-ikili.nope-padding {
        padding: 0;
    }

    .island-lp .wm-flex.wm-ikili {
        gap: 0;
    }

    .wm-ikili.look-5 {
        padding: 0 !important;
    }

    .swim-flex {
        gap: 10px;
    }

    .swim-lp .catalogWrapper {
        grid-row-gap: 10px;
    }

    .island-lp .catalogWrapper {
        grid-row-gap: 0;
    }

    .wm-flex.wm-uclu.ag-uclu .productItem {
        width: 46%;
    }

    .wm-flex.wm-uclu.ag-uclu {
        flex-wrap: wrap;
    }

    .essentials-top-img {
        margin-bottom: 10px;
    }

    .yazi-3 {
        padding: 10px 0;
    }

    .selected-yazi-3 {
        margin-right: -46px;
    }

    .wm-flex.wm-dortlu > .productItem {
        width: 50%;
    }

    .wm-flex.wm-dortlu {
        flex-wrap: wrap;
    }

    .selected-top {
        padding: 0;
    }

    .selected-top-text {
        padding-left: 30px;
    }

    .seleted-top-img {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .selected-yazi-2, .selected-yazi-4 {
        padding: 20px 0;
    }

    .canta-img > .productItem {
        padding-right: 100px;
        box-sizing: border-box;
    }

    .canta-img > a {
        margin-left: -150px;
    }

    .kirmizi-bg:after {
        width: 150px;
        height: 50px;
        background-size: 100%;
    }

    .siyah-bg .detailLink {
        padding: 3px;
    }

    .wm-banner-2 {
        padding: 10px 0;
    }

    .wm-banner-2 .fl:nth-child(1) {
        margin-bottom: 5px;
    }

    .wm-banner-3 {
        margin-bottom: 10px;
    }

    .wm-banner-1 {
        margin-bottom: 10px;
    }

    .wm-flex .detailLink {
        padding-right: 10px;
        font-size: 11px;
    }

    .wm-flex .productItem .image-wrapper.detailLink {
        padding-bottom: 125%;
    }

    .wm-flex.wm-ikili {
        padding: 0 0px;
        gap: 10px;
    }

    .kirmizi-bg {
        padding: 30px 40px;
    }

    .wm-uclu.kirmizi-bg {
        gap: 0px !important;
    }

    .wm-uclu.siyah-bg {
        padding: 5px;
    }

    .wm-uclu.siyah-bg {
        gap: 0px !important;
    }

    .wm-uclu.siyah-bg .productItem {
        flex: none;
        display: block;
        width: 50%;
        margin-right: 5px;
    }

    .wm-flex.wm-uclu.siyah-bg {
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        display: flex;
        grid-column-gap: 10px;
        justify-content: flex-start;
    }

    .wm-flex.wm-uclu.siyah-bg::-webkit-scrollbar {
        display: none;
    }

    .wm-flex.wm-uclu.kirmizi-bg::-webkit-scrollbar {
        display: none;
    }

    .wm-uclu.kirmizi-bg .productItem {
        flex: none;
        display: block;
        width: 50%;
        margin-right: 5px;
    }

    .wm-flex.wm-uclu.kirmizi-bg {
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        display: flex;
        grid-column-gap: 10px;
        justify-content: flex-start;
    }

    .wm-flex.wm-uclu {
        gap: 5px;
        padding: 0;
    }

    .wm-flex .currentPrice {
        font-size: 13px;
    }

    .gsb-content-image {
        margin-bottom: 10px;
    }

    .m-pt-0 {
        padding-top: 0px !important;
    }

    .m-pt-10 {
        padding-top: 10px !important;
    }

    .m-pt-20 {
        padding-top: 20px !important;
    }

    .m-pt-30 {
        padding-top: 30px !important;
    }

    .m-pt-40 {
        padding-top: 40px !important;
    }

    .m-pt-50 {
        padding-top: 50px !important;
    }

    .m-pt-60 {
        padding-top: 60px !important;
    }

    .m-pt-70 {
        padding-top: 70px !important;
    }

    .m-pt-80 {
        padding-top: 80px !important;
    }

    .m-pt-90 {
        padding-top: 90px !important;
    }

    .m-pt-100 {
        padding-top: 100px !important;
    }

    .m-pl-0 {
        padding-left: 0px !important;
    }

    .m-pl-10 {
        padding-left: 10px !important;
    }

    .m-pl-15 {
        padding-left: 15px !important;
    }

    .m-pl-20 {
        padding-left: 20px !important;
    }

    .m-pl-30 {
        padding-left: 30px !important;
    }

    .m-pl-40 {
        padding-left: 40px !important;
    }

    .m-pl-50 {
        padding-left: 50px !important;
    }

    .m-pl-60 {
        padding-left: 60px !important;
    }

    .m-pl-70 {
        padding-left: 70px !important;
    }

    .m-pl-80 {
        padding-left: 80px !important;
    }

    .m-pl-90 {
        padding-left: 90px !important;
    }

    .m-pl-100 {
        padding-left: 100px !important;
    }

    .m-pr-0 {
        padding-right: 0px !important;
    }

    .m-pr-10 {
        padding-right: 10px !important;
    }

    .m-pr-15 {
        padding-right: 15px !important;
    }

    .m-pr-20 {
        padding-right: 20px !important;
    }

    .m-pr-30 {
        padding-right: 30px !important;
    }

    .m-pr-40 {
        padding-right: 40px !important;
    }

    .m-pr-50 {
        padding-right: 50px !important;
    }

    .m-pr-60 {
        padding-right: 60px !important;
    }

    .m-pr-70 {
        padding-right: 70px !important;
    }

    .m-pr-80 {
        padding-right: 80px !important;
    }

    .m-pr-90 {
        padding-right: 90px !important;
    }

    .m-pr-100 {
        padding-right: 100px !important;
    }

    .m-row-0 {
        grid-row-gap: 0px;
    }

    .m-row-5 {
        grid-row-gap: 5px;
    }

    .m-row-10 {
        grid-row-gap: 10px;
    }

    .m-row-20 {
        grid-row-gap: 20px;
    }

    .m-row-30 {
        grid-row-gap: 30px;
    }

    .m-row-40 {
        grid-row-gap: 40px;
    }

    .m-row-50 {
        grid-row-gap: 50px;
    }

    .m-row-60 {
        grid-row-gap: 60px;
    }

    .m-row-70 {
        grid-row-gap: 70px;
    }

    .m-row-80 {
        grid-row-gap: 80px;
    }

    .m-row-90 {
        grid-row-gap: 90px;
    }

    .m-row-100 {
        grid-row-gap: 100px;
    }

    .m-column-0 {
        grid-column-gap: 0px;
    }

    .m-column-5 {
        grid-column-gap: 5px;
    }

    .m-column-10 {
        grid-column-gap: 10px;
    }

    .m-column-20 {
        grid-column-gap: 20px;
    }

    .m-column-30 {
        grid-column-gap: 30px;
    }

    .m-column-40 {
        grid-column-gap: 40px;
    }

    .m-column-50 {
        grid-column-gap: 50px;
    }

    .m-column-60 {
        grid-column-gap: 60px;
    }

    .m-column-70 {
        grid-column-gap: 70px;
    }

    .m-column-80 {
        grid-column-gap: 80px;
    }

    .m-column-90 {
        grid-column-gap: 90px;
    }

    .m-column-100 {
        grid-column-gap: 100px;
    }

    .m-grid-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .m-grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .m-grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .m-grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .m-grid-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .m-grid-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .m-grid-7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .m-grid-8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .m-grid-9 {
        grid-template-columns: repeat(9, 1fr);
    }

    .m-grid-10 {
        grid-template-columns: repeat(10, 1fr);
    }

    .m-grid-11 {
        grid-template-columns: repeat(11, 1fr);
    }

    .m-grid-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    .manuka-x-me {
        padding: 0 20px;
    }

    .manuka-x-me a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .banner-grid {
        padding: 0;
        grid-row-gap: 5px;
    }

    .banner-item-text {
        font-size: 16px;
        padding: 20px;
    }

    ul#beyondTheStreetSlider li div a {
        height: 50%;
        width: 100%;
    }

    .home-seo-block {
        padding: 0px 10px;
        margin: 0;
    }

    .hsb-content {
        padding-right: 10px;
        max-height: 120px;
    }

    .gsb-content-desc h1 {
        font-size: 16px;
    }

    .gsb-content-desc * {
        font-size: 11px;
    }

    ul#beyondTheStreetSlider li div a:nth-child(1) {
        top: 0;
    }

    ul#beyondTheStreetSlider li div a:nth-child(2) {
        bottom: 0;
        top: auto;
    }

    .back-to-classics-home {
        grid-row-gap: 5px;
    }

    .btch-item.btch-dortlu {
        padding: 0;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .btch-item {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .btch-item.btch-ikili {
        grid-template-columns: repeat(1,1fr);
    }

    .btc-item.btc-text {
        padding: 10px;
        font-size: 14px;
        line-height: 150%;
    }

    .btc-item.btc-uclu {
        padding: 0;
        grid-template-columns: repeat(1,1fr);
    }

    .btc-item.btc-altili {
        grid-template-columns: repeat(1,1fr);
        padding: 0;
    }

    .btc-item.btc-dokuzlu {
        grid-template-columns: repeat(1,1fr);
        padding: 0;
    }

    .btc-item-btn {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .lp-product {
        padding: 0;
    }

    .btc-item {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .btc-item.btc-ikili.no-space {
        grid-column-gap: 10px;
    }

    .back-to-classics {
        grid-row-gap: 10px;
    }

    .btc-product {
        margin-bottom: 10px;
    }

    .btc-product-name {
        font-size: 11px;
    }

    .btc-product-price {
        font-size: 13px;
    }

    ul#blackFridaySlider {
        margin-bottom: 5px;
    }

    .bfItem {
        margin-bottom: 5px;
    }

    .bfiUclu {
        grid-template-columns: repeat(1,1fr);
        grid-row-gap: 5px;
    }

    .bfiIkili {
        grid-template-columns: repeat(1,1fr);
        grid-row-gap: 5px;
    }

    .speBlog3 .blogImage2 {
        padding-top: 20px;
    }

    .speBlog3 .blogText1 {
        padding: 20px;
        font-size: 14px;
    }

    .speBlog3 .blogImage3, .speBlog3 .blogImage4, .speBlog3 .blogImage5, .speBlog3 .blogImage6 {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }

    .speBlog3 .blogImage3 img, .speBlog3 .blogImage4 img, .speBlog3 .blogImage5 img, .speBlog3 .blogImage6 img {
        max-width: 100%;
        order: 1;
    }

    .speBlog3 .blogText2, .speBlog3 .blogText3, .speBlog3 .blogText4, .speBlog3 .blogText5 {
        order: 2;
        padding: 0;
        font-size: 14px;
        padding-top: 20px;
    }

    .speBlog3 .blogText2 b, .speBlog3 .blogText3 b, .speBlog3 .blogText4 b, .speBlog3 .blogText5 b {
        margin-bottom: 10px;
    }

    .speBlog3 .blogImageGrid1 {
        padding: 0;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 5px;
        grid-row-gap: 5px;
    }

    .speBlog3 .blogBtn1 {
        padding: 40px 0;
    }

    .speBlog3 .blogBtn1 a {
        font-size: 16px;
    }

    .speBlog2 .blogText1 {
        font-size: 10px;
        padding: 0;
        top: 50%;
    }

    .speBlog2 .blogImage3, .speBlog2 .blogImage5 {
        padding: 0;
        padding-top: 40px;
        flex-wrap: wrap;
    }

    .speBlog2 .blogText2, .speBlog2 .blogText4 {
        min-width: 100%;
        order: 2;
        font-size: 14px;
        padding: 0;
        padding-top: 20px;
    }

    .speBlog2 .blogImage3 img, .speBlog2 .blogImage5 img {
        order: 1;
        max-width: 100%;
    }

    .speBlog2 .blogText3 {
        min-width: 100%;
        order: 2;
        font-size: 14px;
        padding: 0;
        padding-top: 20px;
    }

    .speBlog2 .blogImage4 {
        flex-wrap: wrap;
        padding: 0;
        padding-top: 40px;
    }

    .speBlog2 .blogImage4 img {
        width: 100%;
    }

    .speBlog2 .blogText5 {
        font-size: 14px;
        line-height: 150%;
        padding: 40px 0;
    }

    .speBlog2 .blogBtn1 a {
        font-size: 16px;
    }

    .speBlog2 .blogImage6 {
        padding-top: 40px;
    }

    .speBlog1 .blogText1 {
        padding: 20px;
        font-size: 14px;
    }

    .speBlog1 .blogText3 {
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }

    .speBlog1 .blogText4 {
        position: relative;
        color: #000;
        width: 100%;
        font-size: 14px;
        left: 0;
        top: 0;
        padding-top: 10px;
    }

    .speBlog1 .blogText2 {
        position: relative;
        width: 100%;
        color: #000;
        font-size: 14px;
        right: 0;
        top: 0;
        padding-top: 10px;
    }

    .speBlog1 .blogText5 {
        padding: 20px 10px;
        font-size: 14px;
    }

    .speBlog1 .blogBtn1 a {
        font-size: 16px;
    }

    .speBlog1 .blogImage5 {
        padding-top: 40px;
    }

    .speBlog1 .blogImage2 {
        margin-bottom: 20px;
    }

    .speBlog1 .blogImage3 {
        margin-bottom: 20px;
    }

    .speBlog1 .blogImage4 {
        margin-bottom: 20px;
    }

    .homeBlogContent {
        grid-template-columns: repeat(1,1fr);
        grid-column-gap: 0;
        grid-row-gap: 30px;
    }

    .hbiDate {
        font-size: 12px;
    }

    .hbiTitle {
        font-size: 14px;
    }

    .homeBlog {
        padding: 10px;
    }
}

@font-face {
    font-family: futurabook;
    src: url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_book_font-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futuramedium;
    src: url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_medium_bt-webfont.eot);
    src: url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_medium_bt-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_medium_bt-webfont.woff) format('woff'),url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_medium_bt-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futuralight;
    src: url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_light_font-webfont.eot);
    src: url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_light_font-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_light_font-webfont.woff) format('woff'),url(https://www.manuka.com.tr/Data/EditorFiles/tema/font/futura_light_font-webfont.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}