@media only screen and (max-width: 999px) and (orientation:landscape) {}
@media only screen and (max-width: 999px) and (orientation:portrait) {}
@media only screen and (max-width: 999px) {
  body {
  	font-size: 14px;    
    margin-top: 0;
  }
  .mshow {
    display: block;
  }
  .mhide {
    display: none;
  }
  .submenu {
    display: none;
    background: #fff;
    margin-left: -1100%;
    width: 1200%;
  }
  .menu-home {
    position: relative;
    margin: 0;
    width: 100%;
  }
  #menufixedSize,
  #menufixed {
    position: relative;
    display: inline-block;
  }  
  #menufixedSize:before {
    padding: 0;
  }
  #menu-logo {
    margin: 10px 0 0 10px !important;
  }
  #mainTopBanners:before {
    padding-top: 3.75%;
  }
  .main-top:before {
    padding-top: 37.5%;
  }

  .mainTop-text {
    width: 100%;
    height: 100%;
    background-color: #e30119;
  }
  .mainTop-text h2 {
    font-size: 130%;
    padding: 1% 0 2%;
  }
  .mainTop-button a {
    padding: 4px 15px;
  }
  .boxCentered {
    width: 100%;
    margin: 0 !important;
  }
  .twoBoxes .box,
  .twoBoxes .boxFree,
  .threeBoxes .boxFree,
  .threeBoxes .box,
  .fourBoxes .box,
  .fourBoxes .boxFree,
  .fiveBoxes .box,
  .boxVideoPlayer
   {
    width: 100%;
   }
  .fourBoxes .boxBorderRed .boxFree,
  .fourBoxes .boxBorderGrey .boxFree {
    width: 95%; 
  }
  .fourBoxes .box {
    height: 220px;
    width: 49% !important;
  }
  .boxName {
    background-size: auto 50%;
  }
  .boxName.icoOferta,
  .boxName.icoPomoce,
  .boxName.icoLupa,
  .boxName.icoZamow,
  .boxName.icoSztuczka,
  .boxName.icoKonferencje,
  .boxName.icoAktualnosci,
  .boxName.icoZestawy,
  .boxName.icoKontakt, 
  .boxName.icoProgramowanie,
  .boxName.icoSprawdziany,
  .boxName.icoMultibooki,
  .boxName.icoKalendarz {
    padding: 0 0 0 35px;
  }
  .boxH15,
  .boxH18,
  .boxH2 {
    min-height: 50px;
  }
  .boxRight img {
    max-width: 25px; 
  }
  .title-page {
    padding: 20px 0 20px 35px;
    background-size: auto 50%;
  }
  .title-page h1, 
  .title-page h2,
  .title-page h3 
  .title-page h4 {
  	font-size: 150%;
  	line-height: 100%;  	
  } 
  .news-lista {
    height: 150px;
  }
  .promocja-textVideo-video {
    height: 140px;
  }
  .materialy-podrecznik-okladka {
    width: 12.1%;
  }
  .materialy-lista-kategorii,
  .materialy-lista-podrecznikow {
    width: 100%;
  }
  .bookFile {
    width: 99%;
  }
  #backtotop {
    padding: 13px;
  }
  .site-bottom-boxes.single {
  	width: 50%; 
  }
  .site-bottom-boxes.double {
  	width: 50%; 
  }
  .oferta-karta-opis .warto {
    margin: 15px 0 0 20px;
  }
  .oferta-karta-opis .ico-warto,
  .oferta-karta-opis .ico-redWarto {
    left: -40px;
    top: 0;
    width: 15px;
    height: 15px;
    background-size: 15px auto;
  }
  .oferta-karta-opis .ico-cwicz,
  .oferta-karta-opis .ico-przyk,
  .oferta-karta-opis .ico-redCwicz,
  .oferta-karta-opis .ico-redPrzyk {
    background-size: 20px auto;
    padding: 8px 0 4px 20px;
    margin: 7px 0 0 0 !important;
  }
  .oferta-karta-opis .warto-tresc {
    margin-left: 20px;
  }
  .oferta-karta-opis img {
    max-width: 100%;
  }

  .drag-drop {
    width: 125%;
  }
  .non-drop {
    width: 61%;
  }
}

