.ItemList-Control 
{
    
}

.ItemList-Control > DIV
{
    border: 1px solid transparent;
}

.ItemList-Control > DIV:hover
{
    cursor: pointer;
    border: 1px solid #CCCCCC;
}

/* MIN */
@media screen and (max-width:320px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 3);
    }
}

@media screen and (min-width: 320px) and (max-width: 400px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 4);
    }    
}

@media screen and (min-width: 400px) and (max-width: 480px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 5);
    }     
}

@media screen and (min-width: 480px) and (max-width: 560px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 6);
    }     
}

@media screen and (min-width: 560px) and (max-width: 640px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 7);
    }     
}

@media screen and (min-width: 640px) and (max-width: 720px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 8);
    }     
}

@media screen and (min-width: 720px) and (max-width: 800px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 9);
    }     
}

@media screen and (min-width: 800px) and (max-width: 880px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 10);
    }     
}

@media screen and (min-width: 880px) and (max-width: 960px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 11);
    }     
}

@media screen and (min-width: 960px) and (max-width: 1040px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 12);
    }     
}

@media screen and (min-width: 1040px) and (max-width: 1120px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 13);
    }     
}

@media screen and (min-width: 1120px) and (max-width: 1200px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 14);
    }     
}

@media screen and (min-width: 1200px) and (max-width: 1280px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 15);
    }     
}

@media screen and (min-width: 1280px) and (max-width: 1340px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 16);
    }     
}

@media screen and (min-width: 1340px) and (max-width: 1420px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 17);
    }     
}

@media screen and (min-width: 1420px) and (max-width: 1500px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 18);
    }     
}

@media screen and (min-width: 1500px) and (max-width: 1580px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 19);
    }     
}

@media screen and (min-width: 1580px) and (max-width: 1660px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 20);
    }     
}

@media screen and (min-width: 1660px) and (max-width: 1740px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 21);
    }     
}

@media screen and (min-width: 1740px) and (max-width: 1820px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 22);
    }     
}


@media screen and (min-width: 1820px) and (max-width: 1900px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 23);
    }     
}

@media screen and (min-width: 1900px) and (max-width: 1980px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 24);
    }     
}

@media screen and (min-width: 1980px) and (max-width: 2060px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 25);
    }     
}

@media screen and (min-width: 2060px) and (max-width: 2140px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 26);
    }     
}

@media screen and (min-width: 2140px) and (max-width: 2220px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 27);
    }     
}

@media screen and (min-width: 2220px) and (max-width: 2300px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 28);
    }     
}

@media screen and (min-width: 2300px) and (max-width: 2380px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 29);
    }     
}

@media screen and (min-width: 2380px) and (max-width: 2460px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 30);
    }     
}

@media screen and (min-width: 2460px) and (max-width: 2540px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 31);
    }     
}

@media screen and (min-width: 2540px) and (max-width: 2620px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 32);
    }     
}

@media screen and (min-width: 2620px) and (max-width: 2700px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 33);
    }     
}

@media screen and (min-width: 2700px) and (max-width: 2780px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 34);
    }     
}

@media screen and (min-width: 2780px) and (max-width: 2860px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 35);
    }     
}

@media screen and (min-width: 2860px) and (max-width: 2940px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 36);
    }     
}

@media screen and (min-width: 2940px) and (max-width: 3020px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 37);
    }     
}

@media screen and (min-width: 3020px) and (max-width: 3100px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 38);
    }     
}

@media screen and (min-width: 3100px) and (max-width: 3180px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 39);
    }     
}

@media screen and (min-width: 3180px) and (max-width: 3260px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 40);
    }     
}

@media screen and (min-width: 3260px) and (max-width: 3340px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 41);
    }     
}

@media screen and (min-width: 3340px) and (max-width: 3420px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 42);
    }     
}

@media screen and (min-width: 3420px) and (max-width: 3500px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 43);
    }     
}

@media screen and (min-width: 3500px) and (max-width: 3580px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 44);
    }     
}

@media screen and (min-width: 3580px) and (max-width: 3660px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 45);
    }     
}

@media screen and (min-width: 3660px) and (max-width: 3740px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 46);
    }     
}

@media screen and (min-width: 3740px) and (max-width: 3820px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 47);
    }     
}

@media screen and (min-width: 3820px) and (max-width: 3900px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 48);
    }     
}

@media screen and (min-width: 3900px) and (max-width: 3980px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 49);
    }     
}

@media screen and (min-width: 3980px) and (max-width: 4060px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 50);
    }     
}

@media screen and (min-width: 4060px) and (max-width: 4140px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 51);
    }     
}

@media screen and (min-width: 4140px) and (max-width: 4220px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 52);
    }     
}

@media screen and (min-width: 4220px) and (max-width: 4300px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 53);
    }     
}

@media screen and (min-width: 4300px) and (max-width: 4380px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 54);
    }     
}

