/* TABLET YATAY */
@media only screen and (width : 1024px) { }

/* TABLET DIKEY */
@media only screen and (width : 768px) {}

/* TELEFON */
@media only screen and (max-width : 760px) {
    .field-row.row { flex-direction: column !important; }
    .field-row.row label { width: 100%; margin-bottom: 8px !important; }
    section.logon .container { flex-direction: column-reverse; }
    /*#odeme { display: none; }*/
    .phone-flex-1 { flex: 1; }
    section { padding: 20px; }
    h1.page-title { padding: 0 20px 20px 20px; }
    .container.inner { padding: 0 20px; } 
    #mobile-menu-icon { display: inline-block; position: absolute; right: 10px; top: 12px; padding: 10px; }
    #mobile-menu-icon i { font-size: 24px; }
    #mobile-basket-icon { display: flex; position: absolute; right: 60px; font-size: 24px; top: 22px; }
    #mobile-basket-icon u {
        position: absolute;
        font-size: 8px;
        text-decoration: none;
        display: flex;
        width: 12px;
        height: 12px;
        color: #ffffff;
        background-color: #cc0001;
        border-radius: 6px;
        align-items: center;
        justify-content: center;
        padding-top: 2px;
        top: -1px;
        right: -3px;
    }
    .show-in-phone { display: flex; }
    .hide-on-phone { display: none; }
    #header { padding: 0 20px; }
    #top-bar { padding: 12px; font-size: 12px; }
    #top-bar .info { flex-direction: column; }
    .logon { padding: 30px 0; }
    .logon .container { flex-direction: column-reverse; padding: 0 20px; }
    .login-box { width: 100% !important; }
    .login-seperator { width: 100%; }
    nav { display: none; position: absolute; right: 0; top: 71px; background-color: #ffffff; border-bottom: #d4d4d4 1.5px solid; }
    nav.show { display: flex; flex-wrap: wrap; padding: 15px 10px !important; }
    nav.show a { width: 50%; margin: 0 !important; padding: 7px 15px;}
    section.user-messages .container .swiper-slide { line-height: 22px; font-size: 16px; padding: 0 20px; }
    .swiper-button-next, .swiper-button-prev { display: none; }
    section.user-messages .container .swiper-container .swiper-pagination { display: flex; }
    section.home-list { padding: 20px; }
    .home-list .container { flex-direction: column; }
    #categories { padding-right: 0; }
    h3.category-title { margin: 10px 0 0 0; position: relative; display: flex; flex-direction: row; }
    .category-title i { display: inline-block; padding-right: 10px; }
    #categories .category-list { display: none; }
    #categories .category-list.show { display: flex; }
    .toolbar { margin: 20px 0; }
    .toolbar label { font-size: 20px; line-height: 26px; }
    .actions a:nth-child(3), .actions a:nth-child(1), .actions a:nth-child(2) { display: none; }
    .actions select { flex: 1; }
    #shadow-content { width: 100%; }
    #shadow-content.popup { padding: 30px; }
    #product-list, .product-list { padding-left: 0; }
    #product-list.mv-5, .product-list.mv-5 { margin-top: 20px; }
    #product-list .items .product, 
    .product-list .items .product,
    .product-list.n4 .items .product { width: 100%; border-right: transparent 1px solid; border-bottom: #e8e8e8 1px solid }
    #product-list .items .product,
    .product-list .items .product { padding: 0; margin: 15px 0; border: transparent 1px solid !important; box-shadow: 0 0 5px #d4d4d4; border-radius: 5px; margin: 10px 0; }
    #product-list .items .product .inner .image-container .basket-panel,
    .product-list .items .product .inner .image-container .basket-panel,
    #product-list .items .product .inner .image-container .basket-panel-off,
    .product-list .items .product .inner .image-container .basket-panel-off { display: none; }
    #product-list .items .product .inner .image-container,
    .product-list .items .product .inner .image-container { border-bottom: #e8e8e8 1px solid; padding: 20px; }
    #product-list .items .product .inner .image-container .image,
    .product-list .items .product .inner .image-container .image { /*height: 220px;*/ }
    #product-list .items .product .inner .info,
    .product-list .items .product .inner .info { padding: 20px; background-color: #f5f5f5; }
    .order-row { position: relative; display: flex; flex-direction: column; box-shadow: 0 0 5px #d4d4d4; border-radius: 5px; padding: 15px; margin-bottom: 15px; }
    .order-row.blue { background-color: #0747A6; color: #ffffff; box-shadow: unset; margin-top: 25px; }
    .order-row.gray { background-color: #f5f5f5; color: #242424; box-shadow: unset; margin-top: 25px; }
    .order-row.open { background-color: #f9f9f9; }
    .order-row i { position: absolute; right: 10px; top: 15px; font-size: 18px; }
    .order-row em { font-size: 18px; }
    .order-row i.icofont-rounded-down { display: none; }
    .order-row label { display: block; }
    .order-row label.props span { width: 100px; display: inline-block; }
    .order-row label.title { font-family: semiBold; }
    .order-row div.detail { display: none; padding-top: 15px; border-top: #d4d4d4 1px solid; margin-top: 15px; }
    .order-row.open i.icofont-rounded-right { display: none; }
    .order-row.open i.icofont-rounded-down { display: block; }
    .order-row.open div.detail { display: block; }
    .order-row .links { text-align: right; margin-top: 25px; }
    .order-row .links a { display: inline-block; padding: 5px; }
    .fancybox-slide { padding: 20px !important; }
    section.user-messages .container .swiper-container { max-width: 100%; }  
    .haber-list { padding: 0 20px; }  
    .haber-list .haber-box { width: 100%; }
    section.info .container { flex-direction: column; }
    .popup-container { padding: 100px 15px; }
    .popup-title { font-size: 14px; line-height: 20px; }
    .contact-info { flex-direction: column; align-items: flex-start; }
    /*.slider-arrow { top: unset; bottom: 0; font-size: 20px; padding: 5px; box-shadow: unset; }
    .slider-arrow.left { left: 0; }
    .slider-arrow.right { right: 0; }*/
    #slider-area {
        height: 370px;
    }

    #slider-area .slide-item {
        padding: 20px;
    }

    #slider-area .slider-arrow {
        display: none;
    }

    #slider-area .slide-item .container .slide-content h1 {
        font-size: 30px;
        line-height: 34px;
    }

    #slider-area .slide-item .container .slide-content p {
        font-size: 20px;
        line-height: 26px;
        padding: 0;
    }

    #footer .footer-seperator {
        padding: 20px;
    }

    #footer .container {
        flex-direction: column;
    }

    #footer .baseh-info {
        padding: 0 20px;
    }

    #footer .footer-links {
        align-items: flex-start;
        padding: 20px;
        border-top: #e8e8e8 1px solid;
        margin-top: 20px;
        text-align: left;
    }

    #footer .footer-links div {
        flex-direction: column;
    }

    #footer .footer-links div a { 
        margin-left: 0 !important;
        display: block;
        padding: 5px 0;
    }

    #footer .footer-seperator {
        margin-top: 0;
    }

    #footer .footer-seperator .container {
        flex-direction: column-reverse;
    }

    #footer .footer-seperator .container img {
        margin-top: 10px;
    }

    .pay-container {
        width: 100%; 
    }

    .tab-container .tabs label {
        text-align: center;
    }

    .page-title-container h1 {
        padding: 20px;
    }

    section.iletisim {
        padding: 20px 0;
    }

    .container.iletisim {
        flex-direction: column;
        padding: 0px 20px;
    }

    .container.iletisim .left-col, .container.iletisim .right-col {
        margin-bottom: 30px;
    }

    .container.iletisim .right-col iframe {
        height: 220px;
    }

    .container.iletisim .left-col p {
        padding-right: 0px;
    }
}