@media (max-width: 800px) {

div.kosik                       {font-size: 0;}
div.kosik h1                    {margin: auto; padding: 10px 10px 15px 10px; font-size: 25px; color: #CCCCCC;}
div.kosik h2                    {margin: auto; padding: 10px 10px 15px 0px; font-size: 20px; color: #CCCCCC;}
div.kosik p                     {margin: auto; padding: 0px 5px; margin-bottom: 20px; font-size: 16px; color: #777777;}
div.kosik p b                   {color: #555555;}
div.kosik hgroup                {display: none;}
div.kosik>div                   {margin: auto;}
div.kosik>div>div.pol               {padding: 1%; margin-bottom: 5px; text-align: center; background-color: #eeeeee; border-bottom: 1px solid #bbbbbb;}
div.kosik>div>div.pol img           {display: inline-block; width: 20%; vertical-align: top;}
div.kosik>div>div.pol div           {box-sizing: border-box; font-size: 18px; color: #666666; margin-left: 1%;}
div.kosik>div>div.pol div.desc      {display: inline-block; width: 79%; text-align: left;}
div.kosik>div>div.pol div.desc a    {font-size: 16px; font-weight: 400; color: #666666;}
div.kosik>div>div.pol div.gal       {display: inline-block; margin-left: 21%; width: 39%; padding: 3px 0px;}
div.kosik>div>div.pol div.ava       {display: inline-block; width: 39%; padding: 3px 0px;}
div.kosik>div>div.pol div.green     {color: green;}
div.kosik>div>div.pol div.red       {color: #D45C5C;}
div.kosik>div>div.pol div.orange     {color: orange;}
div.kosik>div>div.pol div.mn        {display: inline-block; margin-left: 21%; margin-top: 10px; width: 79%; text-align: right;}
div.kosik>div>div.pol div.mn input.mn   {width: 40px; padding: 2px 6px; font-size: 18px; color: #666666; border: 1px solid #cccccc;}
div.kosik>div>div.pol div.mn input.sub  {width: 49%; padding: 2.5px 0px; background-image: linear-gradient(#CFB64F, #BB992B); border: 0px; font-size: 20px; font-weight: 400; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border-radius: 3px;}
div.kosik>div>div.pol div.cena      {display: inline-block; margin-left: 21%; margin-top: 8px; margin-bottom: 10px; width: 39%; padding: 3px 6px; background-color: white;}
div.kosik>div>div.pol div.cenacel   {display: inline-block; margin-top: 8px; margin-bottom: 10px; width: 39%; padding: 3px 6px; background-color: white;}
div.kosik>div>div.pol div.smaz      {width: 39%; margin-left: 61%; border: 2px solid #D45C5C;}
div.kosik>div>div.pol div.smaz input    {border: 0px; background-color: transparent; color: #D45C5C; font-size: 23px; font-weight: 400; text-decoration: none; width: 100%;}
div.kosik>div>div.polneni           {padding: 6% 1%; margin-bottom: 5px; background-color: #eeeeee; font-size: 18px; font-weight: 400; text-align: center;}
div.kosik>div div.celkem            {padding: 10px; margin-bottom: 10px; border-top: 2px solid #C6A310; text-align: left;}
div.kosik>div div.celkem span       {display: block; width: 100%; font-size: 20px; color: #C6A310;}
div.kosik div.sleva             {margin-bottom: 50px;}
div.kosik div.sleva section         {width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #006600; background-color: #C6EFCE;}
div.kosik div.sleva section>span        {display: inline-block; font-size: 20px;}
div.kosik div.sleva section>span.l  {width: 70%;}
div.kosik div.sleva section>span.r  {width: 30%; font-weight: 400;}
div.kosik div.sleva div         {margin-bottom: 10px; padding: 0px 10px;}
div.kosik div.sleva div span        {display: block;}
div.kosik div.sleva div input           {width: 100%; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400;}
div.kosik div.sleva div button          {width: 100%; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400; text-decoration: none; border: 2px solid #a29067; color: #a29067; background-color: #fff;}

div.kosik div.pata                  {box-sizing: border-box; font-size: 0; margin: 20px 0px; padding: 0px 10px;}
div.kosik div.pata div          {display: block; box-sizing: border-box; padding: 0px; margin-bottom: 15px;}
div.kosik div.pata a        {display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; font-size: 20px; font-weight: 400;  transition: all .3s; text-decoration: none; text-align: center;}
div.kosik div.pata a.ni     {border: 2px solid #a29067; color: #a29067; background-color: #fff;}
div.kosik div.pata form button  {display: block; box-sizing: border-box; width: 100%; padding: 10px 20px; font-size: 20px; font-weight: 400;  transition: all .3s; text-decoration: none; text-align: center; border: 2px solid #a29067; color: #a29067; background-color: #fff;}
div.kosik div.pata a.hl     {border: 2px solid #e60b2d; color: #FFFFFF; background-color: #e60b2d;}

}
@media (min-width: 801px) {

div.kosik                       {min-height: 500px;  font-size: 0;}
div.kosik h1                    {margin: auto; max-width: 960px; padding: 20px 0px 5px 0px; font-size: 35px; color: #CCCCCC;}
div.kosik h2                    {margin: auto; max-width: 960px; padding: 20px 0px 15px 0px; font-size: 30px; color: #CCCCCC;}
div.kosik p                     {margin: auto; max-width: 960px; padding: 0px 10px; margin-bottom: 20px; font-size: 16px; color: #999999;}
div.kosik p b                   {color: #555555;}
div.kosik hgroup                {margin: auto; max-width: 960px; padding: 10px;}
div.kosik hgroup label          {display: inline-block; text-align: left; font-size: 16px; color: #C6A310;}
div.kosik>div                   {margin: auto; max-width: 960px;}
div.kosik>div>div.pol               {padding: 1%; margin-bottom: 5px; text-align: left; background-color: #eeeeee;}
div.kosik>div>div.pol img           {width: 6%; height: 60px;}
div.kosik>div>div.pol div           {display: inline-block; vertical-align: top; font-size: 16px; color: #666666; margin-left: 1%;}
div.kosik>div>div.pol div.desc      {width: 23%;}
div.kosik>div>div.pol div.desc a    {font-size: 14px; font-weight: 400; color: #666666;}
div.kosik>div>div.pol div.gal       {width: 11%; padding: 3px 0px; text-align: center; font-weight: 400;}
div.kosik>div>div.pol div.ava       {width: 11%; padding: 3px 0px; text-align: center; font-weight: 400;}
div.kosik>div>div.pol div.green     {color: green;}
div.kosik>div>div.pol div.red       {color: #D45C5C;}
div.kosik>div>div.pol div.orange     {color: orange;}
div.kosik>div>div.pol div.mn        {width: 18%;}
div.kosik>div>div.pol div.mn input.mn   {width: 60px; padding: 2px 6px; font-size: 18px; color: #666666; border: 1px solid #cccccc;}
div.kosik>div>div.pol div.mn input.sub  {padding: 2px; background-image: linear-gradient(#CFB64F, #BB992B); border: 0px; font-size: 12px; font-weight: 400; color: #FFFFFF; box-shadow: 0px 2px 0px #DDDDDD; border-radius: 3px;}
div.kosik>div>div.pol div.cena      {width: 10%; padding: 3px 6px; background-color: white; font-size: 18px;}
div.kosik>div>div.pol div.cenacel       {width: 11%; padding: 3px 6px; background-color: white; font-size: 18px;}
div.kosik>div>div.pol div.smaz      {width: 3%; text-align: center;}
div.kosik>div>div.pol div.smaz form {display: inline-block;} 
div.kosik>div>div.pol div.smaz input    {border: 0px; background-color: transparent; color: #D45C5C; font-size: 25px; font-weight: 900; text-decoration: none;}
div.kosik>div>div.pol div.smaz input:hover  {color: red;}
div.kosik>div>div.polneni           {padding: 3% 1%; margin-bottom: 5px; background-color: #eeeeee; font-size: 18px; font-weight: 400; text-align: center;}
div.kosik>div div.celkem            {padding: 10px; margin-bottom: 15px; border-top: 2px solid #C6A310;}
div.kosik>div div.celkem span       {display: inline-block; width: 50%; font-size: 20px; color: #C6A310;} 
div.kosik div.sleva             {margin-bottom: 50px;}
div.kosik div.sleva section         {padding: 10px; margin-bottom: 10px; border: 1px solid #006600; background-color: #C6EFCE;}
div.kosik div.sleva section>span        {display: inline-block; font-size: 20px;}
div.kosik div.sleva section>span.l  {width: 70%;}
div.kosik div.sleva section>span.r  {width: 30%; font-weight: 400;}
div.kosik div.sleva div         {margin-bottom: 10px;}
div.kosik div.sleva div span        {display: inline-block; width: 50%;}
div.kosik div.sleva div input           {min-width: 350px; max-width: 450px; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400;}
div.kosik div.sleva div button      {min-width: 350px; max-width: 450px; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400; transition: all .3s; text-decoration: none; border: 2px solid #a29067; color: #a29067; background-color: #fff;}
div.kosik div.sleva div button:hover    {background-color: #a29067; color:#fff;} 
div.kosik div.pata                  {margin-bottom: 30px; font-size: 0;}
div.kosik div.pata div                  {display: inline-block; width: 50%; padding: 15px 0px;}
div.kosik div.pata div.ls           {text-align: left;}
div.kosik div.pata div.ps           {text-align: right;} 
div.kosik div.pata a             {display: inline-block; min-width: 350px; max-width: 450px; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400; transition: all .3s; text-decoration: none;}
div.kosik div.pata a.ni          {border: 2px solid #a29067; color: #a29067; background-color: #fff;}
div.kosik div.pata a.ni:hover    {background-color: #a29067; color:#fff;}

div.kosik div.pata form button  {display: inline-block; min-width: 350px; max-width: 450px; padding: 10px 20px; text-align: center; font-size: 20px; font-weight: 400; transition: all .3s; text-decoration: none; border: 2px solid #a29067; color: #a29067; background-color: #fff; cursor: pointer;}
div.kosik div.pata form button:hover    {background-color: #a29067; color:#fff;}

div.kosik div.pata a.hl          {border: 2px solid #e60b2d; color: #FFFFFF; background-color: #e60b2d;}
div.kosik div.pata a.hl:hover    {background-color: #e5c4bd; color: #e60b2d;
}
}