@media screen and (max-width:1023px) {
    .menu {
        width: 100%;
        max-height: 90px;
        min-height: 90px;
    }

    .nav__toggle {
        display: block;
    }

    .nav__toggle i {
        display: block;
        font-size: 1.5rem;
        cursor: pointer;
    }

    .menu-arda {
        font-size: 1.5rem;
    }

    .menu-nav {
        position: absolute;
        left: -100%;
        top: calc(4rem + 85px);
        background-color: #928786;
        width: 100%;
        height: 85vh;
        flex-direction: column;
        transition: left 0.4s ease-in-out;

    }

    .menu-nav.show-menu {
        left: 0;
    }

    .menu-nav .nav-item-a .link-text {
        padding: 1rem 0;
        font-size: 1rem;
    }
    .link-text:after{
        opacity:0;
    }

    .menu-nav .nav-item-a i {
        position: relative;
        font-size: 1.3rem;
        transform: rotate(-90deg);
        padding: 10px;
        border-top: .1rem solid #cec4c3;
    }
    .menu-nav .nav-item-a i:hover{
        box-shadow: 0px 0px 10px #cec4c3;
    }
    .menu-nav .nav-item-a:hover i{
        transform: rotate(-90deg);
    }

    .nav-item {
        position: relative;
        width: 100%;
        padding: 2vh 0vh 7vh 2vh;
        align-items: center;
        justify-content: center;
        display: grid;
    }

    .nav-item .nav-item-a {
        position: absolute;
        display: flex;
        width: 95%;
        justify-content: space-between;
        align-items: center;
    }

    .container-text .card-button a{
        padding: 10px 5.2vw;
    }

    .nav-item.dropdown:hover .dropdown-menu, .dropdown-menu a, .nav-item.dropdown:hover .dropdown-menu, .nav-item.dropdown:hover .dropdown-menu, .dropdown-menu a::after, .dropdown-menu a:hover::after, .dropdown-menu {
        display: none;
        transform: translateY(0);
    }
    #open-menu:hover .big-store {
        display:none;
    }

    .nav-item:hover .big-store{
        display:none;
    }

    .big-store{
        display:block !important;
        z-index: 20;
        left: 100%;
    }
    .store_mobile_open{left: 0% !important;}
    .store-info{
        display: block;
        top: calc(4rem + 90px);
        width: 100%;
        height: 65vh;
        overflow: auto;
        left: 100%;
        z-index: 20;
        padding: 0 2vh 2vh 2vh;
        transition: left 0.5s ease;
        border-top: .0rem;
    }
    #kategori_i,#koleksiyon_i,#değerlitas_i{
        display:block;
    }

    .mobile-shop-info{
        display: block;
    }
    .store-info .container-store-img, .store-info ul{
        display:none;
    }
    .store-container{
        border-right: 0px;
        width:100%;
        display: block;
    }
    .container-h3{
        display: flex;
        height: 3rem;
        width: auto;
        justify-content: space-between;
        border: 0;
    }
    .container-h3 h3{
        font-weight: 500;
        padding:.5rem 0;
        font-size: 1rem;
    }
    .container-h3 .nav-arrow{
        padding: .5rem .5rem;
        border-top:.1rem solid #cec4c3;
        transform: rotate(-90deg);
        cursor:pointer;
        right:10px;
        position: absolute;
        transition: all 0.5s ease;
    }
    .container-h3 i:hover{
        right:-1px;
    }
    .geri-container{
        position: relative;
        display: flex;
        gap: 20px;
        width: 100%;
        border-bottom: .1rem solid #cec4c3;
        padding: 2vh 0;
        font-size: 1.5rem;
        color: white;
    }
    .geri-container i{
        display: block;
        height: 1.5rem;
        padding-top:5px;
        font-size: 1.5rem;
    }
    .container-store-text {
        display: block;
        width: 100%;
        gap: 3%;
    }
    .mobile-shop-info{
        padding:1rem 0;
    }
    .container_a::before,.container-h3 h3::before, .container_a:hover::before,.container-h3 h3:hover::before {
        display:none;
    }
    .container_a:hover,.container-h3 h3:hover{
        left:0;
    }

    /*====================
    =====dropdown-menu====
    ======================*/
    .dropdown-menu{
        position: fixed;
        display: block !important;
        top: 19vh;
        width: 100%;
        height: 65vh;
        left: 100%;
        z-index: 20;
        padding: 0 4vh 4vh 4vh;
        transition: left 0.5s ease;
        box-shadow: none;
        background-color: #928786;
        border-color: transparent;
    }
    .dropdown-menu a{
        display:block;
        position:relative;
        padding:1.5rem 0;
        font-weight: 300;
    }
    .dropdown-menu-h3{
        display: inline-block;
        font-size: 1.7rem;
        font-weight: 300;
        margin: 1.5rem 0;
        color: white;
    }


    /*============ Magaza kategori/koleksiyon mobile  ==================================*/
    .container-ul{
        position: fixed;
        display: block !important;
        top: calc(4rem + 90px);
        width: 100%;
        max-height: 90vh;
        height: 65vh;
        overflow: auto;
        left: 100%;
        z-index: 20;
        padding: 0 2rem 2rem 2rem;
        transition: left 0.5s ease;
        box-shadow: none;
        background-color: #928786;
    }
    .container-li{
        margin-bottom: 2rem;
    }
    .container-h3:hover .container-ul {
        max-height: 1000px;
    }
    .container-ul-span span a{
        color: white;
    }
    .container_a{
        position: relative !important;
        font-size: 1rem;
        font-weight: 400;
    }
    /*============ Magaza kategori/koleksiyon mobile  ==================================*/



    .menu-icons i:nth-child(3) {
        display: block;
        font-size: 1.7rem;
    }

    .menu-icons .ri-search-line , .menu-icons .ri-user-line {
        display: none;
    }
    /*login-mobile*/
    .login-mobile{
        display: flex;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-bottom: 6rem;
        z-index: 21;
    }
    .login-mobile a{
        display: flex;
        gap:1rem;
        font-size: 1rem;
        color: white;
    }
    /*login-mobile*/

    .menu-icons i:hover {
        color: white;
    }

    #pack-icons {
        font-size: 1.5rem;
        margin: 0 .5rem;
    }

    .search-menu.store-info-open {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .search-menu {
        display: block;
        position: absolute;
        top: 89px;
        left: -100%;
        opacity: 1;
        height: 4rem;
        visibility: visible;
        border-top: 1px solid #cec4c3;
        border-bottom: .1rem solid #cec4c3;
    }

    .open-search {
        left: 0;
    }

    .search-container {
        padding: 0 10px;
    }

    #-search-i1 {
        display: block;
    }

    .search-line input {
        width: 100%;
    }


    /*----Body Header-------*/
    .body-header {
        flex: 1;
        display: flex;
        width: 100%;
        height: 60vh;
        background-color: red;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .left-img, .right-img {
        position: relative;
        width: 50%;
        height: 60vh;
        overflow: hidden;
        cursor: pointer;
        filter: grayscale(20%);
    }

    .left-img-icerik{
        gap: 0.5vh;
        left: 50%;
        transform: translateX( -50%);
        bottom: 20px;
        align-items: center;
    }
     .right-img-icerik {
        gap: 0.5vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
         align-items: center;
    }

    .yellow-container {
        display: grid;
        width: 100%;
    }

    .yellow-left-img {
        height: 30vh;
    }

    .yellow-up-img.first{
        margin-bottom: 0;
    }

    .yellow-right-img {
        width: 100%;
        display: grid;
        gap: 1vw;
    }

    .yellow-up-img, .yellow-down-img {
        height: 30vh;
        width: 100%;
    }

    /*Fantasy*/
    .fantasy-all {
        padding: 0 0 0 2rem;
        margin: 0 0 2vh 2vw;
    }

    /*Greee section*/
    .green-section {
        width: 100%;
        height: auto;
        max-height: 1555px;
    }

    /*
    .green-left-text {
        margin: 50% 0 0 25%;
        width: 60%;
    }
     */

    .green-left-text p {
        font-size: 1rem;
    }

    .green-left-text h3 {
        font-size: 1.5rem;
    }

    .green-left-text .green-p {
        font-size: 0.8rem;
    }

    .green-div i {
        display: inline-grid;
    }

    .green-div:hover i {
        padding-left: 3%;
    }

    /*---Yellow Body------*/
    .yellow-body {
        padding: 1rem 0;
    }

    .yellow-body-padding {
        width: 100%;
        height: auto;
        padding: 0 2.5vw;
        display: grid;
        gap: 1rem;
    }

    .yellow-big-img, .yellow-small-img {
        width: 100%;
        height: auto;
    }

    .yellow-img-left img, .yellow-img-small img {
        width: 100%;
        height: 90vw;
    }

    .yellow-big-text, .yellow-smal-text {
        height: auto;
        width: 100%;
    }

    .yellow-text-h4 {
        position: relative;
        margin-top: 1.5vw;
        font-size: 3vw;
    }

    .yellow-text-p {
        position: relative;
        margin-top: 1.5vh;
        font-size: 1.7vw;
    }

    .learn {
        margin-top: 2rem;
    }

    .learn a {
        font-size: 1.2vw;
    }


    /*----- loNG ---------*/

    .long-style {
        display: grid;
    }

    .long-up, .long-down {
        width: 100%;
        height: 100%;
    }

    .long-text1,
    .long-text2 {
        width: 50%;
    }

    .long-img1,
    .long-img2 {
        width: 50%;
    }

    /*
    .text-long {
        position: relative;
        margin: 50% 0 0 20%;
    }
     */

    .text-long h2 {
        font-size: 1.3rem;
    }

    .text-long .sa {
        font-size: 2rem;
        margin-top: 0.6rem;
    }

    .text-long .p-2 {
        margin-top: 1rem;
        font-size: 1.2rem;
    }

    .text-long .long-buton {
        margin-top: 2.5rem;
    }

    /*-----mesmer-------*/
    .mesmer {
        padding: 3vh 0;
    }

    .mesmer-body {
        margin: 0 5%;
    }

    .mesmer-up-text {
        font-size: 3.4vw;
    }

    .mesmer-down-text {
        margin-top: 1.5vw;
    }

    .mesmer-down-text p {
        font-size: 2.2vw;
    }



    .mesmer-img-left {
        width: 100%;
    }

    .mesmer-img-left img {
        width: 100%;
        position: relative;
    }

    .mesmer-img-right {
        width: 100%;
        position: relative;
    }

    .mesmer-img1,
    .mesmer-img2,
    .mesmer-img3 {
        width: 100%;
        height: 50vw;
        background-size: cover;
        background-position: center;
        transition: all 0.5s ease;
    }


    .mesmer-text {
        position: relative;
        margin-top: 2vh;
    }

    .mesmer-text-h4 {
        position: relative;
        margin-bottom: 1vh;
    }

    .mesmer-text-h4 a {
        text-decoration: none;
        font-size: 1rem;
        color: black;
        font-weight: 400;
    }

    .mesmer-text span {
        margin-top: 4vh;
        font-weight: 500;
    }

    .mesmer-button {
        bottom: 4rem;
        height: 2.5rem;
    }


    .swiper-slide:hover .mesmer-button {
        bottom:22%;
    }

    .mesmer-button i {
        position: absolute;
        opacity: 0;
        left: 80%;
        transition: all 0.5s ease;
        color: white;
    }

    .mesmer-button:hover i {
        opacity: 1;
        left: 90%;
    }

    .mesmer-button span {
        transition: all 0.5s ease;
        left: 0;
    }

    .mesmer-button:hover span {
        position: relative;
        left: -5%;
    }

    .mesmer-img-right .swiper-pagination {
        margin-bottom: -1vh;
    }

    /*============Collection==========*/
    .collection-text h1{
        font-size: 3rem;
    }
    .img-text-h4 h4{
        font-size: 1.4rem;
    }
    .collections-ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .collections-learn a span {
        font-size: 1rem;
    }

    /*=============sirket=============*/
    .sirket-body{
        grid-template-columns: repeat(2, 1fr);
    }
    /*=================mobil Hesap================*/
    .cart .page-content{
        padding-top: 0 !important;
    }
    .page-content{
        /*padding-top: 6rem !important;*/
        padding: 0 20px;
    }


    /*=======================================
    ===========DETAİL========================
    =========================================*/
    .detail_main{
        display: inline-block;
    }
    .detail_img,.detail_aciklama{
        width: 100%;
        padding: 0;
        display: inline-block;
    }
    .R{
        margin-bottom: 1rem;
    }
    .detail_collection_ul{
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .earings-inline-h4{
        padding: 1rem 0 0 0 ;
    }
    .urun_detail{
        top: 10vh;
    }
    .favori-list .collections-li{
        width: 90%;
        margin: 0 auto;
    }
    .favorite-icon{
        display: block;
    }
    .cart_body_texts{
        display: grid;
        width: 80%;
        justify-content: normal;
        gap: 0.9rem;
    }
    .cart_body_fiyat{
        text-align: left;
        padding-left: 0.5rem;
        order: 1;
    }
    .cart_body_text_head{
        order: 4;
    }
    .cart_id{
        order: 4;
    }
    .cart_body_sayac{
        order: 5;
        display: grid;
        justify-content: left;
    }
    .cart_body_sil{
        order: 6;
    }
    .cart_gap{
        max-width: 700px;
        margin: 0 auto;
    }
    .cart_order_message,.cart_leg_fatura{
        width: 45%;
    }
    .cart_info_h1{
        margin: 0 0 1.5rem 0;
    }
    .cart_body_head{
        display: block;
        text-align: left;
        width: 100%;
    }
    /*===========CART==============*/
    .container{
        padding: 0;
    }
    /*=====================CHECOUT========================*/
    .nav-pills{
        display: flex;
        flex-wrap: nowrap;
    }
    #paymentCreditCard{
        gap: 10px;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .cart-inner{
        width: 100% !important;
        margin: 7rem 0 !important;
    }
    .cart-inner .col-lg-8,.cart-inner .col-md-8{
        width: 100% !important;
    }
    .jp-card-container{
        width: 100% !important;
        transform: scale(1) !important;
    }
    .page-content .row .account-menu{
        width: 100% !important;
    }
    .page-content .row .responsive_container{
        width: 100% !important;
    }
    .row .col-lg-8, .col-md-8{
        width: 100% !important;
    }
    .row .col-md-4{
        width: 100%;
    }
    .favori-list{
        width: 50% !important;
        padding: 0 !important;
    }
    .products{
        padding-left: 2.5rem;
    }
    /*============odeme===============*/
    .checkout-sidebar-column{
        width: 100%;
    }
    .cart-inner{
        margin: 7rem 0 0 0 !important;
    }
    /*==============search=sayfa=======*/
    .search-product-list{
        grid-template-columns: repeat(2, 1fr);
    }
    /*==========ürünyok==========*/
    .error-title-text{
        left: 50% !important;
    }
}

@media screen and  (max-width:850px){
    .small-login{
        padding: 0 1.6rem;
    }
    .form-center{
        padding: 8vh 10vh;
    }
    .form-head-h1{
        font-size: 2rem;
    }
    .form-head-p{
        font-size: 1rem;
    }
    /*==hakkımızda===*/
    .contact_header_img .write h2{
        font-size: 2rem;
    }
}

@media screen and (max-width:767px) {
    /*=================MESMER================*/
    .mesmer-body-img {
        gap: 1rem;
        width: 100%;
        flex-direction: column;
    }
    /*==================FOOTER DOWN================*/
    .footer-down {
        height: 15rem;
    }
    /*==============Collections============*/
    .collection-text h1{
        font-size: 3rem;
    }
    .img-text-h4 h4{
        font-size: 1.4rem;
    }
    .collections-ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .collections-learn a span {
        font-size: 1rem;
    }
    /*=============Detail===========*/
    .detail_padding,.detail_musteri{
        padding: 1rem;
    }
    .yorum_yildiz,.yorum_button{
        width: 100%;
        border-right: none;
    }
    .yorum_span{
        font-size: 0.9rem;
    }
    .yorum_button_a{
        padding: 0.7rem;
        font-size: 0.8rem;
    }
    .yorum_yapmak{
        width: 100%;
        display: grid;
        gap: 1rem;
        padding: 1rem 0;
    }
    .checkout_detail_body{
        display: block;
        width: 100%;
        justify-content: center;
    }
    .collections-main{
        padding: 0 0.5rem;
    }
    .detail_checkout_text{
        width: 100%;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none !important;
    }
    /*_______sirket-kisiler------*/
    .contact-container{
        width: 100%;
        padding: 1rem !important;
    }

    /*==========================
    ===========cart?============*/
    .cart_body_texts{
        width: 70%;
    }
    .cart_body_media {
        min-width: 30%;
        max-width: 30%;
    }
    .cart_gap{
        display: block;
        max-width: 100%;
    }
    .cart_order_message,.cart_leg_fatura{
        margin: 4% 4%;
        width: 90%;
        left: 0;
    }
    .main_cart_padding{
        padding: 1rem 0rem;
    }
    .row .col-lg-8{
        width: 100%;
    }
    .col-md-8 .col-8{
        width: 100%
    }
    .col-md-8{
        width: 100%;
    }
    .cart_form_padding{
        padding: 0px;
    }
    /*=======================sirket======================0*/
    .create-login-flex{
        grid-template-columns: repeat(1,1fr);
    }
    /*-----Hesap_bilgiler-----*/
    .page-content .row{
        /*flex-direction: column;*/
        margin: 0 auto;
    }
    /*==============search=sayfa=======*/
    .search-product-list{
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
    }
    /*==========================SİPARİŞ SORGULA======================*/
    .order-search{
        width: 90% !important;
    }
    /*==========ürünyok==========*/
    .error-title-text{
        left: 0% !important;
    }
}

@media screen and (max-width:750px){

        .right-img{
            display: none;
        }
        .left-img{
            width: 100%;
            background-position: center;
        }
        .left-img-icerik{
            left: 50%;
            transform: translateX(-50%);
            justify-content: center;
        }
        .featured-container-text h2{
            font-size: 2rem;
        }
        .featured-container-text p{
            font-size: 0.9rem;
        }
        .yellow-buton-right a{
            padding: .5rem 1.7rem;
        }
        .fantasy-text-up h2{
            font-size: 1.9rem;
        }
        .fantasy-all {
            padding: 0 0.5rem;
            margin: 0;
        }

        .container-text .card-button a{
            padding: 10px 25px;
        }

        .green-section{
            display: grid;
        }
        #green-left,.green-right{
            width: 100%;
            height: auto;
        }
        .green-right{
            order: 1;
        }
        .green-left{
            order: 2;
        }


        .green-left-text {
            position: relative;
            margin: 4% 4%;
            width: 90%;
            left: 0;
            padding: 0 0 0 1rem;
        }
        .down-left-text-baner{
            left: 0 !important;
            padding: 0 0 0 1rem;
        }
        #green-left2{
            width: 100%;
        }


        /*==============yellow-body==============*/
        .yellow-big-img, .yellow-small-img {
            width: 100%;
            height: auto;
            min-width: 320px;
        }
        .yellow-text a{
            font-size: 1.5rem;
        }
        .yellow-text-h4{
            font-size: 1.5rem;
        }
        .yellow-text-p{
            margin-top: 1rem;
            font-size: 0.8rem;
        }
        .learn{
            margin-top: 1.2rem;
        }
        .learn #learn-1, .learn #learn-2{
            display: block;
        }


        .long-up, .long-down {
            display: grid;
            width: 100%;
        }
        .long-text1, .long-text2 {
            width: 100%;
        }
        .long-img1, .long-img2 {
            width: 100%;
            height: 100vw;
        }
        .text-long {
            margin: 3% 5%;
            top: 0;
            transform: translateY(0);
        }
        .text-long h2 {
            font-size: 2.5vw;
        }
        .text-long .sa {
            font-size: 6vw;
            margin-top: 2vw;
        }
        .text-long .p-2 {
            margin-top: 3vw;
            font-size: 2.5vw;
        }
        .text-long .long-buton {
            margin-top: 2rem;
        }


        .mesmer-img-left {
            height: 90vw;
        }
        .mesmer-button {
            height: 2rem;
            bottom: 4rem;
        }
        .mesmer-up-text h2{
            font-size:2rem;
        }

        /*=============Footer==============*/
        .footer-grid {
            justify-content: center;
            width: 100%;
            flex-direction: column;
        }
        .footer-texts{
            width: 95%;
        }

        /*======= Sepet =============*/
        #sepet-bos-dolu{
            width: 12rem;
        }

        /*====collection==*//*=============sirket=============*/
        .collections-ul,.sirket-body {
            grid-template-columns: repeat(1, 1fr);
            padding: 0 0.5rem;
        }


        /*================================
        =======Sirket Hakkımızda=========
        ==================================
        */
        /*==========Button*/
        .sirket_button{
            width: 50%;
        }
        /*=========contact_info=========*/
        .contact_info{
            display: grid;
        }
        .contact_number{
            width: 100%;
        }
        /*================ Detail ========================*/
        .detail_images_detay_open {
            width: 90%;
            height: auto;
            top: 50%;
            left: 5%;
            transform: translateY(-50%);
        }
        .detail_swiper_wrapper .swiper-slide{
            width: 100% !important;
            margin: 0 !important;
            height: auto !important;
            padding: 1rem !important;
            margin: 0 .5rem !important;
        }
        .detail_swiper_wrapper .swipper-slide-img{
            width: 100%;
        }
        .white_message_box{
            display: grid;
        }
        .white_label_style{
            width: 100%;
        }
        /*=========Login===========*/
        .col-md-6:nth-child(1) .row{
            display: contents;
        }
        .col-md-6:nth-child(1) .row .col-md-6:nth-child(1), .col-md-6:nth-child(1) .row .col-md-6:nth-child(2){
            padding: 0;
            width: 100%;
        }
        .btn-submit svg{
            display: none;
        }
        /*====================MOBİL=Favoriler===============*/
        .products{
            padding-left: 0;
        }
    }