@media only screen and (min-width: 1000px) {
  body {
  	font-size: 13px;    
  }
  .menu-home {
    
  }
  #menufixed ul.submenu3,
  #menufixed ul.submenu4 {
    min-height: 270px;
    padding: 0 0 0 70px;
  }

  .mshow {
    display: none;
  }
  .mhide {
    display: block;
  }
  #mainTopBanners:before {
    padding-top: 2.75%;
  }
  .main-top:before {
    padding-top: 27.5%;
  }
  .mainTop-text {
    width: 29%;
  }
  .mainTop-text h2 {
    font-size: 130%;
    padding: 2% 0 6%;
  }
  .mainTop-button {
    font-size: 110%;
  }
  .mainTop-button a {
    padding: 8px 25px;
  }
  
  .twoBoxes .box:nth-of-type(2n+1) {
    width: 65.9%;
  }
  .twoBoxes .box:nth-of-type(2n+2) {
    width: 32.2%;
  }
  .twoBoxes .boxFree {
    width: 48%;
    display: inline-block;
    margin: 5px 0.5%;
  }
  .threeBoxes .boxFree,
  .threeBoxes .box {
    width: 32%;
  }
  .threeBoxes > .boxFree > p.center {
    position: absolute;
    width: 100%;
    bottom: 7%;
    left: 0;
  }
  .fourBoxes .box,
  .fourBoxes .boxFree {
    width: 24.25%;
  }
  .fourBoxes .boxBorderRed .boxFree,
  .fourBoxes .boxBorderGrey .boxFree {
    width: 45%; 
  }
  .fiveBoxes .box {
    width: 19%;
  }

  .fourBoxes .box {
    height: 250px;
  }
  .boxName {
    background-size: auto 95%;
  }
  .boxName.icoOferta,
  .boxName.icoPomoce,
  .boxName.icoLupa,
  .boxName.icoZamow,
  .boxName.icoSztuczka,
  .boxName.icoKonferencje,
  .boxName.icoAktualnosci,
  .boxName.icoZestawy,
  .boxName.icoKontakt, 
  .boxName.icoProgramowanie,
  .boxName.icoSprawdziany,
  .boxName.icoMultibooki,
  .boxName.icoKalendarz {
    padding: 0 0 0 60px;
  }
  .boxH15 {
    min-height: 150px;
  }
  .boxH18 {
    min-height: 180px;
  }
  .boxH20 {
    min-height: 200px;
  }
  .boxH37 {
    min-height: 370px;
  }
  .title-page {
    padding: 30px 0 30px 6%;
    background-size: 5% auto;
  }
  .title-page h1, 
  .title-page h2 {
  	font-size: 240%;
  	line-height: 100%;  	
  }
  .title-page h3 {
  	font-size: 200%;
  	line-height: 100%;  	
  }
  .title-page h4 {
  	font-size: 150%;
  	line-height: 100%;  	
  } 
  .news-lista {
    height: 200px;
  }
  .promocja-textVideo-video {
    height: 180px;
  }
  .materialy-podrecznik-okladka {
    width: 6.1%;
  }
  .materialy-lista-kategorii {
    width: 50%;
  }
  .materialy-lista-podrecznikow {
    width: 49%;
  }
  .bookFile {
    width: 48.5%;
  }
  #backtotop {
    padding: 20px;
  }
  .site-bottom-boxes.single {
  	width: 20%; 
  }
  .site-bottom-boxes.double {
  	width: 32%; 
  }

}

@media only screen and (min-width: 1100px) {
  body {
  	font-size: 14px;
  }
  .fourBoxes .box {
    height: 290px;
  }
  .news-lista {
    height: 220px;
  }
  .promocja-textVideo-video {
    height: 200px;
  }
  #backtotop {
    padding: 25px;
  }
}

@media only screen and (min-width: 1220px) {
  .mainTop-text h2 {
    font-size: 150%;
  }
  .fourBoxes .box {
    height: 290px;
  }
  .news-lista {
    height: 220px;
  }
  .promocja-textVideo-video {
    height: 200px;
  }
  #backtotop {
    padding: 25px;
  }
}
@media only screen and (min-width: 1300px) {
  body {
  	font-size: 15px;
  }
}

@media only screen and (min-width: 1580px) {
  body {
  	
  }
  .fourBoxes .box {
    height: 360px;
  }
  .news-lista {
    height: 282px;
  }
  .promocja-textVideo-video {
    height: 270px;
  }
  #backtotop {
    padding: 25px;
  }
}

@media only screen and (min-width: 1900px) {
  body {
  	font-size: 15px;
  	
  }
  .fourBoxes .box {
    height: 407px;
  }
  .news-lista {
    height: 220px;
  }
  .promocja-textVideo-video {
    height: 310px;
  }
  #backtotop {
    padding: 25px;
  }
}