.mainSlider.mobile {
    display: none;
}

.mainSlider.normal {
    display: block;
}

@media only screen and (max-width:1500px) {
    .siparis-detay-modal .siparis-detay-bilgiler .urun-kodu {
        width: 15%
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }

    .top-header {
        padding: 15px 3%;
    }

    .header-search.row {
        padding: 0 3%;
    }

    #menu li {
        margin: 0 20px;
    }

    .close-modal {
        right: 0;
    }

    .result-table tr td:first-child, .result-table tr td:last-child {
        width: 2%;
    }

    #search-filter {
        right: 3%;
    }

    #menu li {
        margin: 0 10px;
    }

    .login-baslik {
        width: 90%;
    }

    .ozellik-content h3 {
        font-size: 24px;
    }

    .ozellik-content p {
        font-size: 18px;
    }

    #sancak-ozellikler h2 {
        font-size: 44px;
    }

    .giris-footer .bottom-footer {
        padding: 50px 0;
    }

    .leftYenilikSlider .yenilik-content {
        padding-left: 100px;
        padding-right: calc((100vw - 1170px) / 2);
    }

    .rightYenilikSlider .yenilik-content {
        padding-right: 100px;
        padding-left: calc((100vw - 1170px) / 2);
    }

    #yenilik-slider-1, #yenilik-slider-2, .yenilikSliderImgs {
        height: 600px;
    }

    .landing-container {
        width: 1170px;
    }
}

@media only screen and (min-width: 1284px) and (max-width: 1345px) {
    #menu a {
        font-size: 15px;
    }

    .badge.salessettle {
        width: 23px !important;
        height: 23px !important;
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 1233px) and (max-width: 1283px) {
    #menu a {
        font-size: 14px;
    }

    .badge.salessettle {
        width: 20px !important;
        height: 20px !important;
        margin-left: 2px !important;
    }
}

@media only screen and (min-width: 1161px) and (max-width: 1232px) {
    #menu a {
        font-size: 13px;
    }

    .badge.salessettle {
        width: 20px !important;
        height: 20px !important;
        margin-left: 2px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1160px) {
    #menu a {
        font-size: 11px !important;
    }

    .badge.salessettle {
        width: 20px !important;
        height: 20px !important;
        margin-left: 2px !important;
    }
}