@media screen and (max-width:540px){
        /*===================HEADER==============*/
        .header_button span{
            font-size: 0.9rem;
        }
        /*
        .fantasy-all{
            height: 50rem;
        }
        */
        .fantasy{
            position: relative;
        }

        /*=========0yellow-body============*/
        .yellow-body-padding {
            height: auto;
            padding: 0 1rem;
            display: grid;
            gap: .5rem;
        }
        .yellow-big-img, .yellow-small-img {
            width: 100%;
            height: auto;
            min-width: 320px;
        }
        .yellow-big-text, .yellow-smal-text {
            height: auto;
            width: 100%;
            object-fit: cover;
        }

        .pack-mobile{
            width: 100vw;
        }
        .header_media_a img{
            height: auto !important;
            width: 100%;
        }


        .long-text1, .long-text2 {
            width: 100%;
        }
        .text-long h2 {
            font-size: 3.5vw;
        }
        .text-long .sa {
            font-size: 8vw;
            margin-top: 2vw;
        }
        .text-long .p-2 {
            margin-top: 3vw;
            font-size: 3.5vw;
        }
        .text-long .long-buton {
            margin-top: 1rem;
        }

        .swipper-slide-img{
            height: 28rem;
        }
        .mesmer-up-text {
            font-size: 4vw;
        }
        .mesmer-down-text p {
            font-size: 3vw;
        }
        .mesmer-img1, .mesmer-img2, .mesmer-img3 {
            height: 70vw;
        }
        .footer-down-text{
            display: grid;
            text-align: left;
            justify-content: left;
            align-items: end;
            gap: 1rem;
            justify-content: center;
        }
        .yellow-big-img, .yellow-small-img {
            min-width: 220px;
        }

        .long-buton a span{
            padding: 8px 27px;
        }
        .long-buton  i{
            margin: 9px 0px 9px 9rem;
        }
        .long-buton:hover  i{
            margin-left: 10rem;
        }
        mesmer-img1 img,mesmer-img2 img,mesmer-img3 img{
            height: 100%;
        }
        .subscribe-button {
            padding: 12px 17px;
            font-size: 14px;
        }
        /*============sirket============*/
        .endblock_img{
            min-height:10rem;
            height: 10rem;
        }
        /*=======================
        ===========Detail========
        =========================*/
        .detail_padding, .detail_musteri {
            padding: 0.5rem;
        }
        .detail_main{
            padding: 0 1rem;
        }
        .detail_img_detay{
            display: flex;
            width: 100%;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
        }
        .detail_images_detay{
            height: auto;
            scroll-snap-align: center;
        }
        .detail_aciklama_h1{
            font-size: 1.5rem;
        }
        .detail_fiyat{
            font-size: 1.3rem;
            display: flex;
            position: relative;
        }
        .vergi{
            justify-content: start;
        }
        .details_fantasy{
            padding: 0;
            justify-content: center;
        }
        .detail_urun_aciklama_fiyat{
            display: block;
            width: 100%;
            height: 8rem;
        }
        .datails_urun_aciklama{
            width: 100%;
            margin-bottom: 1rem;
        }
        .detail_swiper_wrapper{
            display: flex !important;
            width: 100% !important;
        }
        .detail_swiper_slide{
            width: 100% !important;
            height: auto !important;
        }
        .detail_urun_fiyat{
            display: block;
            width: 100%;
            align-items: flex-start;
            text-align: start;
        }

    /*==========================
    ===========cart?============*/
    .main_container{
        padding: 1rem 1rem;
    }
    .cart_body_text{
        padding-right:0;
    }
    .cart_body_texts{
        width: 55%;
        padding: 0 0 0 1rem;
    }
    .cart_body_media {
        min-width: 45%;
        max-width: 45%;
    }
    .cart_body_sil {
        text-align: left;
        padding: 0 0 0 1rem;
    }
    .cart_id{
        font-size: 0.7rem;
    }
    .detail_container_add{
        width: 8rem;
        height: 2.5rem;
    }
    .cetail_add_remove{
        font-size: 1rem;
        padding: 0.4rem;
    }
    .cart_button_input{
        width: 1.5rem;
        text-align: center;
    }
    .cart_frima img{
        width: 2.2rem;
        height: 1.3rem;
        margin-right: 0.2rem;
    }
    /*=====================HİKAYEMİZ====================*/
    .earing-header-text h1{
        font-size: 2.5rem;
    }
    /*==hakkımızda===*/
    .contact_header_img .write{
        width: 70%;
    }
    .contact_header_img .write p{
        font-size: 0.7rem;
    }
    .contact_header_img .write h2{
        font-size: 1rem;
    }
    .page-title-banner{
        padding: 4rem 1rem;
    }
    /*=============FAVORİLERİM===============*/
    .favori-list{
        width: 100% !important;
    }

}

