.col-10, .col-12, .col-10-10, .col-12-12
{
    width: 100%;
}



/***************************************/
/* 12 sloupců */
/***************************************/

.col-12-12 { width: 100%; }
.col-12-11 { width: 91.66666667%; }
.col-12-10 { width: 83.33333333%; }
.col-12-9 { width: 75%; }
.col-12-8 { width: 66.66666667%; }
.col-12-7 { width: 58.33333333%; }
.col-12-6 { width: 50%; }
.col-12-5 { width: 41.66666667%; }
.col-12-4 { width: 33.33333333%; }
.col-12-3 { width: 25%; }
.col-12-2 { width: 16.66666667%; }
.col-12-1 { width: 8.333333333%; }
.col-12-0 { width: 0%; display: none;}



/***************************************/
/* 10 sloupců */
/***************************************/

.col-10-10 { width: 100%; }
.col-10-9 { width: 90%; }
.col-10-8 { width: 80%; }
.col-10-7 { width: 70%; }
.col-10-6 { width: 60%; }
.col-10-5 { width: 50%; }
.col-10-4 { width: 40%; }
.col-10-3 { width: 30%; }
.col-10-2 { width: 20%; }
.col-10-1 { width: 10%; }
.col-10-0 { width: 0%; }



/***************************************/
/* responsivní sloupce */
/***************************************/

@media screen and (max-width: 1920px)
{
    .col-12-1920-12 { width: 100%; }
    .col-12-1920-11 { width: 91.66666667%; }
    .col-12-1920-10 { width: 83.33333333%; }
    .col-12-1920-9 { width: 75%; }
    .col-12-1920-8 { width: 66.66666667%; }
    .col-12-1920-7 { width: 58.33333333%; }
    .col-12-1920-6 { width: 50%; }
    .col-12-1920-5 { width: 41.66666667%; }
    .col-12-1920-4 { width: 33.33333333%; }
    .col-12-1920-3 { width: 25%; }
    .col-12-1920-2 { width: 16.66666667%; }
    .col-12-1920-1 { width: 8.333333333%; }
    .col-12-1920-0 { width: 0%; display: none; }

    .col-10-1920-10 { width: 100%; }
    .col-10-1920-9 { width: 90%; }
    .col-10-1920-8 { width: 80%; }
    .col-10-1920-7 { width: 70%; }
    .col-10-1920-6 { width: 60%; }
    .col-10-1920-5 { width: 50%; }
    .col-10-1920-4 { width: 40%; }
    .col-10-1920-3 { width: 30%; }
    .col-10-1920-2 { width: 20%; }
    .col-10-1920-1 { width: 10%; }    
    .col-10-1920-0 { width: 0%; display: none; }
}

@media screen and (max-width: 1518px)
{
    .col-12-1518-12 { width: 100%; }
    .col-12-1518-11 { width: 91.66666667%; }
    .col-12-1518-10 { width: 83.33333333%; }
    .col-12-1518-9 { width: 75%; }
    .col-12-1518-8 { width: 66.66666667%; }
    .col-12-1518-7 { width: 58.33333333%; }
    .col-12-1518-6 { width: 50%; }
    .col-12-1518-5 { width: 41.66666667%; }
    .col-12-1518-4 { width: 33.33333333%; }
    .col-12-1518-3 { width: 25%; }
    .col-12-1518-2 { width: 16.66666667%; }
    .col-12-1518-1 { width: 8.333333333%; }
    .col-12-1518-0 { width: 0%; display: none; }

    .col-10-1518-10 { width: 100%; }
    .col-10-1518-9 { width: 90%; }
    .col-10-1518-8 { width: 80%; }
    .col-10-1518-7 { width: 70%; }
    .col-10-1518-6 { width: 60%; }
    .col-10-1518-5 { width: 50%; }
    .col-10-1518-4 { width: 40%; }
    .col-10-1518-3 { width: 30%; }
    .col-10-1518-2 { width: 20%; }
    .col-10-1518-1 { width: 10%; }   
    .col-10-1518-0 { width: 0%; display: none; }
}

