@media only screen and (max-width: 768px) {
    /* Sipariş Yönetimi & Sorunlu siparişler sayfası responsive styles starts here */

    .order-btns {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .order-btns-container .order-btns, .order-btns-container .order-btns>.btn, .order-btns-container .order-btns>.dropdown>.btn {
        height: auto;
        border-right: none;
    }

    .dropdown.filterDropdown.pull-left {
        display: flex;
        flex-direction: row;
    }

    .dropdown.filterDropdown.pull-left button {
        border-right: none;
    }

    .dropdown.filterDropdown.pull-left.hide button:nth-child(1) {
        margin-left: 10px;
    }

    .dropdown.filterDropdown.pull-left button:nth-child(2) {
        border-right: 1px solid #e2e2e2;
        border-left: 1px solid #e2e2e2;
        margin-left: 10px;
    }

    .dropdown__menu-resp {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        flex-flow: row wrap;
        margin-top: 15px;
    }

    .dropdown__menu-resp .pull-left {
        width: auto;
    }

    .pull-left {
        float: initial;
    }

    .btn-default {
        background: #fff;
        color: #031b4c;
    }

    .filterDropdown.show .dropdown-menu {
        width: 510px !important;
    }

    .filterDropdown.show .dropdown-menu .filter-inner .tables.row .tablecol {
        max-height: auto;
        max-width: 100% !important;
        padding: 0;
        flex: 0 0 auto;
    }

    .filterDropdown.show .dropdown-menu .filter-inner .tables.row .tablecol::-webkit-scrollbar {
        display: none;
      }

    .button__block-res .tables.row::-webkit-scrollbar {
        display: none;
      }

    .filterDropdown.show .dropdown-menu td:nth-child(1) {
        width: 100px;
    }

    .multiple-select label {
        width: 95% !important;
    }

    .multiple-select label:after {
        right: 0 !important;
    }

    .filter__btn {
        margin-top: 10px;
    }

    .filter__btn .col {
        padding: 5px;
    }

    .filter__btn .btn.btn-default.form-control {
        margin-left: 0;
        border-right: 1px solid #d9d9d9;
    }

    .kargo__modal-respo {
        max-width: calc(100% - 1rem);
    }

    .kargo__modal-respo label {
        font-size: 12px;
    }

    .kargo__modal-respo .modal-header {
        padding: 1rem;
    }

    .kargo__modal-respo .modal-header .modal-title {
        font-size: 19px;
    }

    .kargo__modal-respo .col.form-group {
        padding: 5px;
        margin-bottom: 0;
    }

    .kargo__modal-respo .col.form-group span {
        padding: 0;
        display: flex;
    }

    .kargo__modal-respo .radio+span:before, .checkbox+span:before {
        font-size: 15px;
        letter-spacing: 5px;
    }

    .cancelOrderModal .modal-title {
        font-size: 19px;
    }

    .cancelOrderModal .modal-body {
        padding: 10px;
    }

    .cancelOrderModal .modal-body .col-12 {
        padding: 0;
    }

    .cancelOrderModal .modal-body .col-12 .container p, h6 {
        font-size: 11px;
        padding: 0 !important;
        margin: 0;
    }

    .cancelOrderModal .modal-body .col-12 .container h6 {
        margin: 0 5px;
        width: auto;
    }

    .cancelOrderModal .form-check-input {
        position: relative;
        margin: 0;
    }

    .filterDropdown.show.more-filters .dropdown-menu {
        width: 400px !important;
    }

    /* Sipariş oluştur sayfası responsive styles starts here */

    .ui-layout .row {
        flex-direction: column;
    }

    .ui-layout .row .col__respo {
        max-width: 100% !important;
    }

    /* Sipariş Hazırla sayfası responsive styles starts here */

    .resopns__container .row {
        flex-direction: column;
    }

    .resopns__container .row .resopns__col {
        max-width: 100% !important;
    }

    .respon__alert {
        position: relative;
        top: 30px;
    }

     /* Katalog Yönetimi Sayfası responsive styles starts here */

    #order-filter-block li.item {
        border-right: none;
    }

    .dropdown.pull-right {
        width: fit-content !important;
        float: initial;
        margin: 0 auto;
    }

    .dropdown.pull-right .dropdown-menu.downDrop {
        width: 250px !important;
    }

    .button__block-res .row {
        justify-content: space-between;
    }

    .button__block-res .tables.row {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .button__block-res .row .col-auto {
        max-width: 50%;
        padding: 0 10px;
    }

    .button__block-res .row .col-auto .btn {
        padding: 0;
        font-size: 12px;
    }

    .contents__resp {
        overflow: auto;
        overflow-y: hidden;
    }

    .sortable__container {
        flex-direction: column;
        align-items: center;
    }

    .sortable__resp {
        max-width: 100%;
    }

    .nav-tabs .nav-link {
        font-size: 11px;
        padding: 10px 3px;
    }

    .productDetailContainer__resp .pmodal-header {
        height: 60px;
        z-index: 222;
    }

    .productDetailContainer__resp .header_reg {
        float: initial;
    }

    .productDetailContainer__resp .pmodal-header .close-modal {
        height: 60px;
        font-size: 26px;
        width: 60px;
        position: relative;
        z-index: 22;
    }

    .productDetailContainer__resp .product_popup_details {
        padding: 0 10px 0 5px;
    }

    .productDetailContainer__resp .product-header-stock-level {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 10px;
    }

    .productDetailContainer__resp .product-popup__header-title-line {
        font-size: 10px;
    }

    .productDetailContainer__resp .product-popup__header-title small {
        font-size: 10px;
    }

    .productDetailContainer__resp a:not(.btn) {
        color: #fff;
    }

    .productDetailContainer__resp .ped a {
        color: #4f5f6f;
    }

    .productDetailContainer__resp .pheader-images {
        position: absolute;
        top: 59px;
        right: auto;
        float: initial;
        opacity: 1;
        background: #f1f2f7;
    }

    .productDetailContainer__resp:not(.busy) .pheader-images:not(:hover) li:first-child, .pheader-images li:hover {
        transform: scale(1.2);
    }

    .productDetailContainer__resp .pmodal-detail {
        padding: 70px 42px 10px;
    }

    .productDetailContainer__resp .changes-control {
        margin-right: 20px;
        background: #f1f2f7;
        position: absolute;
        right: 0;
        top: 59px;
    }

    .productDetailContainer__resp .pSaveChanges {
        font-size: 12px;
    }

    .productDetailContainer__resp .pSaveChanges span {
        padding: 0 8px;
    }

    .productDetailContainer__resp .pSaveChanges label {
        font-size: 14px;
    }

    #filter-sub-tabs ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-evenly;
    }

    #filter-sub-tabs ul li span {
        padding: 5px !important;
        font-size: 12px;
    }

    .formgroup__container .formgroup__container-box {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .mobile-col-fix{
        margin-top: 17px;
        text-align: center;
    }
    
    #order-filter-block .mobile-col-fix li.item{
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }

    #order-filter-block ul.mobile-grid{
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }

    #order-filter-block ul.mobile-grid{
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
    }

    #order-filter-block li.item:first-child{
        grid-column: 1 / 3;
    }

    #order-filter-block li.item{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 560px) {
    .filterDropdown.show .dropdown-menu {
        width: 370px !important;
    }

    .filterDropdown.show .dropdown-menu td span {
        font-size: 12px;
        line-height: 2.71;
    }

    /* Katalog Yönetimi Sayfası responsive styles starts here */

    .uplaodFeedContainer__resp .uploadFeedBody {
        width: 100%;
        max-width: 400px;
        display: flex;
        flex-direction: column;
    }

    .uplaodFeedContainer__resp .inventoryUploadInfo {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        background: #fff;
    }

    .uplaodFeedContainer__resp .inventoryUpload {
        height: 100%;
        width: 100%;
        min-width: 400px;
        padding: 20px 20px 0;
        box-shadow: none;
    }

    .uplaodFeedContainer__resp .uploadFeedBody .fa-times {
        font-size: 25px;
    }

    .uplaodFeedContainer__resp .inventoryUpload .title {
        font-size: 20px;
    }

    .uplaodFeedContainer__resp .inventoryUpload .title a {
        font-size: 15px;
        position: relative;
        top: -4px;
        right: 40px;
    }

    .uplaodFeedContainer__resp .inventoryUpload hr {
        margin: 5px 0;
    }

    .uplaodFeedContainer__resp .inventoryUpload p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .uplaodFeedContainer__resp .inventoryUpload .alert.alert-danger {
        font-size: 12px;
        padding: 5px;
        margin-bottom: 10px;
    }

    .uplaodFeedContainer__resp .inventoryUploadInfo .reminders .reminder {
        padding: 10px 0;
    }

    .uplaodFeedContainer__resp .inventoryUploadInfo .reminders .reminder img {
        margin-bottom: 0;
        max-width: 28px;
        max-height: 28px;
    }

    .uplaodFeedContainer__resp .inventoryUploadInfo .reminders .reminder .text {
        font-size: 12px;
    }

    .uplaodFeedContainer__resp .inventoryUploadInfo .reminders .reminder .download-simple-file {
        font-size: 12px;
    }

    .catalogModal__resp .modal .modal-header {
        padding: 10px;
    }

    .catalogModal__resp .modal .modal-body {
        padding: 10px;
    }

    .uploader__resp .plupload_wrapper {
        min-width: 100%;
    }

    .uploader__resp .plupload_header_content {
        padding: 0 175px 0 60px;
    }

    .uploader__resp .plupload_header_title {
        font: normal 13px sans-serif;
    }

    .uploader__resp .plupload_header_text {
        font: normal 9px sans-serif;
    }

    .uploader__resp .plupload_view_switch {
        right: 5px;
    }

    .tablefilter__resp .input-group {
        width: 100% !important;
    }

    .tablefilter__resp .table th, .table td {
        padding: 5px;
        font-size: 11px;
        vertical-align: baseline;
    }

    .table__resp .btn {
        font-size: 11px;
        padding: 3px;
        margin: 5px;
    }

    .table__resp thead th {
        line-height: 15px;
        font-size: 10px;
    }

    .tabpanes__resp .card-body .col-auto.mt-2.col-xs-6 .input-group {
        width: 100%;
    }

    .tabpanes__resp .tabpanes__resp-main {
        flex-direction: column;
    }

    .tabpanes__resp .tabpanes__resp-box {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .filterCol__resp {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .filterCol__resp-box {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .filterCol__resp-box .filterValueList {
        margin: 10px 0;
        padding: 10px 0;
    }

    .filterCol__resp-box .filterValueList li {
        padding: 5px 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .filterCol__resp-box p.form-group {
        text-align: center;
    }

    .createorder__repo .createorder__repo-box {
        flex: 0 0 auto;
        max-width: 100%;
    }
}


@media only screen and (max-width: 376px) {
    .filterDropdown.show .dropdown-menu {
        width: 330px !important;
    }
}

@media only screen and (max-width: 360px) {
    .filterDropdown.show .dropdown-menu {
        width: 270px !important;
    }

    .filterDropdown.show .dropdown-menu td input, .filterDropdown.show .dropdown-menu td select, .filterDropdown.show .dropdown-menu td textarea {
        width: 90%;
    }

    .filterDropdown.show .dropdown-menu td input, .filterDropdown.show .dropdown-menu td select, .filterDropdown.show .dropdown-menu td textarea {
        font-size: 10px;
    }

    .table label, .filterDropdown.show .dropdown-menu td {
        font-size: 10px;
    }
}