@media screen and  (max-width:500px){
    /*============header========*/
    .menu{
        padding: 0 20px;
    }
    /*=================Header==============*/
    .form-center{
        padding: 8vh 5vh;
    }
    .footer-down {
        height: 18rem;
    }
    .form-down p{
        font-size: 0.8rem;
    }
    .small-login{
        padding: 0 0;
    }
    .form-head-h1{
        font-size: 1.5rem;
    }
    .form-head-p {
        font-size: 0.8rem;
    }
    .field-i{
        font-size: 0.75rem;
    }
    .form-button{
        height: 2rem;
    }
    .form-input-wrapper input{
        height: 3rem;
    }
    .field__error{
        font-size: 1rem;
    }
    .learn #learn-2 {
        transform: translateX(40px);
    }
    .learn #learn-1 {
        transform: translateX(60px);
    }
    .learn:hover #learn-2 {
        transform: translateX(20px);
    }
    .learn:hover #learn-1 {
        transform: translateX(40px);
    }
    .swiper-text{
        height: 35vh;
    }
    /*============Hizmet=============*/
    .contact_header_texts h2{
        font-size: 2rem;
    }
    /*==========COLLECTİON==============*/
    .collection-text h1 {
        font-size: 2rem;
    }
    /*=============LOGİN=================*/
    .mt-5{
        padding: 0;
    }
    .box .box-content, .box .box-content .col-md-12,.box .box-title{
        padding: 15px 0;
    }
    .basket-register{
        font-size: 0.9rem;
    }
    /*========favori liste===========*/
    .favori-list .collections-li{
        width: 95%
    }
    /*==========Cart=============*/
    .main_cart_padding .main_container{
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    /*==========CART====================*/
    /*=========CHECKOUT=============*/
    .nav-pills{
        flex-wrap: wrap;
        width: 100%;
    }
    .nav-pills li{
        padding: 1rem 0;
    }
    .swiper_pagination_conum{
        margin-top: 10px;
    }

}

@media screen and (min-width:20px) {
    .subscribe-input{
        width: 100%;
    }
    .h5 {
        font-size: 1.3rem;
    }
    .cart-drawer__empty-actions{
        margin-top: 1.5rem;
    }
    .sepet_bilgi_info {
        padding: 1px 7px !important;
    }

}

/*
=====================================
=========== PASSWORD=================
=====================================


.password{
    height: 65vh;
}