/*
  style-responsive1.css - responsywność metodą od dołu do góry
  sytle-responsive2.css - responsywność metodą od góry do dołu
  
  Drugą metodę przyjąłem po wdrożeniu strony, podczas budowania modułu rekrutacji.
*/

/**********************************************/
/***************** 360px **********************/
/**********************************************/

@media screen and (min-width: 360px) {
  #carousel_14 .slajder-icon {
    width: 30px;
  }
    .kontakt .col-xs-6 {
      width: 50%;
    }
    .hidden-360plus {
       display: none;
    }
    .hidden-360minus {
       display: block;
    } 
    .ce_OnlyTemplate.niebieski-wstep {
        height: 185px;
    }
    .ce_OnlyTemplate.niebieski-wstep .container .image_container,
    .ce_OnlyTemplate.niebieski-wstep .container {
        line-height: 185px;
    }
    .dzial .full-width-image .html-header h3 {
      font-size: 26px;
    }
    .dzial .full-width-image .html-header h2 {
      font-size: 44px;
    }
    .pwn-logo {
        height: 43px;
        width: 290px;
        margin-top: 39px;
    }
    .webkit .kontakt .container-bok > .row > div.col-xs-6 {
      width: 49.92%;
    }
}

@media screen and (min-width: 530px) {
    .hidden-530plus {
       display: none;
    }
    .hidden-530minus {
       display: block;
    } 
    .dzial_ikony a:focus .img-wrapper,
    .dzial_ikony a:hover .img-wrapper {
      padding: 9px;
    }
    .dzial_ikony a .img-wrapper {
      padding: 10px;
    }
    .dzial_ikony a.selected .img-wrapper {
      padding: 9px;
    }
    .extra-firmy tbody > tr > td {
      width: 50%;
      display: inline-block;
    }
}
/**********************************************/
/***************** 768px **********************/
/**********************************************/

