@media(max-width:1024px) {
    .index-yonlendirme-btn {
        bottom: 24px !important;
    }

    .carousel-inner img {
        max-height: 100% !important;
        object-fit: contain !important;
    }
}

@media (min-width: 1200px) and (max-width:1399.98px) {
    .brand-ciftcilere-ozel-slider-navbar > ul {
        gap: 28px !important;
    }

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

    .navbar-wrapper {
        gap: 20px !important;
    }

    .navbar-nav {
        gap: 4px !important;
    }


    .button-login {
        text-wrap: nowrap !important;
    }

    .zipziraat-logo-text {
        font-size: 36px !important;
    }

    .index-live-container {
        margin-top: -660px !important;
    }

    .up-down-arrow {
        right: 20px !important;
    }



    /*Index CSS Burada Bitiyor*/
    .farm-product-boxes-colorful {
        padding-left: 56px !important;
    }

    .farm-products-container {
        margin-top: -300px !important;
        padding-right: 76px !important;
        padding-left: 76px !important;
    }

    .make-comment-button > div {
        flex-direction: column !important;
    }

    .campaign-section-common-padding {
        padding: 76px !important;
    }


    .farm-product-boxes-wrapper {
        height: 100% !important;
    }


    .latest-comment-plus-icon {
        width: 24px !important;
        height: 24px !important;
    }


    .zip-support-common-padding {
        padding: 76px !important;
    }
}

@media (min-width: 1367px) and (max-width:1440.98px) {

    .header-padding {
        padding: 0px 30px !important;
    }

    .navbar-wrapper {
        gap: 20px !important;
    }

    .navbar-nav {
        gap: 12px !important;
    }

        .navbar-nav > li {
            text-wrap: nowrap !important;
        }

    .button-login {
        text-wrap: nowrap !important;
    }

    .zipziraat-logo-text {
        font-size: 42px !important;
    }


    .up-down-arrow {
        right: 20px !important;
    }

    .farm-products-container {
        margin-top: -300px !important;
        padding-right: 76px !important;
        padding-left: 76px !important;
    }

    .make-comment-button > div {
        flex-direction: column !important;
    }

    .campaign-section-common-padding {
        padding: 76px !important;
    }

    .latest-comment-plus-icon {
        width: 24px !important;
        height: 24px !important;
    }


    .zip-support-common-padding {
        padding: 76px !important;
    }




    .product-price-text > span {
        font-size: 36px !important;
    }

        .product-price-text > span > span {
            font-size: 36px !important;
        }
}