@media only screen and (max-width:1300px) {
    .siparis-detay-modal .siparis-detay-bilgiler .urun-kodu {
        width: 40%
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }

    .header-actions a {
        margin-left: 30px;
    }

    .header-actions a {
        margin-left: 25px;
    }

    .slide-content h2 {
        font-size: 30px;
    }

    .slide-content .badge, .slide-content p {
        font-size: 16px;
    }

    .slide-content, .slide-img {
        height: 400px;
    }

    .dataTableSearch, .dateFilter, .selectList {
        width: 180px;
    }

    .dataFilter {
        width: 180px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .dateMoments {
        margin-right: 15px;
    }

        .dateMoments span {
            margin-left: 5px;
        }
    .slide-img-card span {
        left:10px;
    }
    .fullWidthSlider .info-btn, .slide-img-card svg.maximize-icon {
        right:0px;
    }
    .ilac-disi-urun-liste.ilac-disi-slider .card .coin {
        right: 22px;
    }
    .slide-img-card .coin {
        right:26px;
    }
}

@media only screen and (max-width:1100px) {
    .login-col {
        padding: 35px 30px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 96%;
    }

    .carousel-indicators {
        display: none;
    }
    .slide-img-card span {
        left: 10px;
    }
    .fullWidthSlider .info-btn, .slide-img-card svg.maximize-icon {
        right: 0px;
    }
    .ilac-disi-urun-liste.ilac-disi-slider .card .coin {
        right:22px;
    }
    .slide-img-card .coin {
        right: 26px;
    }
    .tag-badge {
        text-indent: -78px;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        display: inline-block;
        height: 20px;
        width: 20px;
        top: 3px;
    }

    .sepet-table-row {
        width: 100%;
        overflow-x: scroll;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .sepet-table {
        width: 1400px;
        margin-bottom: 10px;
    }

    .siparis-detay-bilgiler .col-lg-3 {
        border-left: 1px solid #f0f0f0;
        padding: 15px 20px 20px 20px;
    }

    .siparis-detay-adet .adetTitle {
        width: 100%;
        height: auto;
        justify-content: center;
    }

    #menu li {
        margin: 0 5px;
    }

    #menu a {
        font-size: 14px;
    }

    .badge.salessettle {
        width: 15px;
        height: 15px;
        margin-left: 0px;
    }

    .notifications-area > a:first-child {
        margin-left: 10px !important;
    }

    .header-actions a {
        margin-left: 9px;
    }

    .result-table thead tr td:nth-child(3) {
        width: 25%;
    }

    .result-table {
        width: 100%;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .slide-content {
        padding: 0 50px;
    }

        .slide-content h2 {
            font-size: 26px;
        }

        .slide-content .badge, .slide-content p {
            font-size: 14px;
        }

    .card-header h2, .title-row h2 {
        font-size: 20px;
    }

    .slide-ilac-content h3 {
        font-size: 14px;
    }

    .slide-ilac-content {
        padding-right: 0;
    }

    .adetler span {
        width: calc(33.3% - 10px);
    }

    .adet-box span {
        width: 100%;
    }

    .urun-card-footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fullWidthSlider .slide-ilac-content {
        padding-left: 0;
    }

    .fullWidthSlider .col {
        padding: 0 5px;
    }

    .footer-menu a {
        margin-right: 40px;
    }

    #siparisOnay .modal-dialog {
        max-width: 94%;
        margin: 20px auto;
    }

    #siparisOnay table thead tr td:first-child {
        padding-left: 10px;
        width: 20%;
    }

    .taksitSecenekleri span {
        width: 60px;
        font-size: 10px;
    }

    .taksitSecenekleri {
        width: 235px;
    }

    .sepet-total {
        width: 100%;
    }

        .sepet-total tr td:first-child {
            width: 48%;
        }

    #siparisOnay .modal-content {
        padding: 30px 20px;
    }

    .sepetOnayRow {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 10px;
        margin-top: -60px;
    }

    .sepetOnayContent {
        float: left;
        position: relative;
        padding-top: 60px;
    }

    .profil-content {
        padding-right: 0;
    }

    .profil-left {
        padding: 30px 15px;
    }

    .profil-menu li a {
        font-size: 16px;
    }

    .profil-menu li svg {
        width: 16px;
        margin-right: 10px;
        height: 20px;
    }

    .profil-menu li {
        margin-bottom: 20px;
    }

    h1 {
        font-size: 20px;
    }

    .dataFilter {
        width: 160px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .dataTableSearch, .dateFilter, .selectList {
        width: 160px;
    }

        .selectList ul li, .selected {
            font-size: 12px;
        }

        .dateFilter input {
            font-size: 12px;
            width: calc(100% - 40px);
        }

    .dateMoments {
        margin-right: 10px;
    }

        .dateMoments span {
            margin-left: 3px;
            padding: 0 10px;
            font-size: 12px;
        }

    .dataTableHeadLeft {
        margin-bottom: 0px;
    }

        .dataTableHeadLeft h1 {
            margin-right: 20px;
        }

    .muadiller-table table {
        width: 800px;
    }

    .muadiller-table {
        overflow-x: scroll;
        width: 100%;
    }

    .ilac-sidebar .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .kategori-menu ul li a {
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        font-size: 14px;
    }

    .selectListTop {
        padding-left: 0;
    }

    .ilac-disi-urun-liste {
        padding-left: 0;
    }

    .mb-30 {
        margin-bottom: 20px;
    }

    .ilac-disi-slider #main-slider {
        margin-bottom: 20px !important;
    }

    .ilac-disi-alt-slider .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ilac-disi-alt-slider .card-body .col-lg-6 {
        max-width: 100% !important;
        flex: auto;
    }

    .ilac-disi-alt-slider .slide-img-card {
        margin-bottom: 20px;
    }

    .ilac-disi-urun-liste .urun-card-footer {
        padding: 0 0 20px 0 !important;
    }

    .ilac-breadcrumb span {
        font-size: 20px;
        line-height: 20px;
        margin-right: 5px;
    }

    .ilac-breadcrumb img {
        margin-right: 5px;
    }

    .ilac-disi-urun-liste .slide-img-card span {
        right: 0;
    }

    .ilac-disi-urun-liste .icn-uyari {
        left: 30px;
    }

    .siparis-detay-adet .manuel-adet input {
        width: 90px;
    }

    .firsat-badge, .kampanya-badge {
        left: auto;
        right: 15px;
        padding: 0;
        width: 10px;
        height: 10px;
        top: 20px;
    }

    #sancak-ozellikler .row {
        width: 100%;
    }

    .login-baslik {
        font-size: 24px;
    }

    .leftYenilikSlider .yenilik-content {
        padding-left: 80px;
        padding-right: 10%;
    }

    .ml-100 {
        margin-left: 50px;
    }

    #yenilik-slider-1, #yenilik-slider-2 {
        height: 500px;
        max-height: inherit;
    }

    #yenilikler .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ozellik-content p {
        font-size: 16px;
        width: 95%;
    }

    .merak-content, .merak-img {
        height: 330px;
    }

    .merak-content {
        padding: 0 80px;
    }

        .merak-content h2 {
            font-size: 30px;
            margin-bottom: 15px;
        }

        .merak-content p {
            font-size: 20px;
        }

    .landing-container {
        width: 90%;
    }

    .yenilikSliderRow {
        width: 98%;
    }

    #yenilik-slider-1, #yenilik-slider-2, .yenilikSliderImgs {
        height: 500px;
    }

    .rightYenilikSlider .yenilik-content {
        padding-left: 10%;
        padding-right: 80px;
    }

    .yenilik-content h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }

    .yenilik-content strong {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .yenilik-content p {
        font-size: 16px;
    }
}