@media screen and (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .hidden-360plus {
       display: block;
    }
    .hidden-530plus {
       display: block;
    }
    .kontakt .col-sm-4 {
      width: 33.33333%;
    }
    .kontakt .col-sm-12 {
      width: 100%;
    }
    body {
        padding-top: 125px;
    }
    html[lang=en] .pwn-logo,
    .pwn-logo {
        margin-left: 0 !important;
        margin-top: 73px;
        width: 115px;
        background-size: 195%;
        background-position: left 0;
    }
    .main-navbar {
        height: 125px;
        margin-bottom: 0;
    }
    .main-navbar .edu-biz-pasja {
        clear: both;
        float: right;
    }
    #gorne-menu {
        margin-right: -15px;
        margin-top:25px;
    }
    .pages-socials a {
        padding-bottom: 5px !important;
    }
    .pages-socials .page a {
        padding-left: 0;
    }
    .pages-socials .social a img {
        position: relative;
        top: -5px;
    }
    .pages-socials .social a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .pages-socials .social:last-child a {
        padding-right: 15px;
    }
    .sequence-kontener .slider-item.animate-in .container {
        bottom: 0;
        left: 0;
        opacity: 1;
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
        -webkit-transition-duration: 10s, 3s;
                transition-duration: 10s, 3s;
        -webkit-transition-property: left, opacity;
                transition-property: left, opacity;
    }
    .sequence-kontener .slider-item .container {
        left: -70px;
        position: relative;
        z-index: 2;
    }
    .slider-item .info {
        bottom: 40px;
        font-weight: 300;
        left: 50%;
        line-height: 0.7em;
        margin-left: -180px;
        text-align: left;
        width: 500px;
        margin-top: 0;
        color: #fff;
        font-size: 36px;
        position: absolute;
    }
  .sequence-kontener .slajder-icon {
    width: 40px;
        margin-top: -30px;
  }
    .sequence-kontener .slajder-next {
        margin-right: -20px;
    }
    .sequence-kontener .slajder-prev {
        margin-left: -20px;
    }
    .main-navbar .edu-biz-pasja  a {
       font-size: 22px;
       padding-left: 25px !important;
    }
    .ce_FullWidthImage.niebieski-wstep {
    height: 180px;
    }
    .ce_OnlyTemplate.niebieski-wstep .container .image_container,
    .ce_OnlyTemplate.niebieski-wstep .container {
        line-height: 180px;
    }
    .nasze-marki .slajder-icon,
    .slajder-kwadraciki .slajder-icon {
        margin-top: -31px;
        height: 62px;
        width: 35px;
    }
    .slajder-kwadraciki .item-inner {
       padding-left: 10px;
       padding-right: 10px;
       margin-bottom: 20px;
    }
    .slajder-kwadraciki .row.row-5ths {
       margin-left: -10px;
       margin-right: -10px;
    }
    .container-like-header,
    #header .container {
        width: 625px;
    }
    .ce_Statystyka {
        margin-top: 0px;
    }
    .second-navigation ul.level_1 {
      text-align: right;
      padding: 0;
    }
    .second-navigation ul.level_1 > li > span,
    .second-navigation ul.level_1 > li > a {
        height: 50px;
        line-height: 50px;
    }
    .second-navigation.affix {
      top: 125px;
    }
    .ce_ContainerStartPobieranie .pliki {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .ce_ContainerStartGaleria {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .lista-po-dwa .prawa time {
        bottom: 10px;
    }
    .lista-po-dwa .col-size.open .ce_youtube,
    .lista-po-dwa .col-size.open .image_container {
       width: 50%;
    }
    .lista-po-dwa .col-size.open .ce_youtube_iframe .wrapper {
    }
    .lista-po-dwa .prawa .teaser {
      max-height: 131px;
    }
    .strona-glowna .kontakt .lewa-od-obrazka .ce_text:last-child {
      margin-bottom: 0;
    }
    #footer .col-socials {
        bottom: -10px;
        position: absolute;
        right: 0;
    }
    .underfooter .kontener-poboczne,
    #footer .kontener-lacza {
      padding-left: 45px;
    }
    #footer .kontener-lacza {
      margin-top: 0;
      margin-bottom: 0;
    }
    .underfooter {
      text-align: left;
    }
    .pages-socials li.page a {
      min-width: 60px;
      padding-right: 0;
      padding-left: 0; 
    }
    html[lang=pl] .pages-socials li.page.page-aktualnosci a {
      min-width: 90px;
    }
    html[lang=en] .pages-socials li.page.page-zasoby a {
      min-width: 85px;
    }
    .pages-socials li.page.page-kontakt {
      margin-right: 5px;
    }
    .pages-socials li.lang {
      margin-right: 5px;
      font-weight: 700;
    }
    #kupuj-online .tekst-kupuj {
      width: 250px;
      position: absolute;
      right: -200px;
      top:0;
    }
    body.mac #kupuj-online .tekst-kupuj h2 {
      font-size: 39px;
    }
    #kupuj-online .tekst-kupuj h2 {
      font-size: 41px;
      margin-bottom: 15px;
    }
    #kupuj-online .ce_image .image_container {
      padding-top: 83px;
      width: 342px;
    }
    
    .sequence-kontener .slider-item .info p {
      font-size: 24px;
    }
    .sequence-kontener .slider-item .info h1 {
      font-size: 46px;
    }
    .sequence-kontener .slider-item .info {
      line-height: 28px;
      padding-bottom: 5px;
    }
    .strona-glowna .kontakt .mapka .diva {
      width: 100%;
    }
    .dzial_ikony .caption {
      font-size: 18px;
    }
    .dzial .full-width-image .html-header {
      text-align: left;
    }
    .dzial .full-width-image .html-header h2 {
      font-size: 72px;
      margin: -10px 0 50px 30px;
    }
    .dzial .statystyki {
      padding: 51px 0 30px;
    }
    .dzial .full-width-image {
      height: 456px;
    }
    .dzial_ikony a .img-wrapper {
      padding: 20px;
    }
    .dzial_ikony .caption {
      font-size: 16px;
    }
    .dzial_ikony a:focus .img-wrapper,
    .dzial_ikony a:hover .img-wrapper {
      padding: 19px;
    }
    .dzial_ikony a .img-wrapper {
      padding: 20px;
    }
    .dzial_ikony a.selected .img-wrapper {
      padding: 19px;
    }
    .nasze-marki .item {
      min-height: 130px;
      line-height: 130px;
    }
    .dzial_ikony .kol-ikona {
      margin-bottom: 0px;
    }
    .dzial .full-width-image .html-header h3 {
      font-size: 34px;
      margin-bottom: 0px;
    }
    .dzial .full-width-image .html-header h2 {
      font-size: 58px;
    }
    .slajder-kwadraciki.slajder-pierwszy-stop .item .row .item-inner:first-child {
      margin-left: 153px;
    }
    .dzial .statystyki .dotyczy {
        text-align: right;
    }
    .dzial .kontener-lacze {
      padding-left: 15px;
      padding-right: 15px;
    }
    .webkit .dzial .kontener-lacze.col-sm-4 {
      width: 33%;
    }
    .teksty  .row-dzial .ce_text {
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;
      -moz-column-gap: 20px;
      -webkit-column-gap: 20px;
      column-gap: 20px;
    }
    .second-navigation ul.level_2 {
      top: 50px;
    }
    .webkit .kontakt .container-bok > .row > div.col-xs-6,
    .webkit .kontakt .container-bok > .row > div.col-sm-4 {
      width: 33.1%;
    }
    .ce_gallery ul {
      text-align: left;
    }
    .migomedia {
      text-align: right;
    }
    #kupuj-online .kupujonline-pozostale {
      margin-top: 130px;
    }
    #kupuj-online {
      margin-bottom: 155px;
    }
    #kupuj-online.pokaz-wszystkie-in {
      margin-bottom: 10px;
    }
    #kupuj-online .kupujonline-pozostale .index-1 {
      width: 49.8%;
    }
    #kupuj-online .kupujonline-pozostale .lacze:active,
    #kupuj-online .kupujonline-pozostale .lacze {
      background-position: -455px 0;
    }
    #cookiewarning > div {
      width: 600px;
    }
    .cookie-close {
      position: absolute;
      top: -10px; 
      right: -35px; 
    }
    .migomedia .bazaczek {
      float: left;
    }
    .sb-signet{
        bottom:0px;
        right:0px;
    }
    .tabela-kariera table td:nth-child(2n) h4 {
      font-size: 16px;
    }
    .tabela-kariera table td:nth-child(2n) {
      padding-left: 18px;
    }
    .tabela-kariera table td:nth-child(2n+1) {
      height: 50px;
      padding: 0 6px;
      width: 50px;
    }
    .tabela-kariera table td:nth-child(2n+1) img {
        margin: 10px;
     }
     .tabela-kariera table td {
       float: unset;
       display: table-cell;
     }
    .extra-firmy tbody > tr > td {
      display: table-cell;
    }
    .extra-firmy tbody > tr {
      display: table-row;
    }
    .dzial .kontener-lacze {
      padding-left: 5px;
      padding-right: 5px;
    }
    .dzial .lacze:active,
    .dzial .lacze {
      background-position: -375px 0;
    }
}