@media screen and (min-width: 4380px) and (max-width: 4460px)
{
    .ItemList-Control.MIN > DIV
    {
        display: inline-block;
        width: calc(100% / 55);
    }     
}

/* SMALL */
@media screen and (max-width:320px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: block;
    }
}

@media screen and (min-width: 320px) and (max-width: 640px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 2);
    }    
}

@media screen and (min-width: 640px) and (max-width: 960px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 3);
    }    
}

@media screen and (min-width: 960px) and (max-width: 1280px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 4);
    }    
}

@media screen and (min-width: 1280px) and (max-width: 1600px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 5);
    }    
}

@media screen and (min-width: 1600px) and (max-width: 1920px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 6);
    }    
}

@media screen and (min-width: 1920px) and (max-width: 2240px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 7);
    }    
}

@media screen and (min-width: 2240px) and (max-width: 2560px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 8);
    }    
}

@media screen and (min-width: 2560px) and (max-width: 2880px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 9);
    }    
}

@media screen and (min-width: 2880px) and (max-width: 3200px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 10);
    }    
}

@media screen and (min-width: 3200px) and (max-width: 3520px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 11);
    }    
}

@media screen and (min-width: 3520px) and (max-width: 3840px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 12);
    }    
}

@media screen and (min-width: 3840px) and (max-width: 4160px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 13);
    }    
}

@media screen and (min-width: 4160px) and (max-width: 4480px)
{
    .ItemList-Control.SMALL > DIV
    {
        display: inline-block;
        width: calc(100% / 13);
    }    
}

/* MEDIUM */
@media screen and (max-width:480px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: block;
    }
}

@media screen and (min-width: 480px) and (max-width: 960px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 2);
    }    
}

@media screen and (min-width: 960px) and (max-width: 1440px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 3);
    }    
}

@media screen and (min-width: 1440px) and (max-width: 1920px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 4);
    }    
}

@media screen and (min-width: 1920px) and (max-width: 2400px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 5);
    }    
}

@media screen and (min-width: 2400px) and (max-width: 2880px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 6);
    }    
}

@media screen and (min-width: 2880px) and (max-width: 3360px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 7);
    }    
}

@media screen and (min-width: 3360px) and (max-width: 3840px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 8);
    }    
}

@media screen and (min-width: 3840px) and (max-width: 4320px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 9);
    }    
}

@media screen and (min-width: 4320px) and (max-width: 4800px)
{
    .ItemList-Control.MEDIUM > DIV
    {
        display: inline-block;
        width: calc(100% / 10);
    }    
}

/* BIG */
@media screen and (max-width:640px)
{
    .ItemList-Control.BIG > DIV
    {
        display: block;
    }
}

@media screen and (min-width: 640px) and (max-width: 1280px)
{
    .ItemList-Control.BIG > DIV
    {
        display: inline-block;
        width: calc(100% / 2);
    }    
}

@media screen and (min-width: 1280px) and (max-width: 1920px)
{
    .ItemList-Control.BIG > DIV
    {
        display: inline-block;
        width: calc(100% / 3);
    }    
}

@media screen and (min-width: 1920px) and (max-width: 2560px)
{
    .ItemList-Control.BIG > DIV
    {
        display: inline-block;
        width: calc(100% / 4);
    }    
}

@media screen and (min-width: 2560px) and (max-width: 3200px)
{
    .ItemList-Control.BIG > DIV
    {
        display: inline-block;
        width: calc(100% / 5);
    }    
}

@media screen and (min-width: 3200px) and (max-width: 3840px)
{
    .ItemList-Control.BIG > DIV
    {
        display: inline-block;
        width: calc(100% / 6);
    }    
}

@media screen and (min-width: 3840px) and (max-width: 4480px)
{
    .ItemList-Control.BIG > DIV
    {
        display: inline-block;
        width: calc(100% / 7);
    }    
}

/* MAX */
@media screen and (max-width:800px)
{
    .ItemList-Control.MAX > DIV
    {
        display: block;
    }
}

@media screen and (min-width: 800px) and (max-width: 1600px)
{
    .ItemList-Control.MAX > DIV
    {
        display: inline-block;
        width: calc(100% / 2);
    }    
}

@media screen and (min-width: 1600px) and (max-width: 2400px)
{
    .ItemList-Control.MAX > DIV
    {
        display: inline-block;
        width: calc(100% / 3);
    }    
}

@media screen and (min-width: 2400px) and (max-width: 3200px)
{
    .ItemList-Control.MAX > DIV
    {
        display: inline-block;
        width: calc(100% / 4);
    }    
}

@media screen and (min-width: 3200px) and (max-width: 4000px)
{
    .ItemList-Control.MAX > DIV
    {
        display: inline-block;
        width: calc(100% / 5);
    }    
}

@media screen and (min-width: 4000px) and (max-width: 4800px)
{
    .ItemList-Control.MAX > DIV
    {
        display: inline-block;
        width: calc(100% / 6);
    }    
}