@media only screen and (max-width:991px) {
    .siparis-detay-modal .siparis-detay-bilgiler .urun-kodu {
        width: 0%
    }

    .login-col {
        padding: 55px 70px;
    }

    .altSlider .carousel-control-next, .altSlider .carousel-control-prev {
        width: 20px;
        height: 20px;
        top: 6px;
    }
    .slide-img-card svg.maximize-icon {
        position: absolute;
        top: -6px;
        left: -6px;
        width: 60px;
        height: 60px;
    }

    .siparis-detay-butons {
        justify-content: flex-end;
        align-items: flex-end;
        padding-bottom: 10px;
    }

        .siparis-detay-butons .btn {
            height: 32px !important;
        }

    .smallslider .slide-img-card svg.maximize-icon {
        top: unset;
        left: unset;
    }
    .slide-img-card .coin {
        display: none !important;
    }
    .smallslider .mobil-title h3 {
        margin-left: 20px;
    }

    .smallslider .info-btn.small-slider-button {
        top: 13px;
        right: -30px;
    }

    .slide-img-card svg.maximize-icon g {
        stroke: transparent;
    }

    .carousel-indicators, .desktop-icn, .sepet-label {
        display: none !important;
    }

    .mobil-icon {
        display: block;
        width: 25px;
        height: 25px;
    }

        .mobil-icon svg {
            width: 25px;
            height: 25px;
        }

    .sepet-btn {
        width: auto;
        height: auto;
        background-color: transparent;
        display: inline-block;
        float: right;
    }

        .sepet-btn .badge {
            top: -10px;
            right: -12px;
        }

    .navbar-toggler {
        width: 20px;
        height: 14px;
        padding: 0;
        border-radius: 0;
        position: relative;
        z-index: 10;
    }

        .navbar-toggler span {
            width: 100%;
            height: 2px;
            background-color: #000;
            position: absolute;
            left: 0;
            top: 0;
            transition: all ease-in-out .3s;
        }

            .navbar-toggler span:nth-child(2) {
                top: 5px;
            }

            .navbar-toggler span:nth-child(3) {
                top: 10px;
                width: 60%;
            }

        .navbar-toggler.active span:nth-child(3) {
            display: none;
        }

        .navbar-toggler.active span:nth-child(1) {
            transform: rotate(45deg);
            top: 5px;
        }

        .navbar-toggler.active span:nth-child(2) {
            transform: rotate(-45deg);
        }


    .logo {
        text-align: center;
    }

    .logo-name {
        margin: auto;
        width: auto;
    }

    .slide-img {
        width: 40%;
    }

    .slide-content {
        width: 60%;
    }

    .slide-content {
        padding: 0 0 0 50px;
    }

    .col-lg-12, .col-lg-6, .col-md-8 {
        padding: 0 10px;
    }

    .slide-img-card {
        height: 50px;
        width: 50px;
        border-radius: 5px;
        padding: 5px;
        float: left;
        margin-top: 5px;
    }

        .slide-img-card span {
            top: -5px;
            left: -5px;
            padding: 0;
            width: 10px;
            height: 10px;
        }

    .altSlider .card-body {
        border-top: 1px solid #e9eef2;
        padding: 15px;
    }

    .altSlider .card-header {
        padding: 10px 15px;
    }

    .card-header h2, .title-row h2 {
        font-size: 18px;
        line-height: 34px;
    }

    .mobil-title {
        display: block;
        width: calc(100% - 60px);
        margin-left: 10px;
        float: left;
        padding: 5px;
        box-sizing: border-box;
    }

        .mobil-title h3 {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.39;
        }

    .slide-ilac-content h3 {
        display: none;
    }

    .slide-ilac-content .mobil-title h3 {
        display: block;
    }

    .fullWidthSlider .slide-img-card {
        height: 50px;
        border: solid 1px #e9eef2;
        background-color: #fcfcfc;
        border-radius: 5px;
        padding: 5px;
    }

    .fullWidthSlider .card {
        padding: 15px;
    }

    .fullWidthSlider .mobil-title .info-btn {
        position: relative;
        top: 0;
        left: 0;
        margin-left: 10px;
    }

    .fullWidthSlider .slide-img-card .info-btn {
        display: none;
    }

    .fullWidthSlider .slide-img-card span {
        left: -5px;
    }

    .fullWidthSlider .adetler span {
        width: calc(25% - 10px);
    }

    .fullWidthSlider .slide-ilac-content {
        min-height: 330px;
    }

    .urun-card-footer {
        padding: 10px 0;
    }

    .fullWidthSlider .col {
        padding: 0 10px;
    }
    .selectbox button {
        width: 100%;
        padding: 10px!important;
        margin-left:-15px;
        margin-top:10px;
    }
    .selectbox button, .selectbox-menu {
        width: 100%
    }
        .selectbox button, .selectbox button:focus {
        width: 100% !important;
         padding: 10px!important;
        text-align: left!important;
        border-radius: 20px;
    }

        .selectbox button:after, .selectbox button:before {
            display: none;
        }

    .selectbox-menu {
        border-radius: 20px;
        right: 0 !important;
        top: 50px !important;
        left: auto !important;
        transform: inherit !important;
        overflow: inherit;
    }

        .selectbox-menu:before {
            content: "";
            position: absolute;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #fff transparent;
            top: -8px;
            right: 20px;
            left: auto;
            -index: 99;
            display: block;
        }
    .result-table tbody tr td:nth-child(1), .result-table tbody tr td:nth-child(11), .result-table tbody tr td:nth-child(4), .result-table tbody tr td:nth-child(6), .result-table tbody tr td:nth-child(8), .result-table thead tr td:nth-child(1), .result-table thead tr td:nth-child(11), .result-table thead tr td:nth-child(4), .result-table thead tr td:nth-child(6), .result-table thead tr td:nth-child(8) {
        display: none;
    }

    .result-table thead tr td:nth-child(3) {
        width: 40%;
    }

    #urunDetay .modal-dialog {
        max-width: 94%;
        width: 94%;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .urun-detay-left {
        display: none;
    }

    .urun-detay-right {
        width: 100%;
    }

    .urun-detay-img {
        height: 50px;
        border-radius: 5px;
        padding: 5px;
        width: 50px;
        float: left;
    }

    #urunDetayTitle {
        margin: 4px 0 5px 10px;
        width: calc(100% - 60px);
        float: left;
    }

    .urun-detay-kod {
        width: calc(100% - 60px);
        margin-left: 10px;
    }

    .urun-detay-adetler .adetler span {
        height: 30px;
        min-width: 45px;
    }

    .urun-detay-adetler .adetler {
        width: auto;
        display: inline-block;
    }

        .urun-detay-adetler .adetler span {
            height: 30px;
            min-width: 50px;
            width: 50px;
        }

    .muadiller-table table {
        width: 100%;
    }

    #menu {
        position: fixed;
        background: #001c39;
        left: -100vw;
        height: 100vh;
        overflow-y: scroll;
        top: 0;
        width: 300px;
        box-shadow: 0 0 20px 0 rgba(216,221,226,.31);
        padding-top: 50px;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px;
        z-index: 9;
        transition: all ease-in-out .5s;
        display: block !important;
    }

        #menu.active {
            left: 0;
        }

        #menu::-webkit-scrollbar-track {
            background-color: #001c39;
        }

        #menu::-webkit-scrollbar {
            width: 3px;
            height: 3px;
            background-color: #001932;
            opacity: .3;
        }

        #menu::-webkit-scrollbar-thumb {
            background-color: #001932;
        }

        #menu .dropdown-menu {
            box-shadow: none;
            background-color: transparent;
            padding-top: 0;
        }

    .btn-line-blue {
        background-color: var(--color-blue);
        color: #fff;
    }

    .taksitSecenekleri span {
        width: 72px;
        font-size: 10px;
    }

    .taksitSecenekleri {
        width: 272px;
    }

    #modalSearchDetay .close, #odemeModal .close-modal, #siparisOnay .close, #urunDetay .close {
        width: 25px;
        height: 25px;
        right: -10px;
        top: -8px;
        z-index: 9999;
    }

        #modalSearchDetay .close span, #siparisOnay .close span, #urunDetay .close span {
            width: 12px;
            left: 7px;
            top: 11px;
        }

    #odemeModal .modal-dialog {
        max-width: 90%;
    }

    .odeme-right h5 {
        width: 65%;
    }

    #siparislerim thead tr td:first-child {
        width: 21% !important;
    }

    .dataFilter, .dataTableSearch, .dateFilter, .selectList {
        width: 200px;
    }

    .dataTableSearch {
        float: right;
        width: 220px;
    }

    .dataTableHeadRight {
        margin-bottom: 10px;
        overflow-x: scroll;
        width: 100%;
        display: inline-block !important;
    }

    .total {
        margin-right: 30px;
    }

        .total:last-child {
            margin-right: 0;
        }

    .content {
        margin-top: 135px;
    }

    .navbar-nav {
        top: 30px;
        position: relative;
        border-top: 1px solid rgb(255 255 255 / .08);
    }

    .navbar-toggler.active span {
        background: #fff;
    }

    .navbar-nav li {
        box-sizing: border-box;
        width: 100%;
        padding: 5px 20px;
        margin: 0 !important;
        border-bottom: 1px solid rgb(255 255 255 / .08);
    }

        .navbar-nav li a {
            color: #fff !important;
            font-weight: 400 !important;
        }

            .navbar-nav li a:after {
                margin-top: 9px !important;
                left: auto;
                float: right;
                transition: all ease-in-out .3s;
            }

        .navbar-nav li.show a:after {
            transform: rotate(180deg);
        }

    #menu .dropdown-menu:before {
        display: none;
    }

    #menu li.show {
        background-color: var(--color-black) !important;
    }

    .m-menu-black-close {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.55);
        z-index: 8;
        display: none;
    }

    .icn-profile {
        display: block !important;
        position: absolute;
        right: 75px;
        top: 17px;
    }

    .icn-bildirim {
        position: absolute;
        right: 20px;
        top: 17px;
    }

        .icn-bildirim svg path, .icn-profile svg path {
            fill: #fff;
        }

    #bildirimler, #accountsoptions {
        position: fixed;
        width: 300px;
        right: auto;
        z-index: 10;
        left: -100vw;
        height: 100vh;
        top: 0;
        background-color: #001c39;
        display: block !important;
        transition: all ease-in-out .5s;
    }

        #bildirimler.show, #accountsoptions.show {
            left: 0;
        }

        #bildirimler ul, #accountsoptions ul {
            box-shadow: none;
            border-radius: 0;
        }

            #bildirimler ul li, #accountsoptions ul li {
                background-color: transparent;
                color: #fff;
                font-size: 14px;
                line-height: normal;
                border-top: 1px solid rgb(255 255 255 / .08);
                font-weight: 400;
            }

                #accountsoptions ul li a {
                    color: #fff;
                }

            #bildirimler ul:before, #accountsoptions ul:before {
                display: none;
            }

    .m-bildirim-title {
        text-align: left;
        padding: 20px;
        display: flex;
        align-items: center;
    }

        .m-bildirim-title img {
            margin-right: 17px;
            display: inline-block;
        }

        .m-bildirim-title strong {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            display: inline-block;
            line-height: 15px;
            position: relative;
            top: -2px;
        }

    .search-form {
        width: calc(100% - 150px);
    }

    .collapse-popup {
        right: 10px;
    }

    #indir:before {
        right: 11px;
        top: -10px;
    }

    #indir {
        border-radius: 10px;
    }

    .m-filter-content {
        width: 100%;
        display: inline-flex;
        align-items: center;
        padding-bottom: 20px;
    }

    .siparis-detay-adet .adetTitle {
        justify-content: start;
    }

    .siparis-detay-adet .adetler {
        width: auto;
        margin-left: 0;
    }

    .row.register-form > div.seconddiv {
        margin-top: 30px;
    }

    .no-data-found-card {
        padding: 80px;
    }

    .kategori-menu > ul {
        display: none;
        height: calc(100vh - 250px);
        overflow-x: hidden;
        overflow-y: scroll;
        float: left;
        width: 100%;
        padding-bottom: 0;
    }


    .ilac-disi-urun-liste {
        padding-left: 0;
        padding-right: 0;
    }

    .ilac-disi-slider .slide-content {
        width: 56%;
    }

        .ilac-disi-slider .slide-content:before {
            right: -100px;
        }

    .ilac-disi-alt-slider .row {
        margin-left: 0;
        margin-right: 0;
    }

    .ilac-disi-alt-slider .card-body {
        padding: 10px 0;
    }

    .ilac-disi-alt-slider .slide-ilac-content {
        padding: 0 !important;
    }

    .ilac-disi-alt-slider .card-header {
        padding: 10px 0 !important;
    }

    .kategori-menu .ilac-breadcrumb {
        height: 50px;
        padding: 0 18px;
        line-height: 50px;
    }

        .kategori-menu .ilac-breadcrumb span {
            font-size: 16px;
        }

    .ilac-breadcrumb img {
        width: 8px;
    }

    .ilac-disi-urun-liste .slide-img-card {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
        border: none;
        border-bottom: solid 1px #e9eef2;
    }

    .ilac-disi-urun-liste .mobil-title {
        width: 100%;
        margin-left: 0;
        padding: 0;
        text-align: center;
    }

    .firsat-badge, .kampanya-badge {
        right: auto;
        left: 5px;
        width: auto;
        height: 20px;
        padding: 0 10px;
        top: 5px;
    }

    .ilac-disi-urun-liste .slide-img-card span {
        left: auto;
        top: 5px;
        right: 5px;
    }

    .ilac-disi-urun-liste .icn-uyari {
        left: auto;
        right: 5px;
        bottom: 5px;
        top: auto;
    }

    .ilac-disi-alt-slider .slide-img-card {
        height: 80px !important;
        width: 100px !important;
        margin-bottom: 0 !important;
    }

    .ilac-disi-alt-slider .mobil-title {
        margin-left: 15px;
        width: calc(100% - 60px);
    }

    .ilac-disi-urun-liste .manuel-adet {
        margin-bottom: 20px;
    }

    .login-logo {
        margin-top: 50px;
        text-align: center;
    }

    .login-baslik {
        font-size: 22px;
        text-align: center;
        margin-left: 5%;
    }

    .line-black-btn {
        display: inline-block;
        margin: 0 auto;
        float: none;
        position: relative;
        padding: 0;
        line-height: 49px;
    }

    .login-bg .col-lg-6:nth-child(1) {
        text-align: center;
        margin-bottom: 50px;
    }

    .login-bg {
        height: auto;
        max-height: inherit;
        padding-bottom: 100px;
    }

    #yenilik-slider-1, #yenilik-slider-2 {
        height: 500px;
        max-height: inherit;
        width: 90%;
        margin-left: 5%;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .yenilik-content {
        width: 90%;
        margin-left: 5% !important;
        margin-right: 5% !important;
        margin-top: 30px;
        padding: 0px !important;
    }

        .yenilik-content h2 {
            margin-bottom: 30px;
        }

        .yenilik-content strong {
            margin-bottom: 15px;
        }

    #sancak-ozellikler {
        padding-top: 100px;
    }

        #sancak-ozellikler h2 {
            margin-bottom: 50px;
        }

    .ozellik-box {
        margin-bottom: 50px;
    }

    #yenilikler .row {
        margin-left: 0;
        margin-right: 0;
    }

    .merak-content {
        padding: 50px 80px;
        width: 100%;
        height: auto;
    }

    .merak-img {
        width: calc(100% - 140px);
        height: auto;
        margin-left: 70px;
    }

        .merak-img img {
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

    .kategori-menu:before {
        display: none;
    }

    .ilac-disi-urun-liste .selectListTop {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ilac-sidebar .sidebar__inner {
        padding-bottom: 10px;
    }

    .ilac-disi-urun-liste .selectbox-menu {
        left: 10px !important;
    }

    .ilac-disi-urun-liste h1 {
        margin-bottom: 20px;
    }

    .loginFormCol {
        justify-content: flex-end;
    }

    .login-form {
        margin: auto;
    }

    .yenilikSliderRow {
        width: 100%;
    }

    .yenilikSliderImgs {
        height: 450px;
        border-radius: 20px !important;
    }

    #yenilik-slider-1, #yenilik-slider-2 {
        height: auto;
    }

    .yenilikSliderImgs {
        border-radius: 20px;
    }

    #yenilikSliderButons1, #yenilikSliderButons2 {
        bottom: -60px;
        position: relative;
        z-index: 2;
        right: 30px;
    }

    .leftYenilikSlider .carousel-control-prev {
        left: auto;
        right: 90px;
        transform: rotate(180deg);
    }

    .rightYenilikSlider .carousel-control-prev {
        left: auto;
        right: 90px;
        transform: rotate(180deg);
    }

    .rightYenilikSlider .carousel-control-next {
        left: auto;
        right: 30px;
    }

    .leftYenilikSlider .carousel-control-next {
        right: 30px;
    }
       .barcode-read-container .col-md-4 {
        -ms-flex: 0 0 66.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding:0;
    }
   .barcode-read-container .col-md-4 label {
        font-size:13px;
        padding:2px;
        left:0;
    }
   .barcode-read-container .col-md-10 { 
        padding:0;
        
    } 
       #batch_barcode_inputbox_container  {
       max-width:fit-content!important;
       min-width:fit-content!important;

    } 
   .long-phone  .gsmplus{display:none} 
   .long-phone .col-md-1   {
 
        max-width: 20%;
        padding:0;
         padding-top:5px;
    }
    .long-phone .col-md-2   { 
        max-width: 40%;
        padding:0;
         padding-top:5px;
    }
   .long-phone .col-md-6   { 
          
        padding:0;
         padding-top:5px;
    }
}