@media screen and (max-width: 1440px)
{
    .col-12-1440-12 { width: 100%; }
    .col-12-1440-11 { width: 91.66666667%; }
    .col-12-1440-10 { width: 83.33333333%; }
    .col-12-1440-9 { width: 75%; }
    .col-12-1440-8 { width: 66.66666667%; }
    .col-12-1440-7 { width: 58.33333333%; }
    .col-12-1440-6 { width: 50%; }
    .col-12-1440-5 { width: 41.66666667%; }
    .col-12-1440-4 { width: 33.33333333%; }
    .col-12-1440-3 { width: 25%; }
    .col-12-1440-2 { width: 16.66666667%; }
    .col-12-1440-1 { width: 8.333333333%; }
    .col-12-1440-0 { width: 0%; display: none; }

    .col-10-1440-10 { width: 100%; }
    .col-10-1440-9 { width: 90%; }
    .col-10-1440-8 { width: 80%; }
    .col-10-1440-7 { width: 70%; }
    .col-10-1440-6 { width: 60%; }
    .col-10-1440-5 { width: 50%; }
    .col-10-1440-4 { width: 40%; }
    .col-10-1440-3 { width: 30%; }
    .col-10-1440-2 { width: 20%; }
    .col-10-1440-1 { width: 10%; }   
    .col-10-1440-0 { width: 0%; display: none; }
}

@media screen and (max-width: 1366px)
{
    .col-12-1366-12 { width: 100%; }
    .col-12-1366-11 { width: 91.66666667%; }
    .col-12-1366-10 { width: 83.33333333%; }
    .col-12-1366-9 { width: 75%; }
    .col-12-1366-8 { width: 66.66666667%; }
    .col-12-1366-7 { width: 58.33333333%; }
    .col-12-1366-6 { width: 50%; }
    .col-12-1366-5 { width: 41.66666667%; }
    .col-12-1366-4 { width: 33.33333333%; }
    .col-12-1366-3 { width: 25%; }
    .col-12-1366-2 { width: 16.66666667%; }
    .col-12-1366-1 { width: 8.333333333%; }
    .col-12-1366-0 { width: 0%; display: none; }

    .col-10-1366-10 { width: 100%; }
    .col-10-1366-9 { width: 90%; }
    .col-10-1366-8 { width: 80%; }
    .col-10-1366-7 { width: 70%; }
    .col-10-1366-6 { width: 60%; }
    .col-10-1366-5 { width: 50%; }
    .col-10-1366-4 { width: 40%; }
    .col-10-1366-3 { width: 30%; }
    .col-10-1366-2 { width: 20%; }
    .col-10-1366-1 { width: 10%; }    
    .col-10-1366-0 { width: 0%; display: none; }
}

@media screen and (max-width: 1138px)
{
    .col-12-1138-12 { width: 100%; }
    .col-12-1138-11 { width: 91.66666667%; }
    .col-12-1138-10 { width: 83.33333333%; }
    .col-12-1138-9 { width: 75%; }
    .col-12-1138-8 { width: 66.66666667%; }
    .col-12-1138-7 { width: 58.33333333%; }
    .col-12-1138-6 { width: 50%; }
    .col-12-1138-5 { width: 41.66666667%; }
    .col-12-1138-4 { width: 33.33333333%; }
    .col-12-1138-3 { width: 25%; }
    .col-12-1138-2 { width: 16.66666667%; }
    .col-12-1138-1 { width: 8.333333333%; }
    .col-12-1138-0 { width: 0%; display: none; }

    .col-10-1138-10 { width: 100%; }
    .col-10-1138-9 { width: 90%; }
    .col-10-1138-8 { width: 80%; }
    .col-10-1138-7 { width: 70%; }
    .col-10-1138-6 { width: 60%; }
    .col-10-1138-5 { width: 50%; }
    .col-10-1138-4 { width: 40%; }
    .col-10-1138-3 { width: 30%; }
    .col-10-1138-2 { width: 20%; }
    .col-10-1138-1 { width: 10%; }   
    .col-10-1138-0 { width: 0%; display: none; }
}

