div#modalAddProduct .modal-content {
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 50px 0 rgba(159, 159, 159, 0.06);
}
.quantity-wrap{border:1px solid #E8ECED;border-radius:25px;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:8px 5px;max-width:150px;margin-right:17px}
.quantity input{border:none;width:40px;text-align:center}
.quantity-wrap button{width:24px;height:24px;position:relative}
.quantity-wrap button::before{position:absolute;content:"";top:50%;left:50%;width:16px;height:2px;background:#708A8F;border-radius:10px;transform:translate(-50%,-50%)}
.quantity-wrap button.btn-plus::after{position:absolute;content:"";top:50%;left:50%;width:2px;height:16px;background:#708A8F;border-radius:10px;transform:translate(-50%,-50%)}
.quantity{margin:0 8px;font-weight:400;font-size:15px;line-height:24px;display:flex;align-items:center;text-align:center;color:#222222}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}

div#modalAddProduct  .modal-content > button.close {
    border-color: #151515;
    color: #151515;
}
div#modalAddProduct .modal-title{font-size:30px;text-align:center;margin-bottom: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
div#modalAddProduct .modal-dialog{width:95%;max-width:900px}
.mprod-item{width:calc(20% - 10px);margin-bottom:10px;border-radius:8px;background:#ffffff1a;box-shadow:0 4px 30px 0 rgba(0,0,0,0.06);padding:10px;position: relative;border: 1px solid #E8E8E8;}
.mprod-name{font-size:12px;line-height:1.3;margin-bottom:7px;display: block;}
.mprod-name:hover {
    text-decoration: underline;
}
.mprod-img{margin-bottom:10px;text-align: center;}
.mprod-input{width:20px;height:20px;position: relative;margin-bottom: 15px;}
.mprod-input span{display:block;width:100%;height:100%;background:rgba(255,255,255,0.1);border:.5px solid #656565;border-radius:4px}
.mprod-input input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer;opacity:0;}
.mprod-input input:checked ~ span{border-color:#9c723b;background:rgba(255,255,255,0.1) url(/assets/images/check-brown.svg) no-repeat center center;background-size:10px}
div#modalAddProduct .modal-body {
    padding: 50px;
}
select.mprod-search option {
    color: #151515;
}
.mprod-search{border-radius:5px;padding:12px 18px;font-size:16px;line-height:1.3;width:100%;max-width:308px;margin-bottom:15px;margin-right:30px;border: 1px solid #E8E8E8;}
div#modalAddProduct .modal-title span{margin-bottom:15px;margin-right:20px}
.mprod-item .quantity-wrap button{border:1px solid #DDCF73;border-radius:50%}
.mprod-item .quantity-wrap{border:none;background:#F8F8F8;padding:4px;margin-right: 0;margin-top: 10px;}
.mprod-item .quantity input{background:#F8F8F8;font-size: 14px;}
 
 
div#request_products {
    flex-wrap: wrap;
    display: flex;
} 
 

@media screen and (max-width: 993px) {
    
.mprod-item {
    width: calc(25% - 10px);
}    
    
}


@media screen and (max-width: 767px) {
    
.mprod-item {
    width: calc(33.33% - 10px);
}    
    
}

@media screen and (max-width: 560px) {
    
.mprod-item {
    width: calc(50% - 10px);
}    
div#modalAddProduct .modal-body {
    padding: 50px 20px;
}
.mprod-img img {
    width: 60%;
    margin: auto;
    display: block;
}
    
}