@media only screen
and (max-width: 1200px)
{
  .mainFrame {width: 100%; padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  
  #itemList .mainFrame {padding: 0;}
  
  #mainBanner .slide {height: 300px;}
}


@media only screen
and (max-width: 1000px)
{
  #menuFrame .inner ul li a {font-size: 24px;}
}


@media only screen
and (max-width: 850px)
{
  #mainBanner .slide {height: 200px;}
  
  #menuFrame .inner {justify-content: center;}
  #menuFrame .inner ul {flex-direction: column; align-items: center;}
  #menuFrame .inner ul li a {padding: 10px 20px; text-align: center;}
  #menuFrame .inner ul li:first-child a {padding: 10px 20px;}
  
  #mainText .tinymceCont h1 {margin: 30px 0 0 0; text-align: center; font-size: 26px;}
  
  #itemList .inner .item {width: calc(25% - 15px); margin: 10px 20px 10px 0;}
  #itemList .inner .item:nth-child(4n) {margin-right: 0;}
  
  #catList .inner .item {width: 50%; margin: 0;}
}


@media only screen
and (max-width: 650px)
{
  #mainBanner .slide {height: 150px;}
  
  #itemList .inner .item {width: calc(50% - 10px); margin: 10px 20px 10px 0;}  
  #itemList .inner .item:nth-child(2n) {margin-right: 0;}
  
  #poptavkaForm {width: 100%; margin: 0;}
  
  footer {padding: 20px 0;}
  footer .inner {flex-direction: column; align-items: center; text-align: center;}
  footer .inner .left {margin-bottom: 20px;}  
}


@media only screen
and (max-width: 500px)
{
  #mainBanner .slide {height: 100px;}
  
  #itemList .inner .item {width: calc(50% - 5px); margin: 5px 10px 5px 0;}
  
  #catList .inner .item {width: 400px; margin: 0;}
  
  .formLine .formRow {width: 100%;}
  .formLine .formInput {width: 100%; padding: 10px 10px; font-size: 16px; font-weight: 100;}
  .formLine .formSubmit {width: 100%; margin: 0;}
  .formLine .formSubmit.a {text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  
  #formSubmitMessage .inner {width: 100%; margin: 0;}
}