@media screen and (max-width: 1080px)
{
    .col-12-1080-12 { width: 100%; }
    .col-12-1080-11 { width: 91.66666667%; }
    .col-12-1080-10 { width: 83.33333333%; }
    .col-12-1080-9 { width: 75%; }
    .col-12-1080-8 { width: 66.66666667%; }
    .col-12-1080-7 { width: 58.33333333%; }
    .col-12-1080-6 { width: 50%; }
    .col-12-1080-5 { width: 41.66666667%; }
    .col-12-1080-4 { width: 33.33333333%; }
    .col-12-1080-3 { width: 25%; }
    .col-12-1080-2 { width: 16.66666667%; }
    .col-12-1080-1 { width: 8.333333333%; }
    .col-12-1080-0 { width: 0%; display: none; }

    .col-10-1080-10 { width: 100%; }
    .col-10-1080-9 { width: 90%; }
    .col-10-1080-8 { width: 80%; }
    .col-10-1080-7 { width: 70%; }
    .col-10-1080-6 { width: 60%; }
    .col-10-1080-5 { width: 50%; }
    .col-10-1080-4 { width: 40%; }
    .col-10-1080-3 { width: 30%; }
    .col-10-1080-2 { width: 20%; }
    .col-10-1080-1 { width: 10%; }    
    .col-10-1080-0 { width: 0%; display: none; }
}

@media screen and (max-width: 1024px)
{
    .col-12-1024-12 { width: 100%; }
    .col-12-1024-11 { width: 91.66666667%; }
    .col-12-1024-10 { width: 83.33333333%; }
    .col-12-1024-9 { width: 75%; }
    .col-12-1024-8 { width: 66.66666667%; }
    .col-12-1024-7 { width: 58.33333333%; }
    .col-12-1024-6 { width: 50%; }
    .col-12-1024-5 { width: 41.66666667%; }
    .col-12-1024-4 { width: 33.33333333%; }
    .col-12-1024-3 { width: 25%; }
    .col-12-1024-2 { width: 16.66666667%; }
    .col-12-1024-1 { width: 8.333333333%; }
    .col-12-1024-0 { width: 0%; display: none; }

    .col-10-1024-10 { width: 100%; }
    .col-10-1024-9 { width: 90%; }
    .col-10-1024-8 { width: 80%; }
    .col-10-1024-7 { width: 70%; }
    .col-10-1024-6 { width: 60%; }
    .col-10-1024-5 { width: 50%; }
    .col-10-1024-4 { width: 40%; }
    .col-10-1024-3 { width: 30%; }
    .col-10-1024-2 { width: 20%; }
    .col-10-1024-1 { width: 10%; }    
    .col-10-1024-0 { width: 0%; display: none; }
}

@media screen and (max-width: 960px)
{
    .col-12-960-12 { width: 100%; }
    .col-12-960-11 { width: 91.66666667%; }
    .col-12-960-10 { width: 83.33333333%; }
    .col-12-960-9 { width: 75%; }
    .col-12-960-8 { width: 66.66666667%; }
    .col-12-960-7 { width: 58.33333333%; }
    .col-12-960-6 { width: 50%; }
    .col-12-960-5 { width: 41.66666667%; }
    .col-12-960-4 { width: 33.33333333%; }
    .col-12-960-3 { width: 25%; }
    .col-12-960-2 { width: 16.66666667%; }
    .col-12-960-1 { width: 8.333333333%; }
    .col-12-960-0 { width: 0%; display: none; }

    .col-10-960-10 { width: 100%; }
    .col-10-960-9 { width: 90%; }
    .col-10-960-8 { width: 80%; }
    .col-10-960-7 { width: 70%; }
    .col-10-960-6 { width: 60%; }
    .col-10-960-5 { width: 50%; }
    .col-10-960-4 { width: 40%; }
    .col-10-960-3 { width: 30%; }
    .col-10-960-2 { width: 20%; }
    .col-10-960-1 { width: 10%; }    
    .col-10-960-0 { width: 0%; display: none; }
}