/**********************************************/
/***************** 992px **********************/
/**********************************************/

@media screen and (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .sequence-kontener .slajder-icon {
      width: 51px;
      margin-top: -46px;
    }
    .sequence-kontener .slajder-next {
        margin-right: -25px;
    }
    .sequence-kontener .slajder-prev {
        margin-left: -25px;
    }
    .sequence-kontener .carousel-control {
       width: 23%;
    }
    .ce_OnlyTemplate.niebieski-wstep {
        height: 200px;
    }
    .ce_OnlyTemplate.niebieski-wstep .container .image_container,
    .ce_OnlyTemplate.niebieski-wstep .container {
        line-height: 200px;
    }
    .slajder-kwadraciki .slajder-next {
        right: 30px;
    }
    .slajder-kwadraciki .slajder-prev {
        left: 30px;
    }
    .slajder-kwadraciki.slajder-pierwszy-stop .item .row .item-inner:first-child {
      margin-left: 159px;
    }
    .container-like-header,
    #header .container {
        width: 810px;
    }
    .dzial_ikony .caption {
        padding: 0 15px;
    }
    .lista-po-dwa .dwa {
      height: 175px;
      margin-bottom: 20px;
    }
    .lista-po-dwa .dwa.open {
      height: 330px;
    }
    .lista-po-dwa .col-size {
      z-index: 2;
      margin-bottom: 0;
      position: absolute;
      height: 100%;
    }
    .lista-po-dwa .col-size.nr-0 {
      left:0;
    }
    .lista-po-dwa .col-size.nr-1 {
      right:0;
    }
    .lista-po-dwa .col-size.col-size-open {
      height: auto;
    }
    .lista-po-dwa .col-size.open {
      width: 100%;
    }
    .lista-po-dwa .dwa.open .col-size {
      z-index: 1;
      height: 175px;
    }
    .lista-po-dwa .dwa.open .col-size.open {
      z-index: 2;
      height: 100%;
    }
    .lista-po-dwa .prawa .teaser {
      max-height: 115px;
    }
    body.mac #kupuj-online .tekst-kupuj h2 {
      font-size: 45px;
    }
    #kupuj-online .tekst-kupuj h2 {
      font-size: 48px;
      margin-bottom: 15px;
    }
    #kupuj-online .tekst-kupuj {
      width: 288px;
    }
    #kupuj-online .ce_image .image_container {
      padding-top: 65px;
      width: 495px;
    }
    .sequence-kontener .slider-item .info p {
      font-size: 30px;
    }
    .sequence-kontener .slider-item .info h1 {
      font-size: 64px;
    }
    .sequence-kontener .slider-item .info {
      line-height: 30px;
      padding-bottom: 10px;
    }
    html[lang=en] .pwn-logo,
    .pwn-logo {
        margin-left: 0 !important;
        margin-top: 63px;
        width: 290px;
        background-size: auto;
        background-position: center 0;
    }
    #kupuj-online .kupujonline-pozostale {
      margin-top: 20px;
    }
    #kupuj-online {
      margin-bottom: 55px;
    }
    #cookiewarning > div {
      width: 700px;
    }
    .tabela-kariera table td:nth-child(2n) h4 {
      font-size: 18px;
    }
    .tabela-kariera table td:nth-child(2n+1) {
      height: 70px;
      padding: 0 6px;
      width: 70px;
    }
}

