.td1logicpuzle {background-color: #4e7789; height: 40px ; width: 40px;}
.td2logicpuzle {height: 40px ; width: 40px;}

.td1logicpuzle-malimob {background-color: #4e7789; height: 30px ; width: 30px;}
.td2logicpuzle-malimob {height: 30px ; width: 30px;}

.td1logicpuzle-desktop {background-color: #4e7789; height: 70px ; width: 70px;}
.td2logicpuzle-desktop {height: 70px ; width: 70px;}

.td1logicpuzle-srednji-1 {background-color: #4e7789; height: 50px ; width: 50px;}
.td2logicpuzle-srednji-1 {height: 50px ; width: 50px;}

.puzle-test-desktop {display: block; width: 502px; height: 670px;}
@media all and (min-width: 1351px) {.puzle-test-desktop {display:block;}}
@media all and (max-width: 1350px) and (min-width: 1101px) {.puzle-test-desktop {display:none;}}
@media all and (max-width: 1100px) and (min-width: 921px) {.puzle-test-desktop {display:block;}}
@media all and (max-width: 920px) and (min-width: 851px) {.puzle-test-desktop {display:none;}}
@media all and (max-width: 850px) and (min-width: 681px) {.puzle-test-desktop {display:block;}}
@media all and (max-width: 680px) {.puzle-test-desktop {display:none;}}

.puzle-test-srednji-1 {display: block; width: 502px; height: 670px;}
@media all and (min-width: 1351px) {.puzle-test-srednji-1 {display:none;}}
@media all and (max-width: 1350px) and (min-width: 1101px) {.puzle-test-srednji-1 {display:block;}}
@media all and (max-width: 1100px) and (min-width: 921px) {.puzle-test-srednji-1 {display:none;}}
@media all and (max-width: 920px) and (min-width: 851px) {.puzle-test-srednji-1 {display:block;}}
@media all and (max-width: 850px) and (min-width: 681px) {.puzle-test-srednji-1 {display:none;}}
@media all and (max-width: 680px) and (min-width: 521px) {.puzle-test-srednji-1 {display:block;}}
@media all and (max-width: 540px) {.puzle-test-srednji-1 {display:none;}}

.puzlee-test-mobilni {display: block; width: 400px; height: 540px;}
@media all and (min-width: 541px) {.puzlee-test-mobilni {display:none;}}
@media all and (max-width: 540px) and (min-width: 431px) {.puzlee-test-mobilni {display:block;}}
@media all and (max-width: 430px) {.puzlee-test-mobilni {display:none;}}

.puzle-test-mali-mob {display: block; width: 300px; height: 420px;}
@media all and (min-width: 431px) {.puzle-test-mali-mob {display:none;}}
@media all and (max-width: 430px) {.puzle-test-mali-mob {display:block;}}