@media (min-width: 1441px) and (max-width:1830px) {
    .zip-support-common-padding {
        padding: 76px !important;
    }

    .zipziraat-logo-text {
        font-size: 42px !important;
    }

    .navbar-wrapper {
        gap: 60px !important;
    }

    .navbar-nav {
        gap: 1rem !important;
    }

        .navbar-nav > li {
            text-wrap: nowrap !important;
        }

    .button-login {
        text-wrap: nowrap !important;
    }


    .up-down-arrow {
        right: 20px !important;
    }

    .farm-products-container {
        margin-top: -30px !important;
    }


    .brand-name {
        font-size: 30px !important;
    }

    .brand-profile-navbar > nav {
        padding: 0px !important;
    }

    .brand-info-area {
        width: calc(100% - 202px) !important;
    }

    .make-comment-button > div {
        margin-right: 12px !important;
    }


    .text-campaign-fourth {
        font-size: 52px !important;
        line-height: 72px !important;
    }

    .campaign-hero-box {
        padding: 32px 32px !important;
    }

    .passage-dwellers-navbar > li {
        text-wrap: nowrap !important;
    }

    .latest-comment-plus-icon {
        width: 24px !important;
        height: 24px !important;
    }

    .campaign-section-common-padding {
        padding: 76px !important;
    }
}
/* 1 - Index Responsive CSS Buradan Başlıyor*/
@media (max-width: 767px) {
    .degisim-title {
        display: block;
    }

    .degisim-subtitle {
        display: block;
        font-size: 16px
    }

    .mobil-header-user-icon {
        left: 140px !important;
    }

    .product-detail-hero-basket {
        right: 0px !important;
        bottom: 4px !important;
        position: absolute !important;
    }

    .index-live-pricing-items {
        max-height: 610px;
        overflow-y: scroll;
    }

    .desktop-change-name {
        display: none !important;
    }

    .index-live-price-col {
        padding: 0px !important;
    }

    .up-down-arrow {
        right: -4px !important;
        width: 16px !important;
        height: 16px !important;
    }

    .ziraat-logo-blue {
        width: 40px !important;
    }

    .zipziraat-logo-text {
        font-size: 32px !important;
    }



    .hero-slider-items {
        gap: 0px !important;
    }

    .index-hero-slider {
        margin: 0px 12px !important;
        padding-right: 48px !important;
        padding-left: 48px !important;
    }

    .hero-product-box-item {
        flex: 0 0 10%;
        padding-right: 12px !important;
    }
    /*Index Live Borsa Responsive CSS Kodları Buradan Başlıyor*/
    .index-live-container {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .index-live-wrapper {
        flex-wrap: wrap !important;
        margin: 0px !important;
        /*padding-right: 0px !important;*/
    }

    .index-live-contain {
        flex-direction: column !important;
        padding: 0px !important;
    }

    .index-live-box-left {
        padding: 32px 12px !important;
    }

    .change-percentage-wrapper {
        gap: 12px !important;
    }

    .index-live-price {
        text-wrap: nowrap !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .index-live-bottom {
        flex-direction: column-reverse !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .index-asist-navbar-wrapper {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .index-asist-navbar {
        display: flex;
        overflow-x: scroll;
        cursor: grab;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .index-asist-navbar::-webkit-scrollbar {
            display: none;
        }

        .index-asist-navbar ul {
            display: inline-flex;
            transition: transform 0.3s ease;
            will-change: transform;
        }

            .index-asist-navbar ul li {
                white-space: nowrap;
                flex-shrink: 0;
            }

    .zip-assist-arrow-controls {
        display: none !important;
    }


    /*İndex Zip Assist Responsive CSS Kodları Burada Bitiyor*/


    .index-search-contain {
        flex-direction: column !important;
    }
    /*İndex Search Area Responsive CSS Kodları Burada Bitiyor*/

    /*Çiftçilere Özel Responsive CSS KOdları Buradan Başlıyor*/
    .ciftcilere-ozel-slider-container {
        padding: 2rem 1.5rem 1.5rem !important;
    }

    .farmer-special-slider-items > article {
        flex: 0 0 100%;
    }

    .index-farmer-special-slider-items-wrapper {
        padding-left: 0px !important;
    }
    /*Çiftçilere Özel Responsive CSS KOdları Burada Bitiyor*/
    .index-live-pricing-items {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .index-live-pricing-items::-webkit-scrollbar {
            display: none;
        }

    .what-we-do-slider-item-box {
        padding-right: 40px !important;
        justify-content: start;
        min-height: 580px !important;
    }

    .index-medya-aciklama {
        margin-top: 60px !important;
    }

    .what-we-do-slider-btn {
        bottom: 32px !important;
        right: 32px !important;
    }



    .index-live-wrapper-first-boxing {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .index-live-wrapper {
        flex-wrap: wrap !important;
        margin: 0px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        gap: 40px !important;
    }


    .ciftcilere-ozel-slider-container {
        transform: scale(1) !important;
        transform-origin: center center;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .index-yonlendirme-btn {
        bottom: 32px !important;
        right: 32px !important;
        padding-left: 64px !important;
    }

    .close-btn-location {
        right: 10rem;
        top: -1.75rem;
        width: 3rem !important;
        height: 3rem !important;
        position: absolute;
    }

    .home-page-location,
    .home-page-location-logged-account {
        width: 90% !important;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: 650px;
        padding-bottom: 0.5rem !important;
    }

    .location-wrapper,
    .location-main-mobil {
        justify-content: space-between !important;
    }

        .location-wrapper a {
            height: fit-content !important;
        }

    .location-main-mobil-center {
        flex-direction: row !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .mobil-header-user-icon {
        left: 140px !important;
        width: fit-content
    }

    .degisim-title {
        display: block;
    }

    .degisim-subtitle {
        display: block;
        font-size: 20px
    }

    .zip-dukkan-expand-btn > svg {
        width: 32px !important;
        height: 32px !important;
    }

    .main-header-menu > ul {
        margin-bottom: 60px !important;
    }

    .desktop-change {
        display: none !important;
    }

    .desktop-change-name {
        display: none !important;
    }



    .hero-product-box-item {
        flex: 0 0 25% !important;
    }



    .zipziraat-logo-text {
        font-size: 32px !important;
    }



    .hero-slider-items {
        gap: 16px !important;
    }



    .index-hero-card-ps {
        top: 100px !important;
        right: 16px !important;
    }


    .index-live-contain {
        flex-direction: column !important;
        width: 100% !important;
    }

    .index-live-box-left {
        padding: 40px !important;
    }

    .index-live-bottom {
        flex-direction: column !important;
        padding: 16px 24px !important;
    }

        .index-live-bottom p,
        .index-live-bottom span {
            font-size: 16px !important;
        }

    .latest-comments-item-box {
        flex: 0 0 80% !important;
    }


    .index-live-container {
        margin: -200px 24px 0px 24px !important;
    }




    .ciftcilere-ozel-slider-container {
        transform: scale(1) !important;
        transform-origin: center center;
    }

    .zip-dukkan-expand-btn {
        width: 52px !important;
        height: 52px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index-yonlendirme-btn {
        bottom: 23px !important;
        right: 24px !important;
        padding-left: 64px !important;
    }

    #sliderContainer {
        transform: scale(1) !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        height: 400px !important;
    }

        #sliderContainer img {
            height: 400px !important;
        }

    .close-btn-location {
        right: 20rem;
        top: -1.75rem;
        width: 3rem !important;
        height: 3rem !important;
        position: absolute;
    }

    .home-page-location,
    .home-page-location-logged-account {
        width: 90% !important;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: 780px;
        padding-bottom: 0.5rem !important;
    }

    .location-wrapper,
    .location-main-mobil {
        justify-content: space-between !important;
    }

        .location-wrapper a {
            height: fit-content !important;
        }

    .location-main-mobil-center {
        flex-direction: row !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .mobil-header-user-icon {
        left: 140px !important;
        width: fit-content
    }

    .change-percentage {
        position: relative;
        padding: 20px 8px;
        min-width: 130px !important;
        flex-basis: 130px !important;
        text-align: left;
    }

    .main-header-menu > ul {
        margin-bottom: 80px !important;
    }

    .index-hero-slider {
        padding-left: 24px !important;
    }

    .hero-product-box-item {
        flex: 0 0 15% !important;
    }

    .zipziraat-logo-text {
        font-size: 40px !important;
    }

    .hero-slider-items {
        gap: 0px !important;
    }

    .index-hero-slider {
        transform: scale(1) !important;
        transform-origin: center center !important;
        margin-right: 24px !important;
        margin-left: 24px !important;
    }

    .index-hero-card-ps {
        top: 128px !important;
        right: 24px !important;
    }



    .index-live-wrapper {
        flex-wrap: wrap !important;
        margin: 0px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        gap: 40px !important;
    }


    .index-live-contain {
        flex-direction: column !important;
        padding: 0px !important;
        width: 100% !important;
    }

    .index-live-bottom {
        flex-direction: row !important;
    }

    .index-live-box-left {
        padding: 32px 24px !important;
    }

    .change-percentage-wrapper {
        gap: 12px !important;
    }

    .index-live-price {
        text-wrap: nowrap !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .index-live-bottom {
        flex-direction: row !important;
        padding: 24px 40px 0px 40px !important;
    }

        .index-live-bottom p,
        .index-live-bottom span {
            font-size: 18px !important;
        }



    .index-asist-navbar {
        display: flex;
        overflow: hidden;
        cursor: grab;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .index-asist-navbar::-webkit-scrollbar {
            display: none;
        }

        .index-asist-navbar ul {
            display: inline-flex;
            transition: transform 0.3s ease;
            will-change: transform;
        }

            .index-asist-navbar ul li {
                white-space: nowrap;
                flex-shrink: 0;
            }

    .zip-assist-arrow-controls {
        display: none !important;
    }



    .index-search-contain {
        gap: 12px !important;
    }

    .ciftcilere-ozel-slider-container {
        padding: 40px 16px !important;
    }

    .index-farmer-special-slider-items-wrapper {
        padding-left: 0px !important;
    }


    .what-we-do-slider-heading {
        padding: 40px 16px !important;
    }

    .what-we-do-slider-wrapper {
        margin-top: 40px !important;
    }



    .front-content {
        padding-bottom: 120px !important;
    }

    .index-yonlendirme-btn {
        bottom: 23px !important;
        right: 24px !important;
        padding-left: 64px !important;
    }

    .what-we-do-slider-item-box > div:first-child > p {
        padding-right: 24px;
        margin-top: 40px !important;
    }

    .index-live-pricing-items {
        max-height: 600px;
        overflow-y: scroll;
    }

    .index-live-pricing-items {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }


        .index-live-pricing-items::-webkit-scrollbar {
            display: none;
        }

    .what-we-do-slider-btn {
        bottom: 23px !important;
        right: 24px !important;
    }

    .desktop-change > div {
        flex-wrap: nowrap !important;
    }

    #sliderContainer {
        transform: scale(1) !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
    }


    .index-live-container {
        transform: scale(1) !important;
        transform-origin: center center;
        margin: -264px 24px 0px 24px !important;
        padding-top: 40px !important;
    }


    .ciftcilere-ozel-slider-container {
        transform: scale(1) !important;
        transform-origin: center center;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .what-we-do-slider-heading {
        transform: scale(1) !important;
        transform-origin: center center;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media(min-width:1200px) and (max-width:1439.98px) {

    .zipziraat-genel-logo {
        gap: 16px !important;
    }

    .home-page-location {
        position: absolute;
        z-index: 10;
        top: 100px;
        right: 44px;
        transition: all 0.3s ease;
    }

    #sliderContainer {
        padding-right: 20px !important;
        padding-left: 16px !important;
        transform: scale(1) !important;
    }


    .index-live-container {
        padding: 40px 16px 80px 16px !important;
    }

    .index-live-contain {
        gap: 24px !important;
    }




    .index-live-pricing-items {
        max-height: 496px !important;
    }

    .live-head-text {
        font-size: 18px !important;
    }




    .index-farmer-special-slider-items-wrapper {
        padding-left: 16px !important;
    }



    what-we-do-slider-btn {
        bottom: 56px !important;
    }

    .index-search-contain {
        gap: 8px !important;
    }


    /*Son Revizede Görsel Algıya Göre eklenen kodlar  buradan başlıyor*/
    .index-live-bottom {
        padding-right: 24px !important;
        padding-left: 24px !important;
        padding-top: 24px !important;
    }

    .index-live-wrapper {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }



    .ciftcilere-ozel-slider-container {
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    .what-we-do-slider-heading {
        transform: scale(1) !important;
        transform-origin: center center !important;
        margin-right: 48px !important;
        margin-left: 48px !important;
    }


    .what-we-do-slider-wrapper {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -126px;
        margin-right: -126px;
        overflow: visible;
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    .index-live-box-left {
        padding: 80px 40px !important;
    }

    .index-live-box-text {
        font-size: 56px !important;
        line-height: 72px !important;
    }

    .farmer-special-slider-items article {
        flex: 0 0 400px;
    }




    .index-medya-aciklama {
        font-size: 24px !important;
        line-height: 40px !important;
    }


    .index-live-box-text {
        font-size: 40px !important;
        line-height: 56px !important;
    }


    .farmer-special-slider-items img {
        height: 364px !important;
    }

    .index-live-bottom p {
        font-size: 21px !important;
    }


    .change-percentage,
    .index-live-price,
    .index-live-product-name {
        font-size: 15px !important;
    }
    /*Son Revizede Görsel Algıya Göre eklenen kodlar burada bitiyor*/


    /*Live Ekran Borsa CSS Kodları*/

    /*Live Ekran Borsa CSS Kodları*/
    .live-borsa-items-index-boxs {
        padding: 12px 0 0px !important;
        padding-left: 0 !important;
    }

    .change-percentage {
        position: relative !important;
        padding: 0px 8px !important;
        min-width: 120px !important;
        flex-basis: 120px !important;
        text-align: left !important;
    }

    .desktop-change {
        display: none !important;
    }

    .desktop-price-wrap-index {
        display: none !important;
    }

    /* Mobil değişim alanı */
    .mobil-change {
        display: flex !important;
        align-items: stretch !important;
        flex-direction: row !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    .mobil-price-wrap-index {
        flex-grow: 1 !important;
        padding: 12px 0 0 0 !important;
        margin: 0 !important;
        width: 100% !important;
        justify-content: end !important;
        align-items: end !important;
    }

    /* Fiyat kolonları */
    .index-live-price-col.desktop-index-price-col {
        display: none !important;
    }

    .index-live-price-col.mobile-index-price-col {
        display: block !important;
        padding-left: 32px !important;
    }

    .mobile-direction-col {
        display: block !important;
    }

    /* Başlık hizalamaları */
    .live-head-text:nth-child(2),
    .live-head-text:nth-child(3) {
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Değişim kutuları */
    .mobil-change > div {
        position: relative !important;
        padding: 4px 16px !important;
        flex: 1 !important;
        width: 33.333% !important;
        min-width: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 !important;
    }

        .mobil-change > div span {
            white-space: nowrap !important;
        }

        .mobil-change > div:nth-child(1) {
            border-bottom-left-radius: 12px !important;
            background: #26B573;
        }

        .mobil-change > div:nth-child(2) {
            background: #D30041;
        }

        .mobil-change > div:nth-child(3) {
            background: #38A2FF;
            border-bottom-right-radius: 12px !important;
        }

    /* Font boyutları */
    .index-live-price,
    .index-live-product-name {
        font-size: 17px !important;
    }

    /* Ek olarak bu ekran boyutu için özel ayarlar */
    .index-live-change-short-third-box {
        display: none !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 32px !important;
    }

        .index-live-change-short-third-box span {
            flex: 1 !important;
            text-align: center !important;
            font-size: 18px !important;
        }
}

@media(min-width:1440px) and (max-width:1559.98px) {
    .farm-product-boxes-wrapper.farm-product-boxes-wrapper-campaing-bxs {
        height: 100% !important;
    }


    .index-live-pricing-items {
        height: 530px !important;
    }

    .index-live-box-left {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }

    .index-live-bottom {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }

    .index-live-wrapper {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }

    .index-live-container {
        margin-bottom: 0px !important;
        padding-top: 64px !important;
    }

    .index-live-contain {
        gap: 24px !important;
    }


    .index-farmer-special-slider-items-wrapper {
        padding-left: 16px !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding-bottom: 80px !important;
        padding-left: 40px !important;
    }

    what-we-do-slider-btn {
        bottom: 56px !important;
    }

    .index-search-contain {
        gap: 8px !important;
    }


    .index-live-pricing-items {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }


        .index-live-pricing-items::-webkit-scrollbar {
            display: none;
        }




    /*Son Revizede Görsel Algıya Göre eklenen kodlar  buradan başlıyor*/




    .index-live-box-left {
        height: 100% !important;
    }


    .index-live-box-text {
        font-size: 56px !important;
        line-height: 72px !important;
    }

    .farmer-special-slider-items article {
        flex: 0 0 400px;
    }

   
  

    .index-live-box-text {
        font-size: 48px !important;
        line-height: 72px !important;
    }

    .farmer-special-slider-items img {
        height: 364px !important;
    }
    /*Live Ekran Borsa CSS Kodları*/
    .change-percentage {
        position: relative;
        padding: 20px 8px;
        min-width: 108px;
        flex-basis: 108px;
        text-align: left;
        flex-grow: 1;
    }


    .desktop-change > span:nth-child(1) {
        background: #D30041;
        font-size: 15px !important;
    }

    .desktop-change > span:nth-child(2) {
        background: #26B573;
        font-size: 15px !important;
    }


    .desktop-change > span:nth-child(3) {
        background: #38A2FF;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
        flex-grow: 1;
        /*flex-basis: auto;*/
        font-size: 15px !important;
    }

    .index-live-price {
        font-size: 15px !important;
    }

    .index-live-price-col {
        padding-left: 0px !important;
        padding-right: 60px !important;
    }

    .live-borsa-items-index-boxs {
        padding-left: 12px !important;
    }

    .mobil-change {
        display: none !important;
    }


    .live-borsa-items-index-boxs > div > div {
        font-size: 15px !important;
    }

        .live-borsa-items-index-boxs > div > div > span {
            font-size: 15px !important;
        }

    .index-live-change-short-third-box {
        margin-left: -20px !important;
    }

        .index-live-change-short-third-box > span:nth-child(1) {
            padding-left: 0px !important;
        }

        .index-live-change-short-third-box > span:nth-child(2),
        .index-live-change-short-third-box > span:nth-child(3) {
            padding-left: 10px !important;
        }
    /*Live Ekran Borsa CSS Kodları*/
}

@media(min-width:1560px) and (max-width:1919.98px) {
    .farm-product-boxes-wrapper.farm-product-boxes-wrapper-campaing-bxs {
        height: 100% !important;
    }

    .index-live-pricing-items {
        height: 530px !important;
    }

    .index-live-box-left {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }

    .index-live-bottom {
        padding-right: 72px !important;
        padding-left: 72px !important;
    }

    .index-live-wrapper {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }

    .index-live-container {
        margin-bottom: 0px !important;
        padding-top: 64px !important;
    }


    /*Son Revizede Görsel Algıya Göre eklenen kodlar  buradan başlıyor*/

    .index-live-container {
        transform: scale(0.9);
        transform-origin: top center;
        margin-top: -780px !important;
        margin-right: 52px !important;
        margin-left: 52px !important;
    }

    .ciftcilere-ozel-slider-container {
        padding-right: 52px !important;
        padding-left: 54px !important;
    }

    .what-we-do-slider-heading {
        transform: scale(0.9);
        transform-origin: top center;
        margin-right: 52px !important;
        margin-left: 52px !important;
    }



    .what-we-do-slider-wrapper {
        padding-left: 0px;
        padding-right: 0px;
        left: 50%;
        right: 50%;
        overflow: visible;
        transform: scale(0.9);
        transform-origin: top center;
    }

    .index-live-box-left {
        height: 100% !important;
    }

    .index-hero-slider {
        transform: scale(0.9);
        transform-origin: top center;
        margin-right: 48px !important;
        margin-left: 48px !important;
    }

    .index-live-box-text {
        font-size: 56px !important;
        line-height: 72px !important;
    }


    .farmer-special-slider-items article {
        flex: 0 0 400px;
    }

   

    .index-live-contain {
        gap: 24px !important;
    }

    .index-live-pricing-items {
        max-height: 600px !important;
    }

    .ciftcilere-ozel-slider-container {
        padding-right: 26px !important;
        padding-left: 26px !important;
    }

    .index-farmer-special-slider-items-wrapper {
        padding-left: 16px !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding-bottom: 80px !important;
    }


    what-we-do-slider-btn {
        bottom: 56px !important;
    }

    .index-search-contain {
        gap: 8px !important;
    }


    .index-live-pricing-items {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }


        .index-live-pricing-items::-webkit-scrollbar {
            display: none;
        }





    /*Live Ekran Borsa CSS Kodları*/
    .change-percentage {
        position: relative;
        padding: 20px 8px;
        min-width: 108px;
        flex-basis: 108px;
        text-align: left;
        flex-grow: 1;
    }


    .desktop-change > span:nth-child(1) {
        background: #D30041;
        font-size: 15px !important;
    }

    .desktop-change > span:nth-child(2) {
        background: #26B573;
        font-size: 15px !important;
    }


    .desktop-change > span:nth-child(3) {
        background: #38A2FF;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px;
        flex-grow: 1;
        /*flex-basis: auto;*/
        font-size: 15px !important;
    }

    .index-live-price {
        font-size: 15px !important;
    }

    .index-live-price-col {
        padding-left: 0px !important;
        padding-right: 60px !important;
    }

    .live-borsa-items-index-boxs {
        padding-left: 12px !important;
    }

    .mobil-change {
        display: none !important;
    }


    .live-borsa-items-index-boxs > div > div {
        font-size: 15px !important;
    }

        .live-borsa-items-index-boxs > div > div > span {
            font-size: 15px !important;
        }

    .index-live-change-short-third-box {
        margin-left: -10px !important;
    }

        .index-live-change-short-third-box > span:nth-child(1) {
            padding-left: 0px !important;
        }

        .index-live-change-short-third-box > span:nth-child(2),
        .index-live-change-short-third-box > span:nth-child(3) {
            padding-left: 0px !important;
        }
    /*Live Ekran Borsa CSS Kodları*/

}

@media(min-width:2560px) {
    .what-we-do-slider-item-box {
        flex: 0 0 26.4% !important;
    }

    .farm-product-boxes-wrapper.farm-product-boxes-wrapper-campaing-bxs {
        height: 100% !important;
    }
}

/*Index Responsive CSS Burada Bitiyor*/

/* 3 - Marka Profili Responsive CSS Buradan Başlıyor*/

@media (max-width: 767.98px) {
    .question-card-button-wrapper {
        flex-direction: column !important;
        gap: 68px !important;
    }

    .brand-ciftcilere-ozel-slider-arrow {
        display: none !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding: 40px 0px 24px !important;
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    .brand-ciftcilere-ozel-slider-navbar-wrapper {
        display: flex;
        flex-direction: column;
        align-items: start !important
    }

    .brand-ciftcilere-ozel-slider-navbar {
        display: flex;
        overflow: hidden;
        cursor: grab;
        max-width: 370px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .brand-ciftcilere-ozel-slider-navbar::-webkit-scrollbar {
            display: none;
        }

        .brand-ciftcilere-ozel-slider-navbar > ul {
            display: flex;
            white-space: nowrap;
            gap: 24px;
            padding: 0;
            margin: 0;
            list-style: none;
            transition: transform 0.3s ease;
            will-change: transform;
        }

        .brand-ciftcilere-ozel-slider-navbar li {
            display: inline-block;
            flex-shrink: 0;
        }

    .brand-name {
        display: none !important;
    }


    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları buradan başlıyor*/
    .zip-avantaj-second-nav {
        padding: 0px !important;
        margin-right: 0px !important;
    }

    .avantaj-search-container {
        min-width: 100%;
        margin-top: 24px;
    }


    .zip-avantaj-product-item {
        width: 100% !important;
        flex: 0 0 auto;
    }

    .zip-avantaj-product-info {
        padding: 1.5rem !important;
    }



    .zip-avantaj-bottom-category ul {
        flex-direction: column !important;
    }

    .kategori-degistir-btn {
        width: 100% !important;
    }
    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları burada bitiyor*/




    .brand-nav .menu-items li a.brand-nav-active {
        right: 4px !important;
    }

    .zip-menu-icon {
        width: 32px !important;
        height: 32px !important;
    }
    .zip-avantaj-search-icon {
        right: 10px;
        width: 24px;
        height: 24px;

    }
}

@media (min-width: 768px) and (max-width:991.98px) {


    .farmer-special-slider-items article {
        flex: 0 0 404px;
        max-width: 404px;
    }

    .brand-profile-text-area {
        margin-top: 48px !important;
    }

    .product-and-info-container {
        padding: 320px 24px 620px 24px !important;
    }

    .navbar-toggler {
        display: inline-block;
    }


    .menu-items {
        display: none !important;
        flex-direction: column;
        position: absolute !important;
        top: 60px !important;
        right: 0px !important;
        padding: 60px 10px;
        z-index: 10;
        background: #ffffff !important;
        width: 100% !important;
        box-shadow: 20px 20px 40px #00000005;
        height: 600px !important;
        gap: 54px !important;
    }

    .brand-profile-svg-menu-icon {
        display: block !important;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 100;
        margin-right: 48px;
        margin-top: 0px;
    }

    .menu-items.open {
        display: flex !important;
    }

    .question-card-button-wrapper {
        flex-direction: column !important;
        gap: 68px !important;
    }


    .brand-ciftcilere-ozel-slider-arrow {
        display: none !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding: 40px 16px !important;
    }

    .brand-ciftcilere-ozel-slider-navbar-wrapper {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        gap: 24px;
    }

    .brand-ciftcilere-ozel-slider-navbar {
        display: flex;
        overflow: hidden;
        cursor: grab;
        max-width: 670px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .brand-ciftcilere-ozel-slider-navbar::-webkit-scrollbar {
            display: none;
        }

        .brand-ciftcilere-ozel-slider-navbar > ul {
            display: flex;
            white-space: nowrap;
            gap: 24px;
            padding: 0;
            margin: 0;
            list-style: none;
            transition: transform 0.3s ease;
            will-change: transform;
        }

        .brand-ciftcilere-ozel-slider-navbar li {
            display: inline-block;
            flex-shrink: 0;
        }

    .avantaj-search-container {
        min-width: 100%;
        margin-top: 24px;
    }

    .zip-avantaj-bottom-category ul {
        flex-direction: column !important;
    }

    .kategori-degistir-btn {
        width: 100% !important;
    }
    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları burada bitiyor*/

    .brand-heading-text {
        padding-right: 24px !important;
    }

    .product-and-info-wrapper {
        transform: scale(1);
        transform-origin: top center;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }



    .brand-info-area-second-yorumlar {
        text-align: end !important;
    }

    .urunbrandz.brand-info-zip-avantaj-page-navbar > svg {
        margin-top: -56px !important;
    }

    .zip-avantaj-gor-wrapper {
        width: 100% !important;
        padding-left: 40px !important;
        padding-right: 32px !important;
    }

    .zip-avantaj-gor-main-container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .kategori-nav-wrapper {
        max-width: 700px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #kategoriUrunListesiList {
        flex-direction: row !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .zip-avantaj-search-icon {
        right: 10px;
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 991.98px) and (orientation: landscape) {



    .urun-profil-latest-comments-container.marka-profili-latest-comment {
        margin-top: -200px !important;
    }



    .brand-profile-container {
        padding: 120px 0px !important;
        top: -100vh !important; /* Landscape modunda daha yüksek bir değer */
        margin-top: 140px !important;
    }


    .brand-info-area {
        width: 100%;
        padding: 150px 24px 40px 24px !important; /* Yatay görünüm için padding artırıldı */
    }



    .product-and-info-container {
        padding: 280px 24px 520px 24px !important; /* Landscape için optimize edildi */
    }

    .brand-profile-navbar {
        top: 350px !important; /* Landscape için düşürüldü */
        /*  right: 64px !important;*/
        padding-right: 16px !important;
    }

    .menu-items {
        height: 500px !important; /* Landscape için küçültüldü */
        gap: 36px !important; /* Azaltıldı */
        padding: 40px 16px;
    }


    .question-card-button-wrapper {
        flex-direction: row !important; /* Landscape'de yan yana */
        gap: 48px !important;
    }

    .brand-latest-comments-container {
        margin-top: -200px !important;
    }

    .brand-latest-comments-wrapper-navbar {
        flex-direction: row !important; /* Landscape'de yan yana */
        align-items: center !important;
    }

        .brand-latest-comments-wrapper-navbar > ul {
            flex-direction: row !important; /* Landscape'de yan yana */
        }

    .make-comment-wrapper {
        padding: 40px 24px !important;
    }

    .make-comment-form-container {
        margin-top: 150px !important; /* Azaltıldı */
    }

    .make-comment-mobil-header {
        flex-direction: row !important; /* Landscape'de yan yana */
    }

    .make-comment-button {
        top: 280px !important; /* Landscape için ayarlandı */
    }

    .make-comment-input-star-choose {
        flex-direction: row !important; /* Landscape'de yan yana */
    }

        .make-comment-input-star-choose.make-commnet-marka-profil {
            flex-direction: column !important;
        }

    .make-comment-image-contain {
        flex-direction: row !important; /* Landscape'de yan yana */
        gap: 48px !important;
    }

    /* Zip Avantajları sayfası için landscape düzenlemeler */
    .zip-avantaj-gor-main-container {
        top: 120px !important;
    }

    .zip-avantaj-product-card {
        gap: 24px !important;
    }

    .zip-avantaj-bottom-category {
        margin-bottom: 280px !important;
    }

        .zip-avantaj-bottom-category ul {
            flex-direction: row !important; /* Landscape'de yan yana */
        }

    .kategori-degistir-btn {
        width: auto !important; /* Landscape'de otomatik genişlik */
    }

    .brand-profile-container {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }

        .brand-profile-container.urunlistesi-brand-head {
            margin-top: -120px !important;
        }

    .brand-info-area {
        transform: scale(1);
        transform-origin: center center;
        width: 100% !important;
    }

    .brand-heading-text {
        padding-right: 24px !important;
    }

    .product-and-info-wrapper {
        transform: scale(1);
        transform-origin: top center;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (min-width: 992px) and (max-width:1023.98px) {

    .farm-products-hero-wrapper-area-fp {
        margin-top: 148px !important;
    }
/*
    .zip-avantaj-product-main-container {
        column-gap: 80px !important;
    }
*/
    .brand-profile-container.marka-yorum-heading {
        margin-top: 12px;
    }

    .brand-profile-text-area {
        margin-top: 48px !important;
    }

    .product-and-info-container {
        padding: 320px 16px 620px 16px !important;
    }

    .navbar-toggler {
        display: inline-block;
    }


    .menu-items {
        display: none !important;
        flex-direction: column;
        position: absolute !important;
        top: 60px !important;
        right: 0px !important;
        padding: 60px 10px;
        z-index: 10;
        background: #ffffff !important;
        width: 100% !important;
        box-shadow: 20px 20px 40px #00000005;
        height: 600px !important;
        gap: 54px !important;
    }

    .brand-profile-svg-menu-icon {
        display: block !important;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 100;
        margin-right: 60px;
    }

    .menu-items.open {
        display: flex !important;
    }

    .question-card-button-wrapper {
        flex-direction: column !important;
        gap: 68px !important;
    }



    .brand-ciftcilere-ozel-slider-arrow {
        display: none !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding: 40px 24px !important;
    }


    .brand-ciftcilere-ozel-slider-navbar-wrapper {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        gap: 0rem;
    }

    .brand-ciftcilere-ozel-slider-navbar {
        display: flex;
        overflow: hidden;
        cursor: grab;
        max-width: 870px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .brand-ciftcilere-ozel-slider-navbar::-webkit-scrollbar {
            display: none;
        }

        .brand-ciftcilere-ozel-slider-navbar > ul {
            display: flex;
            white-space: nowrap;
            gap: 24px;
            padding: 0;
            margin: 0;
            list-style: none;
            transition: transform 0.3s ease;
            will-change: transform;
        }

        .brand-ciftcilere-ozel-slider-navbar li {
            display: inline-block;
            flex-shrink: 0;
        }

    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları buradan başlıyor*/

    .avantaj-search-container {
        min-width: 100%;
        margin-top: 24px;
    }


    .zip-avantaj-bottom-category ul {
        flex-direction: column !important;
    }

    .kategori-degistir-btn {
        width: 100% !important;
    }

    .zip-avantaj-header {
        margin-top: 120px !important;
    }

    .brand-name {
        display: none !important;
    }

    .navbar-wrapper {
        flex-direction: row !important;
    }

    .hesabim-icon {
        left: 120px !important;
        right: initial !important;
    }

    .brand-info-area {
        transform: scale(1);
        transform-origin: center center;
        width: 100% !important;
    }

    .brand-heading-text {
        padding-right: 24px !important;
    }

    .product-and-info-wrapper {
        transform: scale(1);
        transform-origin: top center;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları burada bitiyor*/

    .marka-latest-comment-wrap {
        transform: scale(1);
        transform-origin: top center;
        width: 100% !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .marka-make-comment-wrapper {
        transform: scale(1);
        transform-origin: top center;
        width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .marka-latest-comment-container {
        margin-top: -850px !important;
    }

    .yorum-plus-btn {
        width: 64px !important;
        height: 64px !important;
    }

    .brand-info-area-second-yorumlar {
        text-align: end !important;
    }

    .latest-comments-items {
        padding-left: 24px !important;
    }

    .ciftcilere-ozel-slider-container.mu-cf-slide-second {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }




    .zip-avantaj-gor-three-button {
        margin-top: 0px !important;
    }

    .kategori-nav-wrapper {
        max-width: 940px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #kategoriUrunListesiList {
        flex-direction: row !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .close-btn-location {
        right: 25rem;
        top: -1.75rem;
        width: 3rem !important;
        height: 3rem !important;
        position: absolute;
    }

    .home-page-location,
    .home-page-location-logged-account {
        width: 90% !important;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: 760px;
        padding-bottom: 0.5rem !important;
    }

    .location-wrapper,
    .location-main-mobil {
        justify-content: space-between !important;
    }

        .location-wrapper a {
            height: fit-content !important;
        }

    .location-main-mobil-center {
        flex-direction: row !important;
    }
    .zip-avantaj-search-icon {
        right: 10px;
        width: 24px;
        height: 24px;
    }
}

@media (min-width: 1024px) and (max-width:1199.98px) {
    .farm-products-hero-wrapper-area-fp {
        margin-top: 148px !important;
    }


    .brand-profile-svg-menu-icon {
        display: block !important;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 100;
        margin-right: 60px;
        margin-top: 40px;
    }


    .brand-profile-container.marka-yorum-heading {
        margin-top: 12px;
    }


    .brand-profile-text-area {
        margin-top: 48px !important;
    }

    .product-and-info-container {
        padding: 320px 0px 620px 0px !important;
    }


    .navbar-toggler {
        display: inline-block;
    }


    .menu-items {
        display: none !important;
        flex-direction: column;
        position: absolute !important;
        top: 60px !important;
        right: 0px !important;
        padding: 60px 10px;
        z-index: 10;
        background: #ffffff !important;
        width: 100% !important;
        box-shadow: 20px 20px 40px #00000005;
        height: 600px !important;
        gap: 54px !important;
        margin: 90px 0px !important;
    }

        .menu-items.open {
            display: flex !important;
        }

    .question-card-button-wrapper {
        flex-direction: column !important;
        gap: 68px !important;
    }



    .brand-ciftcilere-ozel-slider-arrow {
        display: none !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding: 2.5rem 1.75rem !important;
    }

    .brand-ciftcilere-ozel-slider-navbar-wrapper {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        gap: 0;
    }

    .brand-ciftcilere-ozel-slider-navbar {
        display: flex;
        overflow: hidden;
        cursor: grab;
        max-width: 870px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .brand-ciftcilere-ozel-slider-navbar::-webkit-scrollbar {
            display: none;
        }

        .brand-ciftcilere-ozel-slider-navbar > ul {
            display: flex;
            white-space: nowrap;
            gap: 24px;
            padding: 0;
            margin: 0;
            list-style: none;
            transition: transform 0.3s ease;
            will-change: transform;
        }

        .brand-ciftcilere-ozel-slider-navbar li {
            display: inline-block;
            flex-shrink: 0;
        }

    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları buradan başlıyor*/
    .avantaj-search-container {
        margin-top: 24px;
    }

    .zip-avantaj-bottom-category {
        margin-bottom: 0px !important;
    }

        .zip-avantaj-bottom-category ul {
            flex-direction: column !important;
        }

    .kategori-degistir-btn {
        width: 100% !important;
    }

    .zip-avantaj-header {
        margin-top: 120px !important;
    }

    .brand-name {
        display: none !important;
    }

    .navbar-wrapper {
        flex-direction: row !important;
    }

    .hesabim-icon {
        left: 120px !important;
        right: initial !important;
    }

    .menu-icon {
        display: block !important;
        width: 40px; /* İkona boyut verelim */
        height: 40px;
        cursor: pointer;
        z-index: 100; /* Üst katmana getirelim */
        margin-right: 60px;
    }


    .brand-info-area {
        width: 100% !important;
    }

    .brand-heading-text {
        padding-right: 24px !important;
    }


    .product-and-info-wrapper {
        transform: scale(1);
        transform-origin: top center;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları burada bitiyor*/
    .marka-latest-comment-wrap {
        transform: scale(1);
        transform-origin: top center;
        width: 100% !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .marka-make-comment-wrapper {
        width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .latest-comments-items {
        flex-wrap: nowrap !important;
        gap: 24px !important;
        padding-left: 24px !important;
    }


    .ciftcilere-ozel-slider-container.mu-cf-slide-second {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .zip-avantaj-gor-wrapper {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .zip-avantaj-gor-three-button {
        margin-top: 0px !important;
    }

    .kategori-nav-wrapper {
        max-width: 940px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #kategoriUrunListesiList {
        flex-direction: row !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .close-btn-location {
        right: 25rem;
        top: -1.75rem;
        width: 3rem !important;
        height: 3rem !important;
        position: absolute;
    }

    .home-page-location,
    .home-page-location-logged-account {
        width: 90% !important;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: 1100px;
        padding-bottom: 0.5rem !important;
    }

    .location-wrapper,
    .location-main-mobil {
        justify-content: space-between !important;
    }

        .location-wrapper a {
            height: fit-content !important;
        }

    .location-main-mobil-center {
        flex-direction: row !important;
    }
    .zip-avantaj-search-icon {
        right: 10px;
        width: 24px;
        height: 24px;
    }
}

@media(min-width: 1200px) and (max-width:1439.98px) {


    .brand-info-area {
        width: calc(100% - 112px) !important;
        width: 100% !important;
        padding-right: 44px !important;
        padding-left: 44px !important;
    }

        .brand-info-area > div:nth-child(2) > h1 {
            font-size: 56px !important;
        }

        .brand-info-area > div:nth-child(2) > span {
            font-size: 24px !important;
        }

    .brand-latest-comments-container {
        padding: 0px 24px 80px !important;
        margin-top: -80px !important;
    }

    .brand-latest-comments-wrapper {
        padding: 0px 40px !important;
    }

    .make-comment-wrapper.marka-make-comment-wrapper {
        padding-right: 48px !important;
        padding-left: 48px !important;
    }




    .zip-avantaj-second-nav {
        padding: 40px 0px 40px 256px !important;
        margin-right: 0px !important;
    }

    .brand-profile-navbar span {
        font-size: 1.5rem !important;
    }

    .brand-name-mobil {
        right: 1rem !important;
    }

    .brand-ciftcilere-ozel-slider-navbar {
        max-width: 670px !important;
        overflow-x: scroll !important;
    }

    .brand-nav ul li > a {
        font-size: 18px !important;
    }

        .brand-nav ul li > a > span {
            font-size: 20px !important;
        }



    .zip-avantaj-search-input-wrapper {
        max-width: fit-content !important;
        margin: 0 auto;
    }

    .zip-avantaj-bottom-category {
        margin-bottom: 0px !important;
    }

        .zip-avantaj-bottom-category > div {
            justify-content: center !important;
        }

        .zip-avantaj-bottom-category ul {
            flex-wrap: nowrap !important;
            gap: 40px !important;
        }

    .kategori-degistir-btn {
        width: fit-content !important;
    }

    .ciftcilere-ozel-slider-wrapper p {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .index-live-container {
        margin-bottom: 0px !important;
    }

    .menu-icon {
        display: block !important;
        width: 40px; /* İkona boyut verelim */
        height: 40px;
        cursor: pointer;
        z-index: 100; /* Üst katmana getirelim */
        margin-right: 60px;
    }

    .product-and-info-wrapper {
        transform: scale(1);
        transform-origin: top center;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .brand-profile-navbar > svg {
        display: none !important;
    }

    .product-and-info-container {
        padding-top: 700px !important;
    }
    /*Yeni Eklenen Zip Avantajları Gor sayfasının mobil için responsive css kodları burada bitiyor*/
    .marka-latest-comment-wrap {
        transform: scale(1);
        transform-origin: top center;
        width: 100% !important;
        padding-left: 24px !important;
        padding-right: 38px !important;
    }

    .marka-make-comment-wrapper {
        transform: scale(1);
        transform-origin: top center;
        width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .latest-comments-items {
        flex-wrap: nowrap !important;
        gap: 24px !important;
        padding-left: 24px !important;
    }
    .brand-info-area.brand-info-zip-avantaj-page {
        width: 94% !important;
        padding-top: 16px !important;
        padding-bottom: 40px !important;
    }

    .zip-avantaj-gor-wrapper {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }


    .kategori-nav-wrapper {
        max-width: 1100px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #kategoriUrunListesiList {
        flex-direction: row !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}

@media(min-width: 1440px) and (max-width:1559.98px) {



    .latest-comments-items {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }

    .brand-profile-container.brand-marka-profili-box {
        top: 0vh !important;
    }


    .brand-latest-comments-container {
        padding: 80px 40px !important;
        margin-top: -240px !important;
    }

    .brand-latest-comments-wrapper {
        padding: 0px 0px !important;
    }

    .brand-info-zip-avantaj-page {
        top: -15.5vh !important;
    }

    .zip-avantaj-second-nav {
        margin-right: 0px !important;
    }


    .zip-avantaj-navlist {
        gap: 24px !important;
        justify-content: space-between !important;
    }


    .brand-ciftcilere-ozel-slider-navbar {
        max-width: 870px !important;
    }

    .zip-menu-icon {
        width: 40px !important;
        height: 40px !important;
        left: -8px !important;
    }

    .avantaj-search-container {
        min-width: 0px !important;
    }

    .avantaj-search-input {
        width: 330px !important;
    }



    .kategori-degistir-btn {
        width: 100% !important;
    }

    .brand-heading-text {
        padding-right: 24px !important;
    }

    .product-and-info-wrapper {
        transform: scale(1);
        transform-origin: center center;
        padding-left: 88px !important;
        padding-right: 88px !important;
    }

    .marka-make-comment-wrapper {
        padding-left: 40px !important;
        padding-right: 48px !important;
    }

    .kategori-nav-wrapper {
        max-width: 850px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #kategoriUrunListesiList {
        flex-direction: row !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .zip-avantaj-bottom-category ul {
        flex-wrap: nowrap !important;
        gap: 48px !important;
    }

    #ZipAvantajLoadMoreBtn {
        position: relative !important;
        z-index: 2 !important;
    }

    .zip-avantaj-bottom-category > div {
        flex-wrap: nowrap !important;
    }
    .zip-avantaj-search-icon {
        right: 10px;
        width: 24px;
        height: 24px;
    }
    .zip-avantaj-gor-three-button.zip-avantaj-gor-three-button-search-page {
        margin-top: 40px !important;
    }
}

@media (min-width: 1560px) and (max-width:1919.98px) {
    .zip-avantaj-navlist {
        gap: 24px !important;
    }

    .brand-latest-comments-container {
        margin-top: -180px !important;
    }

    .brand-name {
        font-size: 32px !important;
    }

    .latest-comments-wrapper-profile > .latest-comments-items {
        padding-left: 128px !important;
    }

    .brand-ciftcilere-ozel-slider-navbar {
        max-width: 970px !important;
    }

    .zip-avantaj-product-item {
        width: calc((100% - 100px) / 3);
        flex: 0 0 auto;
    }

    .zip-menu-icon {
        width: 40px !important;
        height: 40px !important;
        left: -8px !important;
    }

    .avantaj-search-container {
        margin-top: 12px !important;
    }

    .navbar-expand-xl .navbar-collapse {
        gap: 40px;
    }

    .brand-heading-text {
        padding-right: 24px !important;
    }



    .marka-make-comment-wrapper {
        padding-left: 56px !important;
        padding-right: 88px !important;
    }

    .marka-latest-comment-wrap {
        padding-left: 56px !important;
        padding-right: 56px !important;
    }



    .ciftcilere-ozel-slider-container.mu-cf-slide-second {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }


    .kategori-nav-wrapper {
        max-width: 850px !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #kategoriUrunListesiList {
        flex-direction: row !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .zip-avantaj-bottom-category ul {
        flex-wrap: nowrap !important;
        gap: 48px !important;
    }

    #ZipAvantajLoadMoreBtn {
        position: relative !important;
        z-index: 2 !important;
    }

    .zip-avantaj-bottom-category > div {
        flex-wrap: nowrap !important;
    }
}

@media(min-width:1920px) and (max-width:2559.98px) {

    .navbar-expand-xl .navbar-collapse {
        gap: 40px;
    }

    .ciftcilere-ozel-product-detail-slider {
        margin-top: -20px !important;
    }


    .farm-products-container {
        margin-top: 88px !important;
    }

    .farm-products-container-second {
        margin-top: -280px !important
    }



    .for-xl-farmer {
        margin-top: -200px !important;
    }

    /*    .zip-avantaj-header {
        padding-right: 72px !important;
        padding-left: 0px !important;
    }*/
}

@media(min-width:2560px) {


    .navbar-expand-xl .navbar-collapse {
        gap: 40px;
    }

    .latest-comments-wrapper-profile > .latest-comments-items {
        padding-left: 180px !important;
    }

    .ciftcilere-ozel-product-detail-slider {
        margin-top: -20px !important;
    }



    .farm-products-container-second {
        margin-top: -340px !important
    }

    .for-xl-farmer {
        margin-top: -300px !important;
    }



    .zip-avantaj-product-item {
        width: calc((100% - 620px) / 4);
        flex: 0 0 auto;
    }



    .zip-avantaj-bottom-category > div {
        justify-content: center !important;
    }
}

/*Marka Profili Responsive CSS Burada Bitiyor*/

/* 5 - Ürün Detay Responsive CSS Buradan Başlıyor*/

@media(max-width:767.98px) {
    .price-info {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .make-commnet-marka-profil.product-detail-make-comment-button {
        right: 0px !important;
        top: 320px !important;
    }

    .product-detail-hero-basket {
        padding: 0px !important;
        justify-content: center !important;
    }

    .urun-ozellikleri-box {
        padding: 40px 24px !important;
    }

    .urun-ozellikleri-wrapper-box:last-child {
        margin-top: 24px !important;
        height: fit-content !important;
    }
}

@media(min-width: 992px) and (max-width: 1199.98px) {
    .ciftcilere-ozel-product-detail-slider {
        margin-top: 0px !important;
    }

    .product-detail-hero-basket {
        padding: 0px !important;
        justify-content: center !important;
        position: absolute;
        right: 12px;
        bottom: 4px;
    }
}

@media(min-width: 1200px) and (max-width:1439.98px) {
    .product-detail-product-heading {
        font-size: 48px !important;
        flex-wrap: wrap !important;
        max-width: 400px !important;
    }

    .product-price-text {
        /*flex-direction: column !important;*/
        gap: 12px !important;
    }

    .yorum-alt-baslik-area {
        padding: 0px 120px !important;
    }

    .product-detail-hero-basket {
        padding-right: 16px !important;
    }

    .product-price-text {
        padding: 40px 16px !important;
        gap: 12px !important;
    }

        .product-price-text > span {
            font-size: 32px !important;
        }

            .product-price-text > span > span {
                font-size: 32px !important;
            }

    .urun-ozellikleri-box {
        padding: 40px 32px !important;
    }

    .com-bot-head {
        max-width: 720px !important;
        font-size: 24px;
    }
}

@media(min-width:1440px) and (max-width:1559.98px) {
    .urun-profili-suggest-image {
        max-width: 160px !important;
        height: 100% !important;
    }

    .product-detail-product-heading {
        font-size: 48px !important;
        flex-wrap: wrap !important;
        max-width: 400px !important;
    }

    .product-price-text {
        gap: 12px !important;
    }
}

@media(min-width: 1560px) and (max-width:1919.98px) {
    .urun-profili-suggest-image {
        max-width: 170px !important;
        height: 100% !important;
    }

    .header-padding {
        padding: 0px 60px 0px 60px !important;
    }

    .ciftcilere-ozel-slider-wrapper {
        padding: 60px 60px 60px !important;
    }
}

/*Ürün Detay Responsive CSS Burada Bitiyor*/

/* 6 - Sepet Responsive CSS Buradan Başlıyor*/

@media (max-width: 767px) {

    .product-image-name-box {
        flex-direction: column !important;
    }

    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }

    .bread-mobil-offset {
        margin: 0px !important;
    }

    .cnm-urun-spr-box-card {
        padding: 24px !important;
        gap: 16px !important;
    }


    .canta-product-box-image {
        width: 60px !important;
        height: 60px !important;
    }

    .product-image-name-box {
        align-items: start !important;
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }

    .cnm-urun-spr-box-card {
        padding: 1rem !important;
        gap: 0 !important;
        position: relative !important;
    }

    .canta-product-box-image {
        width: 80px !important;
        height: 80px !important;
    }

    .product-image-name-box {
        align-items: start !important;
    }
}


@media(min-width:992px) and (max-width:1199.98px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }

    .cnm-urun-spr-box-card {
        padding: 1.5rem !important;
        gap: 0.5rem !important;
        position: relative !important;
    }

    .canta-product-box-image {
        width: 100px !important;
        height: 100px !important;
    }
}

@media(min-width:1200px) and (max-width:1439.98px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }

    .cnm-urun-spr-box-card {
        padding: 2rem !important;
        gap: 0.5rem !important;
    }

    .canta-product-box-image {
        width: 120px !important;
        height: 120px !important;
    }

    header.header-product-area {
        padding-right: 68px !important;
        padding-left: 48px !important;
    }

    .adres-kart-alani-wv {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media(min-width: 1440px) and (max-width: 1559.98px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }

    header.header-product-area {
        padding-right: 118px !important;
        padding-left: 96px !important;
    }

    .product-image-name-box {
        align-items: center !important;
    }
}

@media(min-width: 1560px) and (max-width: 1919.98px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }

    header.header-product-area {
        padding-right: 148px !important;
        padding-left: 126px !important;
    }
}

@media(min-width:1920px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 120px !important;
            height: 120px !important;
        }
}

@media(min-width:2560px) {
    .canta-product-box-image {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

        .canta-product-box-image > a > img {
            width: 60px !important;
            height: 60px !important;
        }
}

/*Sepet Responsive CSS Buradan Başlıyor*/

/*Ödeme Yap ve Onun Gibi ekranlar Responsive CSS Kodları Burada Bitiyor*/



/* 8 - Header Footer Responsive Tüm Kodları*/

@media (max-width: 1199.98px) {
    #header .container-fluid > *:not(.zipziraat-genel-logo) {
        display: none !important;
    }

    #header .zipziraat-genel-logo {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .form-input-gap {
        row-gap: 12px !important;
    }

    .upload-btn {
        width: 2rem;
        height: 2rem;
    }

    .ciprofildestek-textarea {
        height: 150px !important;
    }
}

@media(max-width:767.98px) {

    .latest-comments-container {
        padding-top: 0px !important;
    }
}
/*Header Footer Responsive Ortak*/
@media screen and (max-width: 567.98px) {

    .header-logged-dropdown-menu {
        max-width: 94vw;
    }

    #accountToggle {
        max-width: 94vw;
    }

    .mobil-header-user-icon.account-opened-icon {
        left: 330px !important;
    }

    .main-header-menu > ul {
        margin-bottom: 20px !important;
    }

    .brand-profile-navbar {
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    .header-noti-wrapper {
        width: fit-content !important;
    }
}

@media (min-width: 568px) and (max-width: 767.98px) {
    .brand-profile-navbar {
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    .header-noti-wrapper {
        width: fit-content !important;
    }
}


@media(min-width:1200px) and (max-width:1439.98px) {

    .upload-btn {
        width: 2rem;
        height: 2rem;
    }

    .urun-uzmanibtn > div {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media(min-width:1440px) and (max-width:1559.98px) {

    .urun-uzmanibtn-wrapper {
        flex-direction: row !important;
    }

    .urun-uzmanibtn > div {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    #accountToggle {
        padding-left: 40px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 60px !important;
    }

    .mobil-header-user-icon {
        padding-bottom: 0.4125rem !important;
        padding-top: .3rem !important;
        right: -40px !important;
    }
}

@media(min-width:1560px) and (max-width:1919.98px) {
    #accountToggle {
        padding-left: 40px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 60px !important;
    }

    .mobil-header-user-icon {
        padding-bottom: 0.4125rem !important;
        padding-top: .3rem !important;
    }

    .urun-uzmanibtn-wrapper {
        flex-direction: row !important;
    }

    .urun-uzmanibtn > div {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media(min-width:1920px) and (max-width:2559.98px) {

    .search-pr-box {
        padding-right: 440px !important;
    }

    #accountToggle {
        padding-left: 40px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 60px !important;
    }

    .urun-uzmanibtn-wrapper {
        flex-direction: row !important;
    }
}

@media(min-width:2560px) {

    #accountToggle {
        padding-left: 40px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 60px !important;
    }

    .reklam-panosufirst-item-wrapper h2 {
        max-width: 680px !important
    }

    .urun-uzmanibtn-wrapper {
        flex-direction: row !important;
    }
}

/*Header Footer Responsive Tüm Kodları*/


/* 9 - Ortak Responsive CSS Buradan Başlıyor*/
@media (max-width: 767.98px) {
    .sign-up-custom-select, .account-input, .date-wrapper, .basket-input-custom, .taksit-select-input, .input-responsive, input, .custom-upload-wrapper, .veri-saklama-input, textarea {
        padding: 16px 16px 16px 20px !important;
        border-radius: 12px;
        font-size: 1rem !important;
        text-align: start !important;
    }

    .sign-up-select-wrapper::after,
    .sign-up-select-wrapper-muhendis::after {
        width: 24px !important;
        height: 26px !important;
        right: 18px !important;
        top: 45%;
    }

    .sign-up-select-wrapper-muhendis-second::after {
        width: 24px !important;
        height: 26px !important;
        right: 18px !important;
        top: 17%;
    }


    .special-select-icon,
    .accordion-arrow-svg {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .yorum-box-person-icon {
        width: 24px !important;
    }

    .comment-stars > svg {
        width: 14px !important;
    }

    #favoriKalp {
        width: 40px !important;
    }

    .user-icon-svg-wrapper {
        max-width: 140px;
    }

    .user-icon-svg {
        width: 100%;
        height: auto;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 13px !important;
    }

    .close-btn {
        width: 3rem !important;
        height: 3rem !important;
    }

        .close-btn svg {
            width: 1.5rem !important;
            height: 1.5rem !important;
        }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .transform-btn {
        width: 3rem !important;
        height: 3rem !important;
    }

        .transform-btn > svg {
            width: 32px !important;
            height: 32px !important;
        }

    .sign-up-custom-select,
    .account-input, .date-wrapper, .basket-input-custom, .taksit-select-input, .input-responsive, input, .custom-upload-wrapper, .veri-saklama-input, textarea {
        font-size: 14px !important;
        padding: 1.25rem !important;
        border-radius: 12px !important;
    }

    .sign-up-select-wrapper::after,
    .sign-up-select-wrapper-muhendis::after,
    .sign-up-select-wrapper-muhendis-second::after {
        width: 24px !important;
        height: 26px !important;
        right: 18px !important;
    }

    .special-select-icon {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .user-icon-svg-wrapper {
        max-width: 200px;
    }

    .user-icon-svg {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 567.98px) {
    .transform-btn {
        width: 36px !important;
        height: 36px !important;
    }

        .transform-btn > svg {
            width: 24px !important;
            height: 24px !important;
        }

    .custom-row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .custom-row > [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .farm-product-menu-list-wrapper,
    .farm-product-menu-list-items-container {
        max-width: 352px !important;
    }

    .account-breadcrumb-container {
        margin-top: 40px !important;
    }

    #menuContents {
        padding-right: 12px !important;
    }

    .destek-first-bg-img-wrap {
        border-top-left-radius: 50px !important;
        border-top-right-radius: 50px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        padding-bottom: 50px !important;
    }

    .destek-first-comp-left {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .destek-col-first {
        padding: 0px !important;
    }

    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left -76px center;
        height: 100%;
        min-height: 300px;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .destek-first-comp-left {
        padding-right: 32px !important;
    }


    .search-pano-first-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: -100px;
        padding-bottom: 80px !important;
        padding-top: 120px !important;
    }

    .search-pano-first-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 56px 40px 56px 40px !important;
    }

    .search-pano-second-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 96px !important;
        padding-bottom: 0px !important;
    }

    .search-pano-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 36px 36px !important;
    }
}

@media (min-width: 568px) and (max-width: 767.98px) {
    .transform-btn {
        width: 56px !important;
        height: 56px !important;
    }

    .custom-row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .custom-row > [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }



    .farm-product-menu-list-wrapper,
    .farm-product-menu-list-items-container {
        max-width: 360px !important;
    }

    .account-breadcrumb-container {
        padding-top: 84px !important;
        margin-top: 80px !important;
    }

    .destek-first-bg-img-wrap {
        border-top-left-radius: 50px !important;
        border-top-right-radius: 50px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        padding-bottom: 50px !important;
    }

    .destek-first-comp-left {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .destek-col-first {
        padding: 0px !important;
    }

    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left -76px center;
        height: 100%;
        min-height: 300px;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .destek-first-comp-left {
        padding-right: 32px !important;
    }

        .destek-first-comp-left h3 {
            font-size: 40px !important;
            line-height: 48px;
        }

    .search-pano-first-container {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: -100px;
        padding-bottom: 80px !important;
    }

    .search-pano-first-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 56px 40px 56px 40px !important;
    }

    .search-pano-second-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 96px;
        padding-bottom: 126px;
    }

    .search-pano-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 36px 36px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .transform-btn {
        width: 48px !important;
        height: 48px !important;
    }

        .transform-btn > svg {
            width: 24px !important;
        }

    .custom-row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .custom-row > [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #menuContents {
        padding-right: 0px !important;
    }

    .destek-first-bg-img-wrap {
        border-top-left-radius: 50px !important;
        border-top-right-radius: 50px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        padding-bottom: 50px !important;
    }

    .destek-first-comp-left {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .destek-col-first {
        padding: 0px !important;
    }

    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left 0px center;
        height: 100%;
        min-height: 300px;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .destek-first-comp-left {
        padding-right: 32px !important;
    }

        .destek-first-comp-left h3 {
            font-size: 40px !important;
            line-height: 48px;
        }

    .destek-first-comp-right {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 50px !important;
        border-bottom-right-radius: 50px !important;
    }

    .search-pano-first-container {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: -100px;
        padding-bottom: 80px !important;
        padding-top: 140px !important;
    }

    .search-pano-first-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 56px 40px 56px 40px !important;
    }

    .search-pano-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 36px 36px !important;
    }

    .search-pano-second-container {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 96px !important;
        padding-bottom: 0px !important;
    }

    .marka-urunlistesi-support-profil-box {
        flex-direction: column !important;
    }
}

@media(min-width:992px) and (max-width:1023.98px) {
    .marka-urunlistesi-support-profil-box {
        flex-direction: row !important;
        height: fit-content !important;
    }
}

@media(min-width:992px) and (max-width:1199.98px) and (orientation : portrait) {
    .custom-row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .custom-row > [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left -220px center;
        height: 100%;
        min-height: 300px;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .destek-first-comp-left {
        padding-right: 32px !important;
    }

        .destek-first-comp-left h3 {
            font-size: 40px !important;
            line-height: 48px;
        }

    .search-pano-first-container {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: -100px;
        padding-bottom: 80px !important;
        padding-top: 140px !important;
    }

    .search-pano-first-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 56px 40px 56px 40px !important;
    }

    .search-pano-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 36px 36px !important;
    }

    .search-pano-second-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-top: 96px !important;
        padding-bottom: 0px !important;
    }
}

@media(min-width:992px) and (max-width:1199.98px) and (orientation : landscape) {
    .custom-row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }



    .custom-row-0 {
        margin-right: 0px !important;
    }

    .custom-row > [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    #menuContents {
        padding-right: 0px !important;
    }

    .account-breadcrumb-container {
        margin-top: 20px !important;
        padding-top: 132px !important;
    }

    .search-pano-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 36px 36px !important;
    }

    .search-pano-second-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-top: 96px !important;
        padding-bottom: 0px !important;
    }

    .search-pano-first-container {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: -100px;
        padding-bottom: 80px !important;
        padding-top: 140px !important;
    }

    .search-pano-first-wrapper {
        transform: scale(1) !important;
        transform-origin: center center;
        padding: 56px 40px 56px 40px !important;
    }
}

@media(min-width:1200px) and (max-width:1439.98px) {
    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left -170px center;
        height: 100%;
        min-height: 300px;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .destek-first-comp-left {
        padding-right: 32px !important;
    }

        .destek-first-comp-left h3 {
            font-size: 40px !important;
            line-height: 48px;
        }

    .search-pano-first-container {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: -100px;
    }



    .search-pano-first-wrapper {
        padding: 56px 72px 56px 72px !important;
    }

    .search-pano-second-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: -12px !important;
        margin-right: -12px !important;
        padding-top: 96px;
        padding-bottom: 0px !important;
    }


    .ci-mu-menu-item > a,
    .nav-item > a {
        font-size: 17px !important;
    }

    #accountToggle {
        width: 172px !important;
    }

    #accountDropdown > li {
        padding-right: 16px !important;
    }

    #accountDropdown img {
        display: none !important;
    }

    #accountDropdown {
        width: 370px !important;
    }

    .user-icon-svg-wrapper {
        max-width: 180px;
    }

    .user-icon-svg {
        width: 100%;
        height: auto;
    }

    .transform-btn,
    .transform-btn-back{
        width: 4rem !important;
        height: 4rem !important;
    }

        .transform-btn > svg,
        .transform-btn-back > svg {
            width: 2rem !important;
            height: 2rem !important;
        }

    .wrapper-spec.reklam-panosu-section-first {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }
}

@media(min-width:1440px) and (max-width:1559.98px) {

    .sign-up-custom-select, .account-input, .date-wrapper, .basket-input-custom, .taksit-select-input, .input-responsive, input, .custom-upload-wrapper, .veri-saklama-input, textarea {
        font-size: 1.10rem !important;
        padding-left: 1.15rem !important;
        padding-right: 1rem !important;
    }

    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .account-breadcrumb-container.account-noti-icon-container .product-detail-hero-basket {
        padding-right: 92px !important;
    }

    .search-pr-box {
        padding-right: 150px !important;
    }

    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left -140px center;
        height: 100%;
        min-height: 300px;
        padding-left: 64px !important;
        padding-right: 64px !important;
    }

    .destek-first-comp-left {
        padding-right: 40px !important;
    }

    .search-pano-first-container {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .search-pano-first-wrapper {
        padding: 5.25rem 6rem 6rem 6rem !important;
    }

    .search-pano-second-container {
        padding-left: 26px !important;
        padding-right: 28px !important;
        padding-top: 96px !important;
        padding-bottom: 104px !important;
    }

    .urun-profil-latest-comments-container.campaing-latest-comment-sec-dv {
        padding-top: 0px !important;
    }

    .ci-mu-menu-item > a,
    .nav-item > a {
        font-size: 17px !important;
    }

    .form-input-gap {
        row-gap: 20px !important;
    }

    .upload-btn {
        width: 3.5rem;
        height: 3rem;
    }

    .ciprofildestek-textarea {
        height: 175px !important;
    }

    .marka-urunlistesi-support-profil-box {
        gap: 3rem !important;
    }

    #markaSoruForm {
        margin-top: 2.5rem !important;
    }

    .user-icon-svg-wrapper {
        max-width: 200px;
    }

    .user-icon-svg {
        width: 100%;
        height: auto;
    }

    .transform-btn,
    .transform-btn-back {
        width: 4rem !important;
        height: 4rem !important;
    }

        .transform-btn > svg,
        .transform-btn-back > svg {
            width: 2rem !important;
            height: 2rem !important;
        }

    .wrapper-spec.reklam-panosu-section-first {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }
}

@media(min-width:1560px) and (max-width:1919.98px) {

    .custom-row-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .destek-first-bg-img-wrap {
        background-image: url('/ciftci/images/campaigns/farmerpassage-3.png');
        background-size: cover;
        background-position: left -125px center;
        height: 100%;
        min-height: 300px;
        padding-left: 72px !important;
        padding-right: 72px !important;
    }

    .destek-first-comp-left {
        padding-right: 64px !important;
    }

    .search-pano-first-container {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
        margin-top: -100px;
    }

    .search-pano-first-wrapper {
        padding: 6rem 6.875rem 6.875rem 6.875rem !important;
    }

    .urun-profil-latest-comments-container.campaing-latest-comment-sec-dv {
        padding-top: 0px !important;
    }

    .ci-mu-menu-item > a,
    .nav-item > a {
        font-size: 17px !important;
    }

    #markaSoruForm {
        margin-top: 3rem !important;
    }

    .ciprofildestek-textarea {
        height: 175px !important;
    }

    .marka-urunlistesi-support-profil-box {
        gap: 3rem !important;
    }

    .user-icon-svg-wrapper {
        max-width: 220px;
    }

    .user-icon-svg {
        width: 100%;
        height: auto;
    }

    .wrapper-spec.reklam-panosu-section-first {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .transform-btn,
    .transform-btn-back {
        width: 4rem !important;
        height: 4rem !important;
    }

        .transform-btn > svg,
        .transform-btn-back > svg {
            width: 2rem !important;
            height: 2rem !important;
        }
}

@media(min-width:1920px) {
    .account-breadcrumb-container.account-noti-icon-container .product-detail-hero-basket {
        padding-right: 148px !important;
    }

    .mobil-header-user-icon {
        padding-left: 12px !important;
        padding-top: 8px !important;
        padding-bottom: 7px !important;
        border-radius: 15px !important;
    }

        .mobil-header-user-icon > svg {
            position: relative;
            left: 0.25rem !important;
        }
}

@media(min-width:2560px) {

    header.header-product-area {
        padding-right: 208px !important;
        padding-left: 178px !important;
    }



    .account-breadcrumb-container.account-noti-icon-container .product-detail-hero-basket {
        padding-right: 178px !important;
    }

    .search-pano-first-container {
        padding-left: 120px !important;
        padding-right: 120px !important;
        margin-top: -100px;
    }
}
/*Ortak Responsive CSS Burada Bitiyor*/
/* 10 - Responsive Common CSS*/
@media(max-width:767.98px) {

    .sm-text-start {
        text-align: start !important;
    }

    .sm-text-nowrap {
        text-wrap: nowrap !important;
    }

    .sm-white-space-nowrap {
        white-space: nowrap !important;
    }

    .sm-text-wrap {
        text-wrap: wrap !important;
    }

    .sm-hidden {
        display: none !important;
    }

    /*Responsive Font Size */
    .sm-font-1-0 {
        font-size: 14px !important;
    }

    .sm-font-1-1 {
        font-size: 15px !important;
    }


    .sm-font-2-0 {
        font-size: 16px !important;
    }

    .sm-font-1 {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .sm-font-1-heading {
        font-size: 21px !important;
        line-height: 32px !important;
    }

    .sm-font-2 {
        font-size: 21px !important;
    }

    .sm-font-2-5 {
        font-size: 24px !important;
    }

    .sm-font-3 {
        font-size: 28px !important;
    }

    .sm-font-3-5 {
        font-size: 36px !important;
    }

    .sm-font-4 {
        font-size: 40px !important;
    }

    .sm-font-5 {
        font-size: 40px !important;
    }

    .sm-font-6 {
        font-size: 40px !important;
    }

    .sm-font-7 {
        font-size: 44px !important;
    }

    .sm-font-8 {
        font-size: 48px !important;
    }

    .sm-font-9 {
        font-size: 52px !important;
    }

    .sm-font-10 {
        font-size: 56px !important;
    }

    .sm-font-11 {
        font-size: 60px !important;
    }

    .sm-font-12 {
        font-size: 64px !important;
    }

    .sm-font-13 {
        font-size: 68px !important;
    }

    .sm-font-14 {
        font-size: 72px !important;
    }

    .sm-font-15 {
        font-size: 76px !important;
    }

    .sm-font-16 {
        font-size: 80px !important;
    }

    /*Responsive Font Size */


    /*Responsive Text Line Height*/

    .sm-text-line-height-0 {
        line-height: 0px !important;
    }

    .sm-text-line-height-4 {
        line-height: 4px !important;
    }

    .sm-text-line-height-8 {
        line-height: 8px !important;
    }

    .sm-text-line-height-12 {
        line-height: 12px !important;
    }

    .sm-text-line-height-16 {
        line-height: 16px !important;
    }

    .sm-text-line-height-20 {
        line-height: 20px !important;
    }

    .sm-text-line-height-24 {
        line-height: 24px !important;
    }

    .sm-text-line-height-28 {
        line-height: 28px !important;
    }

    .sm-text-line-height-32 {
        line-height: 32px !important;
    }

    .sm-text-line-height-36 {
        line-height: 36px !important;
    }

    .sm-text-line-height-40 {
        line-height: 40px !important;
    }

    .sm-text-line-height-44 {
        line-height: 44px !important;
    }

    .sm-text-line-height-48 {
        line-height: 48px !important;
    }

    .sm-text-line-height-52 {
        line-height: 52px !important;
    }

    .sm-text-line-height-56 {
        line-height: 56px !important;
    }

    .sm-text-line-height-60 {
        line-height: 60px !important;
    }

    .sm-text-line-height-64 {
        line-height: 64px !important;
    }

    .sm-text-line-height-68 {
        line-height: 68px !important;
    }

    .sm-text-line-height-72 {
        line-height: 72px !important;
    }

    .sm-text-line-height-76 {
        line-height: 76px !important;
    }

    .sm-text-line-height-80 {
        line-height: 80px !important;
    }

    .sm-text-line-height-84 {
        line-height: 84px !important;
    }

    .sm-text-line-height-88 {
        line-height: 88px !important;
    }

    .sm-text-line-height-92 {
        line-height: 92px !important;
    }

    .sm-text-line-height-96 {
        line-height: 96px !important;
    }

    .sm-text-line-height-100 {
        line-height: 100px !important;
    }


    /*Responsive Text Line Height*/

    .sm-width-12 {
        width: 12px !important;
    }

    .sm-width-24 {
        width: 24px !important;
    }

    .sm-width-36 {
        width: 36px !important;
    }


    .sm-width-64 {
        width: 64px !important;
    }

    .sm-height-12 {
        height: 12px !important;
    }

    .sm-height-64 {
        height: 64px !important;
    }

    .sm-width-56 {
        width: 56px !important;
    }

    .sm-height-56 {
        height: 56px !important;
    }

    .sm-width-48 {
        width: 48px !important;
    }

    .sm-width-160 {
        width: 160px !important;
    }

    .sm-height-120 {
        height: 120px !important;
    }

    .sm-height-48 {
        height: 48px !important;
    }

    .sm-height-24 {
        height: 24px !important;
    }

    .sm-height-36 {
        height: 36px !important;
    }

    .sm-width-100 {
        width: 100% !important;
    }

    .sm-width-fit-content {
        width: fit-content !important;
    }

    .sm-width-240 {
        width: 240px !important;
    }

    .sm-height-240 {
        height: 240px !important;
    }

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

    .sm-p-left-4 {
        padding-left: 4px !important;
    }

    .sm-p-left-8 {
        padding-left: 8px !important;
    }

    .sm-p-left-12 {
        padding-left: 0.75rem !important;
    }

    .sm-p-left-24 {
        padding-left: 1.5rem !important;
    }

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

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

    .sm-p-bottom-0 {
        padding-bottom: 0rem !important;
    }

    .sm-p-bottom-24 {
        padding-bottom: 1.5rem !important;
    }

    .sm-p-bottom-36 {
        padding-bottom: 2.25rem !important;
    }

    .sm-p-bottom-48 {
        padding-bottom: 3rem !important;
    }


    .sm-p-top-0 {
        padding-top: 0 !important;
    }

    .sm-p-top-6 {
        padding-top: 0.75rem !important;
    }

    .sm-p-top-12 {
        padding-top: 1.313rem !important;
    }

    .sm-p-top-24 {
        padding-top: 1.5rem !important;
    }

    .sm-p-top-36 {
        padding-top: 2.25rem !important;
    }


    .sm-p-top-48 {
        padding-top: 3rem !important;
    }

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

    .sm-p-top-80 {
        padding-top: 5rem !important;
    }

    .sm-p-top-120 {
        padding-top: 7.5rem !important;
    }

    .sm-p-top-128 {
        padding-top: 8rem !important;
    }

    .sm-p-top-144 {
        padding-top: 9rem !important;
    }


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

    .sm-px-4 {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    .sm-px-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }


    .sm-px-12 {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .sm-px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .sm-px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .sm-mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }

    .sm-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .sm-px-92 {
        padding-right: 5.75rem !important;
        padding-left: 5.75rem !important;
    }

    .sm-py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .sm-py-4 {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .sm-py-8 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .sm-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .sm-py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .sm-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .sm-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .sm-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .sm-pb-80 {
        padding-bottom: 5rem !important;
    }

    .sm-left-250 {
        left: 250px !important;
    }

    .sm-left-36 {
        left: 36px !important;
    }

    .sm-left-0 {
        left: 0px !important;
    }

    .sm-flex-column {
        flex-direction: column;
        gap: 24px;
    }


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

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

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

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

    .sm-pr-20 {
        padding-right: 1.25rem !important;
    }

    .sm-pr-24 {
        padding-right: 1.5rem !important;
    }

    .sm-pr-32 {
        padding-right: 2rem !important;
    }

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

    .sm-flex-row {
        flex-direction: row !important;
    }

    .sm-d-flex {
        display: flex !important;
    }

    .sm-d-none {
        display: none !important;
    }

    .sm-d-block {
        display: block !important;
    }


    .sm-mt-00 {
        margin-top: 0px !important;
    }

    .sm-ml-12 {
        margin-left: 0.75rem !important;
    }

    .sm-mr-12 {
        margin-right: 0.75rem !important;
    }

    .sm-ml-24 {
        margin-left: 1.5rem !important;
    }

    .sm-mr-24 {
        margin-right: 1.5rem !important;
    }

    .sm-mt-5 {
        margin-top: 20px !important;
    }

    .sm-mt-8 {
        margin-top: 32px !important;
    }

    .sm-mt-10 {
        margin-top: 40px !important;
    }

    .sm-mt-20 {
        margin-top: 80px !important;
    }

    .sm-mt-25 {
        margin-top: 100px !important;
    }

    .sm-flex-wrap {
        flex-wrap: wrap !important;
    }

    .sm-text-center {
        text-align: center !important;
    }

    .sm-justify-content-start {
        justify-content: start !important;
    }

    .sm-justify-content-center {
        justify-content: center !important;
    }

    .sm-align-items-center {
        align-items: center !important;
    }

    .sm-align-items-start {
        align-items: start !important;
    }

    .sm-align-items-end {
        align-items: end !important;
    }

    .sm-border-radius-50 {
        border-radius: 50px !important;
    }

    .sm-gap-0 {
        gap: 0px !important;
    }

    .sm-gap-4 {
        gap: 4px !important;
    }

    .sm-gap-8 {
        gap: 8px !important;
    }

    .sm-gap-16 {
        gap: 16px !important;
    }

    .sm-gap-24 {
        gap: 24px !important;
    }

    .sm-gap-32 {
        gap: 32px !important;
    }

    .sm-gap-40 {
        gap: 2.5rem !important;
    }

    .sm-gap-48 {
        gap: 3rem !important;
    }

    .sm-gap-64 {
        gap: 4rem !important;
    }

    .sm-gap-72 {
        gap: 4.5rem !important;
    }

    .sm-top-negative-20 {
        top: -20px !important;
    }

    .sm-right-negative-10 {
        right: -10px !important;
    }

    .sm-mt-negative-20 {
        margin-top: -40px !important;
    }

    .sm-mt-negative-360 {
        margin-top: -360px !important;
    }

    .sm-margin-left-0 {
        margin-left: 0px !important;
    }

    .sm-mx-0 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .sm-mb-0 {
        margin-bottom: 0 !important;
    }

    .sm-mb-4 {
        margin-bottom: 4px !important;
    }

    .sm-mb-8 {
        margin-bottom: 0.5rem !important;
    }

    .sm-mb-16 {
        margin-bottom: 1rem !important;
    }

    .sm-top-negative-95 {
        top: -94px !important;
    }

    .sm-border-radius-left-50 {
        border-top-left-radius: 50px !important; /* Top-left corner */
        border-bottom-left-radius: 50px !important; /* Bottom-left corner */
    }

    .sm-border-radius-right-50 {
        border-top-right-radius: 50px !important; /* Top-right corner */
        border-bottom-right-radius: 50px !important; /* Bottom-right corner */
    }

    .sm-border-radius-top-50 {
        border-top-left-radius: 50px !important; /* Top-left corner */
        border-top-right-radius: 50px !important; /* Bottom-left corner */
    }

    .sm-border-radius-bottom-50 {
        border-bottom-left-radius: 50px !important; /* Top-left corner */
        border-bottom-right-radius: 50px !important; /* Bottom-left corner */
    }

    .sm-border-radius-left-0 {
        border-top-left-radius: 0 !important; /* Top-left corner */
        border-bottom-left-radius: 0 !important; /* Bottom-left corner */
    }

    .sm-border-radius-right-0 {
        border-top-right-radius: 0 !important; /* Top-right corner */
        border-bottom-right-radius: 0 !important; /* Bottom-right corner */
    }

    .sm-border-radius-top-0 {
        border-top-left-radius: 0 !important; /* Top-left corner */
        border-top-right-radius: 0 !important; /* Bottom-left corner */
    }

    .sm-border-radius-bottom-0 {
        border-bottom-left-radius: 0px !important; /* Top-left corner */
        border-bottom-right-radius: 0px !important; /* Bottom-left corner */
    }
}
/*Responsive Common CSS*/
@media (min-width:768px) and (max-width:1199.98px) {
    .md-d-none {
        display: none;
    }

    .md-white-space-nowrap {
        white-space: nowrap !important;
    }

    .md-width-fit-content {
        width: fit-content !important;
    }

    .md-d-flex {
        display: flex;
    }

    .md-text-wrap {
        text-wrap: wrap !important;
    }

    .md-flex-wrap {
        flex-wrap: wrap !important;
    }

    .md-flex-row {
        flex-direction: row !important;
    }

    .md-left-36 {
        left: 60px !important;
    }

    .md-py-8 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .md-py-16 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .md-py-24 {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .md-py-36 {
        padding-top: 2.25rem !important;
        padding-bottom: 2.25rem !important;
    }

    .md-py-40 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .md-py-80 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }


    .md-hidden {
        display: none !important;
    }

    .md-margin-left-0 {
        margin-left: 0px !important;
    }

    .md-ml-24 {
        margin-left: 1.5rem !important;
    }

    .md-mr-24 {
        margin-right: 1.5rem !important;
    }


    .md-text-nowrap {
        text-wrap: nowrap !important;
    }
    .md-mx-24 {
        margin-right: 24px !important;
        margin-left: 24px !important;
    }

    .md-top-negative-20 {
        top: -20px !important;
    }

    .md-right-negative-14 {
        right: -14px !important;
    }

    .md-left-0 {
        left: 0px !important;
    }

    .md-left-8 {
        left: 8px !important;
    }

    .md-pl-24 {
        padding-left: 1.5rem !important;
    }

    .md-pl-120 {
        padding-left: 7.5rem !important;
    }

    .md-top-negative-124 {
        top: -124px !important;
    }

    .md-mb-4 {
        margin-bottom: 4px;
    }

    .md-mb-8 {
        margin-bottom: 8px;
    }

    .md-pb-0 {
        padding-bottom: 0 !important;
    }

    .md-pb-32 {
        padding-bottom: 2rem !important;
    }

    .md-pb-36 {
        padding-bottom: 2.25rem !important;
    }

    .md-pb-40 {
        padding-bottom: 2.5rem !important;
    }

    .md-pb-48 {
        padding-bottom: 3rem !important;
    }

    .md-pb-56 {
        padding-bottom: 3.5rem !important;
    }

    .md-pb-80 {
        padding-bottom: 5rem !important;
    }

    .md-mb-16 {
        margin-bottom: 16px;
    }

    .md-p-top-0 {
        padding-top: 0rem !important;
    }

    .md-p-top-12 {
        padding-top: 1.313rem !important;
    }

    .md-p-top-16 {
        padding-top: 1rem !important;
    }



    .md-p-top-24 {
        padding-top: 1.5rem !important;
    }

    .md-p-top-36 {
        padding-top: 2.25rem !important;
    }

    .md-p-top-48 {
        padding-top: 3rem !important;
    }

    .md-p-top-80 {
        padding-top: 5rem !important;
    }

    .md-p-top-124 {
        padding-top: 7.75rem !important;
    }

    .md-border-radius-left-50 {
        border-top-left-radius: 50px !important; /* Top-left corner */
        border-bottom-left-radius: 50px !important; /* Bottom-left corner */
    }

    .md-border-radius-right-50 {
        border-top-right-radius: 50px !important; /* Top-right corner */
        border-bottom-right-radius: 50px !important; /* Bottom-right corner */
    }

    .md-border-radius-top-50 {
        border-top-left-radius: 50px !important; /* Top-left corner */
        border-top-right-radius: 50px !important; /* Bottom-left corner */
    }

    .md-border-radius-bottom-50 {
        border-bottom-left-radius: 50px !important; /* Top-left corner */
        border-bottom-right-radius: 50px !important; /* Bottom-left corner */
    }

    .md-border-radius-left-0 {
        border-top-left-radius: 0 !important; /* Top-left corner */
        border-bottom-left-radius: 0 !important; /* Bottom-left corner */
    }

    .md-border-radius-right-0 {
        border-top-right-radius: 0 !important; /* Top-right corner */
        border-bottom-right-radius: 0 !important; /* Bottom-right corner */
    }

    .md-border-radius-top-0 {
        border-top-left-radius: 0 !important; /* Top-left corner */
        border-top-right-radius: 0 !important; /* Bottom-left corner */
    }

    .md-border-radius-bottom-0 {
        border-bottom-left-radius: 0 !important; /* Top-left corner */
        border-bottom-right-radius: 0 !important; /* Bottom-left corner */
    }

    .md-gap-0 {
        gap: 0px !important;
    }

    .md-gap-4 {
        gap: 4px !important;
    }

    .md-gap-8 {
        gap: 8px !important;
    }

    .md-gap-16 {
        gap: 16px !important;
    }

    .md-gap-24 {
        gap: 24px !important;
    }

    .md-gap-32 {
        gap: 32px !important;
    }

    .md-gap-64 {
        gap: 4rem !important;
    }

    /*Responsive Font Size */
    .md-font-1-0 {
        font-size: 14px !important;
    }

    .md-font-1 {
        font-size: 21px !important;
    }

    .md-font-2 {
        font-size: 24px !important;
    }

    .md-font-3 {
        font-size: 28px !important;
    }

    .md-font-4 {
        font-size: 32px !important;
    }

    .md-font-5 {
        font-size: 36px !important;
    }

    .md-font-6 {
        font-size: 40px !important;
    }

    .md-font-7 {
        font-size: 44px !important;
    }

    .md-font-8 {
        font-size: 48px !important;
    }

    .md-font-9 {
        font-size: 52px !important;
    }

    .md-font-10 {
        font-size: 56px !important;
    }

    .md-font-11 {
        font-size: 60px !important;
    }

    .md-font-12 {
        font-size: 64px !important;
    }

    .md-font-13 {
        font-size: 68px !important;
    }

    .md-font-14 {
        font-size: 72px !important;
    }

    .md-font-15 {
        font-size: 76px !important;
    }

    .md-font-16 {
        font-size: 80px !important;
    }

    /*Responsive Font Size */


    /*Responsive Text Line Height*/

    .md-text-line-height-0 {
        line-height: 0px !important;
    }

    .md-text-line-height-4 {
        line-height: 4px !important;
    }

    .md-text-line-height-8 {
        line-height: 8px !important;
    }

    .md-text-line-height-12 {
        line-height: 12px !important;
    }

    .md-text-line-height-16 {
        line-height: 16px !important;
    }

    .md-text-line-height-20 {
        line-height: 20px !important;
    }

    .md-text-line-height-24 {
        line-height: 24px !important;
    }

    .md-text-line-height-28 {
        line-height: 28px !important;
    }

    .md-text-line-height-32 {
        line-height: 32px !important;
    }

    .md-text-line-height-36 {
        line-height: 36px !important;
    }

    .md-text-line-height-40 {
        line-height: 40px !important;
    }

    .md-text-line-height-44 {
        line-height: 44px !important;
    }

    .md-text-line-height-48 {
        line-height: 48px !important;
    }

    .md-text-line-height-52 {
        line-height: 52px !important;
    }

    .md-text-line-height-56 {
        line-height: 56px !important;
    }

    .md-text-line-height-60 {
        line-height: 60px !important;
    }

    .md-text-line-height-64 {
        line-height: 64px !important;
    }

    .md-text-line-height-68 {
        line-height: 68px !important;
    }

    .md-text-line-height-72 {
        line-height: 72px !important;
    }

    .md-text-line-height-76 {
        line-height: 76px !important;
    }

    .md-text-line-height-80 {
        line-height: 80px !important;
    }

    .md-text-line-height-84 {
        line-height: 84px !important;
    }

    .md-text-line-height-88 {
        line-height: 88px !important;
    }

    .md-text-line-height-92 {
        line-height: 92px !important;
    }

    .md-text-line-height-96 {
        line-height: 96px !important;
    }

    .md-text-line-height-100 {
        line-height: 100px !important;
    }


    /*Responsive Text Line Height*/
    .md-width-100 {
        width: 100% !important;
    }

    .md-width-12 {
        width: 12px !important;
    }



    .md-width-24 {
        width: 24px !important;
    }

    .md-width-64 {
        width: 64px !important;
    }

    .md-width-240 {
        width: 240px !important;
    }

    .md-height-240 {
        height: 240px !important;
    }

    .md-height-12 {
        height: 12px !important;
    }

    .md-height-24 {
        height: 24px !important;
    }


    .md-height-64 {
        height: 64px !important;
    }

    .md-width-56 {
        width: 56px !important;
    }

    .md-height-56 {
        height: 56px !important;
    }

    .md-height-100 {
        height: 100% !important;
    }

    .md-width-48 {
        width: 48px !important;
    }

    .md-height-48 {
        height: 48px !important;
    }

    .md-width-100 {
        width: 100% !important;
    }

    .md-py-0 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


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

    .md-px-8 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }

    .md-px-16 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .md-px-24 {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .md-px-36 {
        padding-right: 2.25rem !important;
        padding-left: 2.25rem !important;
    }

    .md-px-40 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important;
    }

    .md-px-80 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }



    .md-pb-24 {
        padding-bottom: 24px !important;
    }

    .md-left-250 {
        left: 250px !important;
    }

    .md-flex-column {
        flex-direction: column;
        gap: 24px;
    }

    .md-mt-0 {
        margin-top: 0px !important;
    }


    .md-mt-5 {
        margin-top: 20px !important;
    }

    .md-mt-20 {
        margin-top: 80px !important;
    }


    .md-mt-10 {
        margin-top: 40px !important;
    }

    .md-mb-20 {
        margin-bottom: 80px !important;
    }

    .md-mb-24 {
        margin-bottom: 1.5rem !important;
    }


    .md-mt-16 {
        margin-top: 4rem !important;
    }

    .md-pr-24 {
        padding-right: 1.5rem !important;
    }

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

    .md-pr-56 {
        padding-right: 3.5rem !important;
    }


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

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

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

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

    .md-text-center {
        text-align: center;
    }

    .md-justify-content-center {
        justify-content: center !important;
    }

    .md-justify-content-between {
        justify-content: space-between !important;
    }

    .md-align-items-start {
        align-items: start !important;
    }

    .md-align-items-center {
        align-items: center !important;
    }

    .for-lg {
        border-top-right-radius: 50px !important;
        border-bottom-left-radius: 0px !important;
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    .text-maxw-600 {
        max-width: 600px;
    }
}

@media(min-width:992px) and (max-width:111.98px) {
    .text-maxw-600 {
        max-width: 600px;
    }
}
}