@media only screen and (max-width:479px) {
    .fa.fa-search.einvoice_click {
        display: none;
    }

    .text_column.einvoice_column {
        text-decoration: underline;
    }

    .mainSlider.mobile {
        display: block;
    }

    .mainSlider.normal {
        display: none;
    }

    .login-col {
        padding: 35px 10px;
        margin-top: 20px;
    }

    .login-button-row ul li {
        padding: 0 5px;
    }

    .login-action .form-check {
        width: 40%;
        float: left;
    }

    .login-action .col-lg-6:nth-child(2) {
        width: 60%;
    }

    .btn-blue, .btn-white, .login-content .form-control {
        height: 50px;
    }

    .btn-white {
        line-height: 50px;
    }

    .login-action {
        margin: 30px -15px 15px 0;
    }

    .login-input {
        margin-bottom: 20px;
    }

    .login-button-row ul li a {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }

    .login-designer {
        padding-right: 15px;
        margin-top: 15px;
        justify-content: center;
        margin-bottom: 30px;
    }

        .login-designer img {
            margin-left: 15px;
            margin-right: 15px;
        }

    .login-copyright {
        text-align: center;
    }

    .slide-img-card {
        height: 50px;
        padding: 0;
        margin-bottom: 0;
    }

    .firsatSlider {
        margin-bottom: 30px;
    }

    .result-table tbody tr td:nth-child(1), .result-table tbody tr td:nth-child(10), .result-table tbody tr td:nth-child(11), .result-table tbody tr td:nth-child(4), .result-table tbody tr td:nth-child(6), .result-table tbody tr td:nth-child(7), .result-table tbody tr td:nth-child(8), .result-table tbody tr td:nth-child(9), .result-table thead tr td:nth-child(1), .result-table thead tr td:nth-child(10), .result-table thead tr td:nth-child(11), .result-table thead tr td:nth-child(4), .result-table thead tr td:nth-child(6), .result-table thead tr td:nth-child(7), .result-table thead tr td:nth-child(8), .result-table thead tr td:nth-child(9) {
        display: none;
    }

    .top-header {
        padding: 15px 0;
    }

    .custom-menu {
        width: 20%;
        float: left;
    }

    .logo {
        width: 60%;
        float: left;
    }

        .logo img {
            max-height: 30px;
        }

    .header-actions {
        width: 20%;
    }

    .sepet-btn .badge {
        width: 25px;
        height: 25px;
        font-size: 11px;
        line-height: 20px;
        padding: 0px;
        top: -16px;
        right: -13px;
        border-radius: 25px;
    }

    .header-search.row {
        padding: 0;
    }

    .search-filter-btn {
        width: 30px;
        float: right;
        position: absolute;
        right: 10px;
        background: 0 0;
    }

    .search-form {
        width: calc(100% - 110px);
    }

    #menu {
        width: 70%;
        top: 0;
        padding-top: 30px;
    }

    .slide-content, .slide-img {
        height: 250px;
    }

        .slide-content:before {
            height: 350px;
            right: -40px;
        }

        .slide-content .badge, .slide-content p {
            font-size: 10px;
        }

        .slide-content .badge {
            padding: 5px 8px;
            margin-bottom: 10px;
        }

        .slide-content h2 {
            font-size: 18px;
        }

    .slide-content {
        padding: 0 0 0 30px;
    }

    .container {
        max-width: 100%;
        padding: 0 10px;
    }

    .mainSlider .carousel-control-next, .mainSlider .carousel-control-prev {
        width: 30px;
        height: 30px;
    }

        .mainSlider .carousel-control-next svg, .mainSlider .carousel-control-prev svg {
            width: 10px;
        }

    .mainSlider .carousel-control-next {
        right: -5px;
    }

    .mainSlider .carousel-control-prev {
        left: -5px;
    }

    .adetler span {
        width: calc(33% - 10px);
    }

    .adet-box span {
        width: 100%;
    }

    .altSlider .btn-line-blue {
        margin: 15px 0;
    }

    .swiper-pagination {
        display: none;
    }

    .fullWidthSlider {
        margin: 0;
        padding: 0;
    }

    .title-row h2 {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .swiper-button-next, .swiper-button-prev {
        top: -5px !important;
    }

    .fullWidthSlider .slide-ilac-content {
        min-height: auto;
    }

    .footer-menu a {
        margin-right: 0;
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 30px;
    }

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

    .copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .logos {
        text-align: center !important;
        justify-content: center !important;
    }

        .logos a {
            display: inline-block;
            margin-left: 20px;
            margin-right: 20px;
        }

    .icn-filter {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        box-shadow: 0 0 20px 0 rgba(216,221,226,.31);
        border: solid 1px rgba(229,231,235,.27);
        background-color: #fff;
        position: relative;
        top: -10px;
    }

    .sepet-footer-mobil tr td {
        font-weight: 400;
        padding: 5px;
    }

        .sepet-footer-mobil tr td:first-child {
            text-align: left;
            padding-left: 22px;
        }

        .sepet-footer-mobil tr td:last-child {
            text-align: right;
            padding-right: 22px;
        }

    .sepet-footer-mobil tr:first-child td {
        padding-top: 15px;
    }

    .sepet-footer-mobil tr:last-child td {
        padding-bottom: 15px;
        font-weight: 600;
    }

    .siparis-detay-adet .adetler {
        width: calc(100% - 100px);
        margin-left: 0;
        text-align: center;
    }

    .siparis-detay-adet .manuel-adet {
        width: calc(100% - 10px);
        margin-left: 5px;
        margin-top: 0;
    }

    .siparis-detay-adet .adetler span {
        min-width: calc(33.3% - 5px);
        width: calc(33.3% - 5px);
        margin-top: 0;
        margin-left: 0;
    }

        .siparis-detay-adet .adetler span:last-child {
            margin-right: 0;
        }

    .siparis-detay-bilgiler ul li {
        font-size: 14px;
        line-height: 26px;
    }

    .siparis-detay-bilgiler .col-lg-3 {
        border-bottom: none;
        padding: 0 10px !important;
        border: none !important;
    }

        .siparis-detay-bilgiler .col-lg-3:nth-child(1), .siparis-detay-bilgiler .col-lg-3:nth-child(3) {
            border-left: 0;
            padding-left: 10px;
        }

    .siparis-detay-adet .adetTitle {
        width: auto;
        height: auto;
        justify-content: start;
        padding-left: 10px;
        line-height: 28px;
        font-size: 12px;
        margin-right: 10px;
    }

    .siparis-detay-butons {
        justify-content: center;
        padding: 15px 0 25px;
    }

    .siparis-detay-adet .manuel-adet input {
        width: calc(100% - 66px);
    }

    .btn-blue-40 {
        width: 100%;
    }

    #urunDetay .modal-content {
        padding: 15px 0;
    }

    #urunDetayContent {
        max-height: inherit;
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #urun-detay-tabs li a {
        font-size: 12px;
        line-height: normal;
        padding: 0 5px;
        text-align: center;
    }

    #urunDetayContent ul li {
        font-size: 14px;
        line-height: 26px;
    }

        #urunDetayContent ul li span {
            text-align: right;
            float: right;
            width: 35%;
        }

    .muadiller-table {
        width: 100%;
        overflow-x: scroll;
    }

        .muadiller-table table {
            width: 700px;
        }

    .urun-detay-adetler .manuel-adet {
        width: 100%;
        margin-left: 0;
    }

        .urun-detay-adetler .manuel-adet input {
            max-width: calc(100% - 66px);
        }

    .urun-detay-right .btn-blue-40 {
        width: 100%;
    }

    .result-table thead tr td:nth-child(3) {
        width: 60%;
    }

    .result-table tbody tr td:nth-child(3) {
        padding-right: 0;
    }

    .sepet-table tbody tr td:nth-child(5), .sepet-table thead tr td:nth-child(5) {
        text-align: right;
    }

    #odemeModal .modal-dialog {
        max-width: 90%;
        margin: 30px auto;
    }

    #odemeModal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .odeme-right {
        padding: 20px 10px 0;
    }

    .modal-content h5 {
        font-size: 18px;
    }

    .odeme-right h5 {
        margin-bottom: 30px;
    }

    .m-border-none {
        border-bottom: none !important;
    }

    .odeme-left {
        padding: 20px !important;
        background: #fff;
        border-radius: 0 0 20px 20px;
        border-right: 0;
        border-top: 1px solid #e9eef2;
        box-shadow: 0 -8px 12px 0 rgba(216,221,226,.4);
    }

        .odeme-left h5 {
            margin-bottom: 15px;
        }

    .kart-content ul li:nth-child(3) {
        width: 100%;
        margin-right: 0;
    }

    .kart-content ul li:nth-child(4) {
        width: 100%;
        margin-left: 0;
    }

    .odeme-left .form-check {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

        .odeme-left .form-check a {
            color: var(--color-blue);
        }

    .m-card-none {
        border-radius: 0;
        border: none;
        box-shadow: none;
        background: 0 0;
    }

    .profil-left {
        border-radius: 25px;
        border: var(--border);
        box-shadow: var(--shadow);
        background: #fff;
        padding: 0;
        transition: all ease-in-out .3s;
    }

    .profil-name {
        display: none;
    }

    .profil-menu li {
        margin-bottom: 0;
        height: 50px;
        display: flex;
        align-items: center;
    }

    .profil-menu {
        height: 50px;
        min-height: 50px;
        overflow: hidden;
        transition: all ease-in-out .3s;
    }

        .profil-menu.active {
            min-height: 200px;
            height: 200px;
        }

        .profil-menu:before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 50px;
            height: 50px;
            background-image: url(../images/icn-down.png);
            background-repeat: no-repeat;
            background-position: center;
            transition: all ease-in-out .3s;
        }

        .profil-menu.active:before {
            transform: rotate(180deg);
        }

        .profil-menu:after {
            content: "";
            position: absolute;
            width: 50px;
            height: 50px;
            top: 0;
            right: 0;
            border-left: 1px solid #f0f0f0;
        }

    .profil-right {
        border-radius: 25px;
        border: var(--border);
        box-shadow: var(--shadow);
        background: #fff;
        padding: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .profil-right h2 {
            font-size: 18px;
            margin: 20px;
        }

    .profil-content {
        padding: 10px 10px;
    }

    .profil-right .btn-blue-40 {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .profil-menu {
        margin-left: 0;
    }

        .profil-menu.active .active {
            border-bottom: 1px solid #f0f0f0;
        }

        .profil-menu li {
            padding-left: 20px;
        }

    .dataTables_paginate {
        float: right;
        margin-top: 20px !important;
        margin-bottom: 80px !important;
        width: 100%;
    }

    .tableRow {
        overflow-y: scroll;
        width: 100%;
    }

        .tableRow table {
            width: 800px !important;
        }

    #siparislerim thead tr td:first-child {
        width: auto !important;
    }

    .m-filter-btn {
        position: relative;
        text-align: center;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center;
        right: 0;
        background: #fff;
        margin-right: 10px;
        box-shadow: 0 0 20px 0 rgba(216,221,226,.31) !important;
        border: solid 1px rgba(229,231,235,.27);
    }

        .m-filter-btn span:nth-child(1) {
            top: 13px;
        }

        .m-filter-btn span:nth-child(2) {
            top: 18px;
        }

        .m-filter-btn span:nth-child(3) {
            top: 23px;
        }

    .content {
        margin-top: 120px;
    }

    #bildirimler, #accountsoptions {
        width: 70%;
    }

    #search-filter {
        border-radius: 10px;
    }

        #search-filter:before {
            right: 6px;
        }

    .kart-logos {
        margin: 0 0 20px;
    }

        .kart-logos img {
            max-width: 17%;
        }

    .m-filter-content {
        width: 845px;
    }

    .notneedextraareainmobile .m-filter-content {
        width: auto;
    }

    .dataTables_wrapper {
        margin-bottom: 30px;
    }

    .dataTableSearch {
        float: left;
        width: 180px;
        margin-right: 30px;
    }

    .dataTableHeadLeft .icn-download {
        float: right;
    }

    .siparis-detay-modal {
        position: relative;
        bottom: auto !important;
        float: none;
        background: 0 0;
        display: none;
    }

        .siparis-detay-modal.active {
            display: block;
            max-height : 500px;
            overflow-y:auto;
        }

    #modalSearchDetay .modal-content {
        box-shadow: 0 0 20px 0 rgba(216,221,226,.31);
        border-radius: 20px;
        width: 96%;
        margin: auto;
        margin-top: 30px;
    }

    #siparis-detay-close {
        display: none;
    }

    .siparis-detay-butons .ml-20 {
        margin-left: 0;
    }

    .siparis-detay-bilgiler {
        padding: 10px;
        margin-top: 10px;
    }

    .urun-detay-adetler .adetler span {
        min-width: calc(25% - 10px);
        width: calc(25% - 10px);
    }

    .urun-detay-adetler .adetler {
        width: calc(100% + 10px);
    }

    .selectbox button, .selectbox button:focus {
        width: 40px;
        padding: 0;
        text-align: center;
        border-radius: 20px;
    }

        .selectbox button:after, .selectbox button:before {
            display: none;
        }

    .selectbox-menu {
        border-radius: 20px;
        right: 0 !important;
        top: 50px !important;
        left: auto !important;
        transform: inherit !important;
        overflow: inherit;
    }

        .selectbox-menu:before {
            content: "";
            position: absolute;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #fff transparent;
            top: -8px;
            right: 20px;
            left: auto;
            -index: 99;
            display: block;
        }

    .icn-ara svg {
        width: 16px;
    }

        .icn-ara svg path {
            fill: #666;
        }

    #firmaAra:before {
        right: 80px;
    }

    #firmaAra .select-ara {
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }

    .kargo-btn {
        width: 60px;
        height: 60px;
    }

    .kargo-bildiri {
        bottom: 20px;
        left: 20px;
        width: 60px;
    }

    .kargo-content {
        height: 60px;
        width: calc(100% - 60px);
    }

    .kargo-bildiri.active {
        width: 335px;
    }

    .kargo-content span {
        font-size: 12px;
    }

    .kargo-content strong {
        font-size: 14px;
    }

    .filter-content-sm {
        width: 410px;
    }

    .valid-mess {
        top: 15px;
    }

    .pass-show {
        top: 18px;
    }

    .siparis-detay-butons button {
        margin: 0 10px;
    }

    .kart-logo-title {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    #stokPopup .modal-dialog .modal-content {
        padding: 40px;
    }

    #stokPopup .modal-dialog {
        max-width: 94%;
        margin: auto;
    }

    .collapse-popup {
        position: fixed;
        left: calc(50% - 130px) !important;
        padding: 60px !important;
        background: rgba(0,0,0,0.8);
        z-index: 11;
        width: 260px;
        top: 202px;
    }

        .collapse-popup label {
            color: white;
        }

        .collapse-popup > ul {
            background-color: white;
        }

        .collapse-popup:before {
            display: none;
        }

    .showDataTableFilter .dataTables_filter {
        width: 100%;
        float: left;
    }

        .showDataTableFilter .dataTables_filter > label:before {
            margin-top: 5px;
            float: left;
        }

        .showDataTableFilter .dataTables_filter > label > input {
            float: left;
            width: calc(90% - 20px) !important;
        }

    .custommodal .modal-dialog .modal-content {
        padding: 40px 10px 45px 10px;
    }

    .no-data-found-card {
        padding: 20px;
    }

    .swiper-slide .slide-img-card svg.maximize-icon {
        width: 100%;
        height: 200px;
    }

    .selectListTop .icn-filter {
        top: 0;
    }

    .ilac-sidebar {
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .ilac-disi-slider .slide-content {
        width: 60%;
        padding: 0 0 0 35px;
    }

        .ilac-disi-slider .slide-content:before {
            right: -50px;
        }

    .ilac-disi-alt-slider .slide-img-card {
        border-radius: 5px !important;
    }

    .ilac-disi-alt-slider {
        margin-bottom: 0;
    }

    .kategori-menu strong {
        border-bottom: 0;
    }

        .kategori-menu strong.active {
            border-bottom: 1px solid #f0f0f0;
        }

    .login-logo {
        margin-top: 30px;
    }

    .login-baslik {
        font-size: 18px;
        text-align: center;
        margin-left: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .login-form {
        width: 100%;
        padding: 25px 30px 35px;
    }

    .login-form-head a {
        font-size: 14px;
    }

    #yenilik-slider-1, #yenilik-slider-2 {
        height: auto;
        max-height: inherit;
        width: 100%;
        margin-left: 0;
        border-radius: 20px;
        margin-bottom: 0;
    }

    .yenilikSlider-1, .yenilikSlider-2 {
        padding: 0 20px;
    }

    .yenilik-content h2 {
        margin-bottom: 25px;
        font-size: 34px;
    }

    #sancak-ozellikler {
        padding-top: 70px;
    }

        #sancak-ozellikler h2 {
            margin-bottom: 40px;
            font-size: 34px;
        }

    .ozellik-content h3 {
        font-size: 20px;
    }

    .ozellik-content p {
        font-size: 14px;
        width: 100%;
    }

    .ozellik-box {
        margin-bottom: 30px;
    }

    .merak-content {
        padding: 30px;
        width: 100%;
        height: auto;
    }

        .merak-content h2 {
            font-size: 26px;
        }

        .merak-content p {
            font-size: 16px;
        }

    .merak-tel {
        width: 220px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        margin-top: 20px;
    }

    .merak-img {
        width: calc(100% - 60px);
        height: auto;
        margin-left: 20px;
    }

    #merak-ettiginiz {
        padding-top: 30px;
    }

    .mt-100 {
        margin-top: 50px;
    }

    .kategori-menu {
        margin-top: 0;
    }

    .ilac-disi-urun-liste .selectbox-menu {
        left: auto !important;
    }

    .ilac-disi-urun-liste h1 {
        margin-bottom: 0;
    }

    .m-full-width button, .m-full-width button:focus {
        width: 100% !important;
    }

    .login-logo img {
        width: 180px;
    }

    .yenilikSliderRow {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .yenilikSliderImgs {
        height: 300px;
    }

    .yenilik-content {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 30px;
        padding: 0;
    }

    #yenilikSliderButons1, #yenilikSliderButons2 {
        bottom: -75px;
        position: relative;
        z-index: 2;
        right: -15px;
    }

    #yenilik-slider-1 .carousel-item {
        height: auto;
    }

    .loginFormCol {
        padding: 0;
    }

    .landing-container {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .m-full-width .selectbox-menu {
        left: 10px !important;
    }

        .m-full-width .selectbox-menu:before {
            right: 50% !important;
            margin-right: -10px;
        }
    div#siparisOnay {
        margin-left: -40px;
    }
}

.login-content .login-button-row ul li a {
    height: 40px;
    line-height: 40px;
}

.login-content button, .login-content a.btn {
    height: 50px;
}

.login-content a.btn {
    line-height: 50px;
}