.cu-box{border: 2px solid #7a7a7a; border-radius: 5px; padding: 5px;display: flex; flex-wrap: wrap; margin: 17px 0px; justify-content: center; width: 50%;}
.cu-box h1, .cu-box h2, .cu-box h3, .cu-box h4, .cu-box h5, .cu-box h6{width: 100%; color: #4d4d4d;text-align: center;}
.cu-proizvod-img { float: left;max-width:150px;margin-right:10px;border:0px solid #f1f1f1; display:block; width: 20%;}

.cu-naziv, .cu-cijena, .cu-dodaj-u-kosaricu {/*float: left;display: block;*/padding:9px 4px 9px 3px;font-size:12px;}
.cu-naziv{width: 50%;}
.cu-naziv p{font-size: 12px; line-height: 15px;}
.cu-cta-text {margin-bottom:0px; font-size: 13px; font-weight:500; font-weight: 600; color: coral;}

.cu-cijena-button{width: 30%; display: flex; flex-wrap: wrap; margin: 0 auto;}
.cu-cijena{/*width: 10%;*/text-align: center; min-width: 50%; font-size: 14px; line-height: 36px; margin: 0 auto;}

.cu-vertical-line{border-left: 1px solid darkgray; width: 0px; min-height: 85%; opacity: 0.5;}
.cu-dodaj-u-kosaricu{/*width: 20%;*/ margin: 0 auto; display: flex; min-width: 50%;}
.cu-btn-container4 {margin: 0 auto; position: relative;}


.cu-upis-kol label { float: left;padding-top: 6px;margin-right:6px; }
.cu-upis-kol input[type="text"] {display: none;float: left;height: 30px;width: 50px;margin-bottom: 0;}

.cu-dodaj-1{background: #00ab4e url(../images/add-----.svg)no-repeat top 7px left 6px;color: #fff;padding: 4px 5px 4px 4px;float: left;text-transform: uppercase;transition:all 0.1s ease;text-align: right;font-size:20px;border-radius: 4px}
.cu-dodaj-1:hover{background:#33bb45  url(../images/add-----.svg) no-repeat  top 9px left 6px;color:#fff;}




@media only screen and (min-width: 10px) and (max-width: 738px){
.cu-box {width: 100%;}
}

@media screen and (max-width: 390px){
    .cu-cijena{width: 100%;}

    .cu-dodaj-u-kosaricu{width: 100%;}
    .cu-naziv{width: 60%;}
    .cu-cijena-button{width: 20%;}
    
    }