﻿@media (max-width: 576px ) {
    .imgLogo {
        margin: 10px;
        height: 100%;
    }

    nav.navbar {
        padding: 0px !important;
    }

    .top-right-menu {
        top: 80px;
    }

    li.nav-item {
        display: inline-block;
    }

    ul.top-right-menulist {
        position: relative;
        margin-top: 2px;
    }

    .container.top-container {
        margin: 10px 0px;
    }
    .product-details-info .row{
        display:inline;
    }
    .product-barcodes-grid2, .prod-details-addToCart2 {
        margin-top: 20px;
    }
    .min180 {
       margin-right:10px;
    }
    .partia-belka-grid{
        display:flex;
        justify-content:space-between;
    }
    .cart-mobile-div-img{
        margin:0px;
        margin-bottom:10px;
    }
}

@media (min-width: 576px) and (max-width:768px) {
    .top-right-menu {
        top: 30px;
    }

    nav.navbar {
        padding-bottom: 30px !important;
    }
    .partia-belka-grid {
        display: flex;
        justify-content: space-between;
    }
    .cart-mobile-div-img {
        margin: 10px;
    }
}
@media(max-width:768px){

    .cart-bottom-buttons a, .user-buttons-bottom > button {
        width: 50%;
    }
    #orderDescriptionText {
        width: 100%;
    }
    .user-label {
        width: 50%;
    }

    .user-data {
        width: 50%;
    }

}
@media(min-width:768px) {


    .cart-bottom-buttons a, .user-buttons-bottom > button {
        width: 25%;
    }
    #orderDescriptionText{
        width:50%;
    }
    .user-label {
        width: 30%;
    }
    .user-data{
        width:70%;
    }
}
@media (min-width: 576px ) {
    .container.top-container {
        margin: 0px;
    }
    .imgLogo {
        height: 50px;
        margin: 5px;
    }
    li.nav-item {
        display: flex;
    }
    ul.top-right-menulist {
        position: relative;
        margin-top: 12px;
    }
    .product-barcodes-grid2, .prod-details-addToCart2 {
        margin-top: 0px;
    }
    .cart-mobile-div-img {
        margin: 10px;
        margin-left:0px;
    }

}

@media (min-width:768px) {
    .top-right-menu {
        top: 0px;
    }

    nav.navbar {
        padding-bottom: 0px;
    }
    .imgLogo {
        margin: 10px;
    }
    .partia-belka-grid {
        display: flex;
        justify-content: normal;
    }
    .partia-belka-grid >span {
        margin-right:30px;
    }
}

@media(max-width:990px){
    .product-details-grid2 {
        margin-top: 20px;
    }
}
@media(min-width:990px) {
    .product-details-grid2 {
        margin-top: 0px;
    }
}


@media(max-width: 1530px) {
    .visibility-web, .visibility-web-products {
        display: none;
    }

    .visibility-mobile {
        display: block;
    }

    .products-mobile-div-info {
        display: flex;
        flex-direction: column;
        margin: 10px;
        min-width: 300px;
    }

    .products-mobile-div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .products-mobile-div-img {
        width: 200px;
        padding: 10px;
    }

    .products-mobile-div-img img {
        width: 200px;
        max-height: 170px;
    }

    .products-mobile-div-cart {
        padding: 10px;
    }
    .product-detail-container {
        display: flex;
        flex-direction: column;
    }
    .product-details-imgDiv {
        max-width: 100%;
        width: 100%;
    }
    .product-details-div {
        max-width: 100%;
        width: 100%;
        position: relative;
        /*top: 100px;*/
    }
    .cart-mobile-div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cart-mobile-div-img {
        width: 300px;
        /*padding: 10px;*/
    }

    .cart-mobile-div-img img {
        width: 200px;
        max-height: 170px;
    }
    .cart-value-div {
        width:200px;
    }
    .cart-trash-button {
        height: 50%;
        margin: auto 0;
    }
    .invoices-div, .orders-div, .users-div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media(min-width: 1530px) {
    .visibility-web-products {
        display: flex !important;
    }
    .visibility-web {
        display: block;
    }

    .visibility-mobile {
        display: none;
    }

    #productsGrid_web {
        width: 85%;
        padding-right: 0px !important;
        padding-left: 12px;
    }

    #productsTree_web {
        width: 15%;
    }

    .k-grid button.btn.btn-default {
        padding: 1px 6px !important;
    }
    .product-detail-container {
        display: flex;
        flex-direction: row;
    }
    .product-details-imgDiv {
        max-width: 35%;
        width: 35%;
    }
    .product-details-div {
        max-width: 65%;
        width: 65%;
    }
    .products-web-container{
        padding:0px;
        margin:0px;
    }
}