@media screen and (max-width: 900px)
{
    .col-12-900-12 { width: 100%; }
    .col-12-900-11 { width: 91.66666667%; }
    .col-12-900-10 { width: 83.33333333%; }
    .col-12-900-9 { width: 75%; }
    .col-12-900-8 { width: 66.66666667%; }
    .col-12-900-7 { width: 58.33333333%; }
    .col-12-900-6 { width: 50%; }
    .col-12-900-5 { width: 41.66666667%; }
    .col-12-900-4 { width: 33.33333333%; }
    .col-12-900-3 { width: 25%; }
    .col-12-900-2 { width: 16.66666667%; }
    .col-12-900-1 { width: 8.333333333%; }
    .col-12-900-0 { width: 0%; display: none; }

    .col-10-900-10 { width: 100%; }
    .col-10-900-9 { width: 90%; }
    .col-10-900-8 { width: 80%; }
    .col-10-900-7 { width: 70%; }
    .col-10-900-6 { width: 60%; }
    .col-10-900-5 { width: 50%; }
    .col-10-900-4 { width: 40%; }
    .col-10-900-3 { width: 30%; }
    .col-10-900-2 { width: 20%; }
    .col-10-900-1 { width: 10%; }    
    .col-10-900-0 { width: 0%; display: none; }
}

@media screen and (max-width: 812px)
{
    .col-12-812-12 { width: 100%; }
    .col-12-812-11 { width: 91.66666667%; }
    .col-12-812-10 { width: 83.33333333%; }
    .col-12-812-9 { width: 75%; }
    .col-12-812-8 { width: 66.66666667%; }
    .col-12-812-7 { width: 58.33333333%; }
    .col-12-812-6 { width: 50%; }
    .col-12-812-5 { width: 41.66666667%; }
    .col-12-812-4 { width: 33.33333333%; }
    .col-12-812-3 { width: 25%; }
    .col-12-812-2 { width: 16.66666667%; }
    .col-12-812-1 { width: 8.333333333%; }
    .col-12-812-0 { width: 0%; display: none; }

    .col-10-812-10 { width: 100%; }
    .col-10-812-9 { width: 90%; }
    .col-10-812-8 { width: 80%; }
    .col-10-812-7 { width: 70%; }
    .col-10-812-6 { width: 60%; }
    .col-10-812-5 { width: 50%; }
    .col-10-812-4 { width: 40%; }
    .col-10-812-3 { width: 30%; }
    .col-10-812-2 { width: 20%; }
    .col-10-812-1 { width: 10%; }    
    .col-10-812-0 { width: 0%; display: none; }
}

@media screen and (max-width: 800px)
{
    .col-12-800-12 { width: 100%; }
    .col-12-800-11 { width: 91.66666667%; }
    .col-12-800-10 { width: 83.33333333%; }
    .col-12-800-9 { width: 75%; }
    .col-12-800-8 { width: 66.66666667%; }
    .col-12-800-7 { width: 58.33333333%; }
    .col-12-800-6 { width: 50%; }
    .col-12-800-5 { width: 41.66666667%; }
    .col-12-800-4 { width: 33.33333333%; }
    .col-12-800-3 { width: 25%; }
    .col-12-800-2 { width: 16.66666667%; }
    .col-12-800-1 { width: 8.333333333%; }
    .col-12-800-0 { width: 0%; display: none; }

    .col-10-800-10 { width: 100%; }
    .col-10-800-9 { width: 90%; }
    .col-10-800-8 { width: 80%; }
    .col-10-800-7 { width: 70%; }
    .col-10-800-6 { width: 60%; }
    .col-10-800-5 { width: 50%; }
    .col-10-800-4 { width: 40%; }
    .col-10-800-3 { width: 30%; }
    .col-10-800-2 { width: 20%; }
    .col-10-800-1 { width: 10%; }  
    .col-10-800-0 { width: 0%; display: none; }
}

