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

    body > .navbar-default .navbar-nav > li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    #order-compose-filters .btn-barcode-reader {
        display: none;
    }

    .barcode-camera-container {
        width: 100%;
        height: auto;
        max-height: calc(100vh - 120px);
    }

    .btn-barcode-reader {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 10px;
    }

}

@media (max-width: 1024px) {

    #order-compose-filters .btn-barcode-reader {
        display: none !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

@media only screen and (max-width: 1024px) {
    .closed-order-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .target-body .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    table.dataTable > tbody > tr.child ul.dropdown-menu {
        display: none
    }

    table.dataTable > tbody > tr.child .dropdown.open ul.dropdown-menu {
        display: block;
    }

    table#closedorders {
        table-layout: auto;
    }

    #nav-collapse3 {
        display: block !important;
    }

    body.new-order-body #body-block section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .logo-container {
        width: 100%;
        display: block;
    }

    .navbar-header .brand-phrase {
        display: none;
    }

    .logos-container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .order-type-link-container {
        padding-bottom: 20px;
        padding-top: 20px;
        height: 100%;
    }

        .order-type-link-container .order-type-link {
            width: 100%;
            margin-bottom: 20px;
        }

    .navbar-brand .nyky-logo {
        display: none;
    }

    #accordion .panel-group,
    #accordion2 .panel-group {
        margin-left: 15px;
        margin-right: 15px;
    }

    .product-details .product-container {
        vertical-align: unset;
        padding-right: 0;
    }

    #filters-accordion {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #bar-container {
        position: static;
    }

    #list_2 {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .fashion-movie-video-container {
        width: 100%;
        height: auto;
    }

    .fashion-movie-container {
        width: 100%;
        height: auto;
    }

        .fashion-movie-container video {
            width: 100%;
            height: auto;
        }

    .bills-title {
        padding-left: 15px;
    }

    .product-list-title {
        padding-left: 15px;
    }

    .filter-by-ordered,
    .search-product-container {
        padding-left: 0px;
    }

    .main-bills-container {
        display: block;
        width: 100%;
    }

    .swaps-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .main-product-list-container {
        width: 100%;
    }

    .imm_look {
        width: 100%;
        height: auto;
    }

    .collection-image {
        height: auto;
        width: 70%;
    }

    .lookbok-image {
        height: auto;
        width: 70%;
    }

    .triple-images {
        width: 32.9% !important;
    }

    .home-page-container .video-container video {
        height: auto;
        width: 100%;
        bottom: 56px;
        position: absolute;
        left: 0;
    }

    a.back-to-customer-link {
        top: 50px;
        right: 50px;
    }


    .video-container .brand-description-text-collection {
        bottom: 30px;
        position: absolute;
        left: 0;
    }

    .collection-image-container {
        width: 49.5%;
    }

    .lookbook-image-container {
        width: 49.5%;
    }

    .collection-image-container-oof {
        width: 100%;
    }

    .lookbook-image-container-oof {
        width: 100%;
    }

}

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

    #order-compose-filters .btn-barcode-reader {
        display: none !important;
    }

    .temporary-image {
        width: 49% !important;
    }

    .product-details {
        height: auto;
    }

        .product-details > div.img-container {
            height: auto;
        }

    body.showroom-body .modal.bootstrap-dialog .modal-dialog {
        width: auto;
    }

    .product-info-sheet .grid-color-swatch-container {
        display: block !important;
    }

    .product-info-sheet .grid-color-description-container {
        display: block !important;
        width: 100% !important;
    }

    #StatusBar input[type="button"] {
        display: block;
        margin-bottom: 15px;
        width: 100%;
    }

    #order-compose-filters .multiselect-native-select {
        display: block;
        text-align: center;
    }

    #order-compose-filters button.btn-compose-filter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .product-container .title_product {
        margin-top: 15px;
    }

    .details_res .design-notes-list ul {
        width: 100%;
    }

    nav.navbar .navbar-header {
        display: block;
    }

    .triple-images {
        width: 100% !important;
        height: auto;
    }

    .collection-image {
        height: auto;
        width: 100%;
    }

    .home-page-container {
        height: 100%;
        overflow-y: auto;
    }

    #details-container #dett1,
    #details-container #dett3 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: auto;
        table-layout: fixed;
        width: 100%;
    }

    .navbar-header .brand-phrase {
        display: none;
    }

    .orderDetails .form-group:not(:last-child) {
        margin-right: 0;
    }

    .orderDetails .multiselect-native-select {
        width: 100%;
    }

    .filter-send-container {
        width: 100%;
    }

        .filter-send-container .btn-group {
            width: 100%;
        }

            .filter-send-container .btn-group > button {
                width: 100%;
            }

    #chatroom-button {
        display: none;
    }

    .main-product-list-container {
        display: block;
        width: 100%;
    }

    .main-bills-container {
        display: block;
        width: 100%;
    }

    .swaps-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .fashion-movie-video-container {
        width: 100%;
        height: auto;
    }

    .fashion-movie-container {
        width: 100%;
        height: auto;
    }

        .fashion-movie-container video {
            width: 100%;
            height: auto;
        }

    .look-detail-image-container {
        height: auto;
        display: table;
        width: 100%;
    }

    .look-main-container {
        width: 100%;
        height: auto;
    }

    #targetNavigationContainerDiv {
        display: inline-block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

        #targetNavigationContainerDiv > div {
            width: 100%;
            display: block;
        }

    #AppointmentInternalContainer {
        height: 100%;
    }

    .grid-color-description {
        display: none;
    }

    table.current-order-info-mobile {
        table-layout: fixed;
    }

        table.current-order-info-mobile tr td:first-of-type {
            font-weight: bold;
        }

        table.current-order-info-mobile span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow-x: hidden;
            display: block;
        }

    body.showroom-body .view-by-fabric {
        top: 130px;
        left: 210px;
    }

    body.showroom-body .back-to-start {
        top: 130px;
        left: 30px;
    }

    body.virtual-tour-body .view-by-fabric {
        top: 170px;
        left: 30px;
    }

        body.virtual-tour-body .view-by-fabric.view-by-distributore {
            left: 30px;
            top: 230px;
        }

    body.virtual-tour-body .back-to-grid-showroom {
        left: 30px;
        top: 230px;
    }

    body.virtual-tour-body .look-model-item-container img  {
        width: 100%;
    }

    html {
        width: 100%;
    }

    .login-container > .no-pad-t {
        padding-left: 15px;
        padding-right: 15px;
    }

    .lookbok-image {
        height: auto;
        width: 100%;
    }

    .home-page-container .video-container {
        height: auto;
    }

        .home-page-container .video-container video {
            height: auto;
            position: static;
        }

    .grid-image-container {
        min-height: 180px;
    }

    .grid-cell {
        height: 440px;
    }

        .grid-cell .price-container {
            float: none;
            width: 100%;
            text-align: left;
        }

        .grid-cell .model-description-container .model-description {
            float: none;
            text-align: left;
            display: block;
        }

    .video-container .brand-description-text-collection {
        position: static;
    }

    .logo-container img {
        width: 200px;
    }

    .logo-container.logo-container-oof img {
        width: 160px;
    }

    .lookbook-image-container {
        width: 100%;
    }

    .collection-image-container {
        width: 100%;
    }

    .collection-image-container-oof {
        width: 100%;
    }

    .lookbook-image-container-oof {
        width: 100%;
    }

    .lookbook-image-box-women .lookbook-image-women,
    .lookbook-image-box-men .lookbook-image-men {
        width: 100%;
        height: auto;
    }

    .collection-image-container-oof .collection-image-url-oof img {
        width: 100%;
        height: auto;
    }

    .modal .grid-image-container .icon-liked {
        right: 5px;
        top: 5px;
    }

    .availability-request-container {
        position: absolute;
        right: 30px;
        top: 34px;
    }

    .availability-request-color-container {
        left: 20px;
        top: 100px;
        transform: none;
    }

    .barcode-camera-container {
        width: 100%;
        height: auto;
    }

}