/**********************************************/
/***************** 1200px *********************/
/**********************************************/

@media screen and (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .ce_OnlyTemplate.niebieski-wstep {
        height: 235px;
    }
    .ce_OnlyTemplate.niebieski-wstep .container .image_container,
    .ce_OnlyTemplate.niebieski-wstep .container {
        line-height: 235px;
    }
    .slajder-kwadraciki .carousel-inner-kontener {
        width: 930px;
        margin-left: 50px;
    }
    .slajder-kwadraciki .slajder-next {
        right: 0;
    }
    .slajder-kwadraciki .slajder-prev {
        left: 0;
    }
    .container {
       width: 1030px;
    }
    .container-like-header,
    #header .container {
        width: 930px;
    }
    .lista-po-dwa .prawa .teaser {
      max-height: 115px;
    }
    #kupuj-online .ce_image .image_container {
      padding-top: 0;
      width: 100%;
    }
    .sequence-kontener .slider-item .info p {
      font-size: 36px;
    }
    .sequence-kontener .slider-item .info h1 {
      font-size: 72px;
      line-height: 66px;
    }
    .sequence-kontener .slider-item .info {
      line-height: 32px;
      padding-bottom: 10px;
    }
    .slajder-kwadraciki.slajder-pierwszy-stop .item .row .item-inner:first-child {
      margin-left: 184px;
    }
    .slajder-kwadraciki .item-inner .ramka {
      left: 2px;
      width: 160px !important;
    }
    #cookiewarning > div {
      width: 1000px;
    }
}