@media screen and (max-width: 768px)
{
    .col-12-768-12 { width: 100%; }
    .col-12-768-11 { width: 91.66666667%; }
    .col-12-768-10 { width: 83.33333333%; }
    .col-12-768-9 { width: 75%; }
    .col-12-768-8 { width: 66.66666667%; }
    .col-12-768-7 { width: 58.33333333%; }
    .col-12-768-6 { width: 50%; }
    .col-12-768-5 { width: 41.66666667%; }
    .col-12-768-4 { width: 33.33333333%; }
    .col-12-768-3 { width: 25%; }
    .col-12-768-2 { width: 16.66666667%; }
    .col-12-768-1 { width: 8.333333333%; }
    .col-12-768-0 { width: 0%; display: none; }

    .col-10-768-10 { width: 100%; }
    .col-10-768-9 { width: 90%; }
    .col-10-768-8 { width: 80%; }
    .col-10-768-7 { width: 70%; }
    .col-10-768-6 { width: 60%; }
    .col-10-768-5 { width: 50%; }
    .col-10-768-4 { width: 40%; }
    .col-10-768-3 { width: 30%; }
    .col-10-768-2 { width: 20%; }
    .col-10-768-1 { width: 10%; }    
    .col-10-768-0 { width: 0%; display: none; }
}

@media screen and (max-width: 640px)
{
    .col-12-640-12 { width: 100%; }
    .col-12-640-11 { width: 91.66666667%; }
    .col-12-640-10 { width: 83.33333333%; }
    .col-12-640-9 { width: 75%; }
    .col-12-640-8 { width: 66.66666667%; }
    .col-12-640-7 { width: 58.33333333%; }
    .col-12-640-6 { width: 50%; }
    .col-12-640-5 { width: 41.66666667%; }
    .col-12-640-4 { width: 33.33333333%; }
    .col-12-640-3 { width: 25%; }
    .col-12-640-2 { width: 16.66666667%; }
    .col-12-640-1 { width: 8.333333333%; }
    .col-12-640-0 { width: 0%; display: none; }

    .col-10-640-10 { width: 100%; }
    .col-10-640-9 { width: 90%; }
    .col-10-640-8 { width: 80%; }
    .col-10-640-7 { width: 70%; }
    .col-10-640-6 { width: 60%; }
    .col-10-640-5 { width: 50%; }
    .col-10-640-4 { width: 40%; }
    .col-10-640-3 { width: 30%; }
    .col-10-640-2 { width: 20%; }
    .col-10-640-1 { width: 10%; }    
    .col-10-640-0 { width: 0%; display: none; }
}

@media screen and (max-width: 600px)
{
    .col-12-600-12 { width: 100%; }
    .col-12-600-11 { width: 91.66666667%; }
    .col-12-600-10 { width: 83.33333333%; }
    .col-12-600-9 { width: 75%; }
    .col-12-600-8 { width: 66.66666667%; }
    .col-12-600-7 { width: 58.33333333%; }
    .col-12-600-6 { width: 50%; }
    .col-12-600-5 { width: 41.66666667%; }
    .col-12-600-4 { width: 33.33333333%; }
    .col-12-600-3 { width: 25%; }
    .col-12-600-2 { width: 16.66666667%; }
    .col-12-600-1 { width: 8.333333333%; }
    .col-12-600-0 { width: 0%; display: none; }

    .col-10-600-10 { width: 100%; }
    .col-10-600-9 { width: 90%; }
    .col-10-600-8 { width: 80%; }
    .col-10-600-7 { width: 70%; }
    .col-10-600-6 { width: 60%; }
    .col-10-600-5 { width: 50%; }
    .col-10-600-4 { width: 40%; }
    .col-10-600-3 { width: 30%; }
    .col-10-600-2 { width: 20%; }
    .col-10-600-1 { width: 10%; }    
    .col-10-600-0 { width: 0%; display: none; }
}

@media screen and (max-width: 540px)
{
    .col-12-540-12 { width: 100%; }
    .col-12-540-11 { width: 91.66666667%; }
    .col-12-540-10 { width: 83.33333333%; }
    .col-12-540-9 { width: 75%; }
    .col-12-540-8 { width: 66.66666667%; }
    .col-12-540-7 { width: 58.33333333%; }
    .col-12-540-6 { width: 50%; }
    .col-12-540-5 { width: 41.66666667%; }
    .col-12-540-4 { width: 33.33333333%; }
    .col-12-540-3 { width: 25%; }
    .col-12-540-2 { width: 16.66666667%; }
    .col-12-540-1 { width: 8.333333333%; }
    .col-12-540-0 { width: 0%; display: none; }

    .col-10-540-10 { width: 100%; }
    .col-10-540-9 { width: 90%; }
    .col-10-540-8 { width: 80%; }
    .col-10-540-7 { width: 70%; }
    .col-10-540-6 { width: 60%; }
    .col-10-540-5 { width: 50%; }
    .col-10-540-4 { width: 40%; }
    .col-10-540-3 { width: 30%; }
    .col-10-540-2 { width: 20%; }
    .col-10-540-1 { width: 10%; }    
    .col-10-540-0 { width: 0%; display: none; }
}


@media screen and (max-width: 480px)
{
    .col-12-480-12 { width: 100%; }
    .col-12-480-11 { width: 91.66666667%; }
    .col-12-480-10 { width: 83.33333333%; }
    .col-12-480-9 { width: 75%; }
    .col-12-480-8 { width: 66.66666667%; }
    .col-12-480-7 { width: 58.33333333%; }
    .col-12-480-6 { width: 50%; }
    .col-12-480-5 { width: 41.66666667%; }
    .col-12-480-4 { width: 33.33333333%; }
    .col-12-480-3 { width: 25%; }
    .col-12-480-2 { width: 16.66666667%; }
    .col-12-480-1 { width: 8.333333333%; }
    .col-12-480-0 { width: 0%; display: none; }

    .col-10-480-10 { width: 100%; }
    .col-10-480-9 { width: 90%; }
    .col-10-480-8 { width: 80%; }
    .col-10-480-7 { width: 70%; }
    .col-10-480-6 { width: 60%; }
    .col-10-480-5 { width: 50%; }
    .col-10-480-4 { width: 40%; }
    .col-10-480-3 { width: 30%; }
    .col-10-480-2 { width: 20%; }
    .col-10-480-1 { width: 10%; }    
    .col-10-480-0 { width: 0%; display: none; }
}

@media screen and (max-width: 375px)
{
    .col-12-375-12 { width: 100%; }
    .col-12-375-11 { width: 91.66666667%; }
    .col-12-375-10 { width: 83.33333333%; }
    .col-12-375-9 { width: 75%; }
    .col-12-375-8 { width: 66.66666667%; }
    .col-12-375-7 { width: 58.33333333%; }
    .col-12-375-6 { width: 50%; }
    .col-12-375-5 { width: 41.66666667%; }
    .col-12-375-4 { width: 33.33333333%; }
    .col-12-375-3 { width: 25%; }
    .col-12-375-2 { width: 16.66666667%; }
    .col-12-375-1 { width: 8.333333333%; }
    .col-12-375-0 { width: 0%; display: none; }

    .col-10-375-10 { width: 100%; }
    .col-10-375-9 { width: 90%; }
    .col-10-375-8 { width: 80%; }
    .col-10-375-7 { width: 70%; }
    .col-10-375-6 { width: 60%; }
    .col-10-375-5 { width: 50%; }
    .col-10-375-4 { width: 40%; }
    .col-10-375-3 { width: 30%; }
    .col-10-375-2 { width: 20%; }
    .col-10-375-1 { width: 10%; }    
    .col-10-375-0 { width: 0%; display: none; }
}