/* 
(min-width: 1400px) - XXL
(min-width: 1200px) - XL
(min-width: 992px) - LG
(min-width: 768px) - MD
(min-width: 576px) - SM 
*/

@media (min-width: 300px) and (max-width: 768px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.4rem);
    padding-left: var(--bs-gutter-x, 1.4rem);
    margin-right: auto;
    margin-left: auto;
    max-width: none;
  }
  article .container .container {
    padding-left: 0;
    padding-right: 0;
  }
  .mainPanel > .container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .footerMenu li a {
    margin: 0 0 18px 0;
  }
  .footerMenu {
    margin-bottom: 25px;
  }
  .hideOnMobile,
  .cookies-img,
  #polecaneProdukty .icon,
  .icon-scroll-outer,
  header .oBankuPanel .boxOuter,
  header .mainMenu li.social,
  header .oBanku .menu-btn,
  header .subPanel .subMenu,
  header .dropdown .col-xl-3,
  header .dropdownMenu li a .desc,
  article .documentDownload .button span,
  article .download-app,
  section#kontaktDoradcyKredytowi .box i {
    display: none;
  }
  .footerRights,
  .cookieInfo {
    padding: 25px 0px;
  }
  section#placowkiIBankomaty,
  section#newsTicker,
  section#contactForm,
  section#currencies,
  section#haveQuestions,
  section#consultantContactDetal,
  section#polecaneProdukty,
  footer,
  article,
  #skorzystaj-z-bankomatow,
  #accountBenefits,
  section#dlaczegoMy,
  section#kontaktDoradcyKredytowi,
  section#bankujWygodnie {
    padding: 30px 0px;
  }
  #placowkiIBankomaty h3,
  #newsTicker h3,
  #contactForm h3,
  #currencies h3,
  #haveQuestions h3,
  #consultantContactDetal h3,
  #polecaneProdukty h3,
  #bankujWygodnie h3 {
    font-size: 32px;
  }
  #placowkiIBankomaty h4,
  #newsTicker h4,
  #contactForm h4,
  #currencies h4,
  #haveQuestions h4,
  #polecaneProdukty h4,
  #bankujWygodnie h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    line-height: 1.2em;
  }
  #content h4.stripe {
    font-size: 24px;
  }
  #haveQuestions h3,
  #skorzystaj-z-bankomatow h3 {
    font-size: 28px;
  }
  #haveQuestions h4 {
    font-size: 20px;
    margin-top: 5px;
  }
  article .button,
  section .button {
    padding: 12px 15px 10px 15px;
  }
  img.center,
  article img {
    margin-bottom: 20px;
  }
  footer:before {
    margin-top: -30px;
  }
  footer h6 {
    margin-bottom: 20px;
  }
  #placowkiIBankomaty h5 {
    margin-bottom: 25px;
    font-size: 30px;
    text-align: center;
  }
  .contact-card-outer {
    margin: 25px 0 0 15px;
  }
  .closeCookieInfo {
    margin-top: 15px;
  }
  .footerRights p {
    line-height: 1.4em;
    text-align: center;
  }
  #placowkiIBankomaty .outerButtons a {
    max-width: none;
    width: 100%;
    margin: 0 0 25px 0;
  }
  #placowkiIBankomaty #map {
    width: 100%;
    margin-bottom: 30px;
  }
  #content .mapFilter li,
  #placowkiIBankomaty .mapFilter li {
    margin: 0 1px 10px 1px;
  }
  #content .mapFilter,
  #placowkiIBankomaty .mapFilter {
    text-align: center;
    margin-bottom: 20px;
  }
  #placowkiIBankomaty .mapFilter a.button {
    padding: 12px 10px 10px 10px;
    font-size: 14px;
  }
  #content .mapFilter a i,
  #placowkiIBankomaty .mapFilter a i {
    margin: -2px 5px 0 0;
  }
  article .button.ultra,
  section .button.ultra {
    font-size: 20px;
    padding: 16px 20px 14px 20px;
  }
  #currencies {
    background-size: cover;
  }
  #bankujWygodnie {
    background-size: auto;
    background-position: center center;
  }
  #currenciesTable tr td {
    padding: 10px 5px;
  }
  #currenciesTable {
    overflow: auto;
    display: block;
  }
  section#polecaneProdukty {
    background: var(--graye);
  }

  #polecaneProdukty h3 {
    text-align: left;
  }

  #polecaneProdukty h3 strong {
    display: block;
    font-size: 24px;
  }
  #polecane-produkty-carousel .item .row > .col-xl-8 {
    display: block !important;
  }

  #polecane-produkty-carousel .box {
    padding: 25px 0px;
  }
  #polecane-produkty-carousel img {
    width: 100%;
    max-width: 400px;
  }
  #polecane-produkty-carousel .desc {
    margin-left: auto;
  }
  #polecane-produkty-carousel .desc h5 {
    font-size: 22px;
    margin: 20px auto 0px auto;
    text-align: center;
  }
  #polecane-produkty-carousel .desc hr {
    margin-left: auto;
    margin-right: auto;
  }
  #polecane-produkty-carousel .desc p {
    text-align: center;
    font-size: 16px;
  }
  #polecane-produkty-carousel .desc a.button {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  #newsTicker .buttonGray,
  h2 .buttonGray,
  h4 .buttonGray,
  aside#slider .slidecontent .text p,
  article,
  article p,
  article ul,
  article ol,
  section#contactForm p,
  ul.accordion-list > li h3 {
    font-size: 16px;
  }
  article p,
  article ul,
  article ol,
  section#contactForm p {
    line-height: 1.3em;
  }
  #newsTicker .buttonGray {
    display: table;
    margin: 0 0 0 auto;
  }
  #newsTicker .newsHolder {
    display: block;
    max-height: none;
    height: auto;
  }
  #newsTicker h4 {
    margin-bottom: 0px;
  }
  #newsTicker .newsHeadlines {
    float: none;
    width: auto;
    display: block;
    margin-bottom: 20px;
  }
  #newsTicker .newsHeadlines .highlight {
    width: 100%;
    box-shadow: 0px 0px 0px 5px var(--light-gray-hover),
      inset 0px 4px 0px 0px rgb(255 255 255 / 20%);
  }
  #newsTicker .newsHeadlines li a {
    font-size: 16px;
    padding: 15px 50px 13px 20px;
    line-height: 1.2em;
  }
  #newsTicker .newsPreview {
    float: none;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  #newsTicker .news-content {
    position: relative;
  }

  #newsTicker .newsPreview img {
    left: auto;
    top: auto;
    transform: none;
    position: relative;
  }

  #newsTicker .news-content .text {
    display: block;
    padding: 70px 20px 20px 20px;
  }

  #newsTicker .news-content .text p.lead {
    display: block;
    position: relative;
    width: 100%;
    font-size: 16px;
  }
  #newsTicker .news-content .text a {
    font-size: 14px;
    padding: 10px 0px 7px 0px;
    display: table;
    width: 120px;
    margin-bottom: 0;
    margin-top: 15px;
  }
  #newsTicker .news-content .text p.lead {
    font-size: 14px;
    overflow: hidden;
    height: 52px;
    min-height: auto;
  }
  aside#slider .slidecontent {
    position: relative;
    margin: 25px 0;
  }
  aside#slider .slidecontent h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 0;
  }
  aside#slider .slidecontent h4 {
    font-size: 20px;
    text-align: center;
    line-height: 1.3em;
    border-left: none;
  }
  aside#slider .slidecontent h4:after {
    content: "";
    display: block;
    position: relative;
    margin: 10px auto 0 auto;
    width: 50px;
    height: 2px;
    background: var(--lighter-green);
  }
  aside#slider .slidecontent .text p {
    text-align: center;
    margin-top: 15px;
  }
  aside#slider .slidecontent .button {
    display: table;
    position: relative;
    margin: 15px auto 0 auto;
    padding: 15px 15px 13px 15px;
    font-size: 16px;
  }
  .slider-dots {
    position: relative;
    bottom: auto;
    margin: 0 auto 20px auto;
    text-align: center;
  }
  aside#slider .owl-prev {
    left: 15px;
  }

  aside#slider .owl-next {
    right: 15px;
  }
  section.head h1 {
    font-size: 30px;
  }
  section.head .breadcrumbOuter {
    margin-bottom: 5px;
  }
  article h1,
  article h2,
  article h3,
  article h4,
  article h5,
  article h6 {
    line-height: 1.2em;
    margin: 15px 0px;
  }
  article h1 {
    font-size: 28px;
  }
  article h2 {
    font-size: 26px;
  }
  article h3 {
    font-size: 24px;
  }
  article h4 {
    font-size: 22px;
  }
  article h5 {
    font-size: 20px;
  }
  article h6 {
    font-size: 18px;
  }

  article h2.ultra-size,
  article h3.ultra-size,
  article h4.ultra-size,
  article h5.ultra-size,
  article h6.ultra-size {
    font-size: 30px;
  }

  .noPaddingRight {
    padding-right: 0;
  }
  .noPaddingTop {
    padding-top: 0 !important;
  }
  header {
    height: 90px;
  }
  header .mainPanel {
    padding: 8px 0px 0px 0px;
    height: 90px;
  }
  header .rightMenu {
    margin-top: 0px;
  }
  header .rightMenu li {
    margin-right: 0;
  }
  header .logo,
  header.fixedMenu .logo {
    padding: 2px 0 0 0;
  }

  header.fixedMenu .logo img,
  header .logo img {
    width: 100%;
    max-width: 170px;
  }
  header .rightMenu li span.zalogujSie {
    margin-top: 0;
    padding: 12px 11px 10px 12px;
    font-size: 14px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }
  header.fixedMenu .rightMenu li span.zalogujSie {
    height: auto;
    margin-top: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px !important;
    padding: 12px 11px 10px 12px;
  }
  header .rightMenu li div.oBanku span {
    margin-top: 13px;
    font-size: 14px;
  }
  header.fixedMenu .rightMenu li div.oBanku span {
    margin-top: 13px;
  }
  header.fixedMenu .menu-btn {
    margin: 12px 10px 0px 0px;
  }
  header .zalogujSiePanel .boxOuter {
    padding: 20px;
  }
  .zalogujSiePanel .container .row .col-xl-4 {
    padding: 0;
  }
  header .menu-btn.mobile {
    display: inline-block;
    margin: 4px 0 0 2px;
    padding: 12px 0px;
    width: 20px;
    cursor: pointer;
  }
  header .mobile-menu {
    height: 38px;
  }
  header .zalogujSiePanel h3 {
    font-size: 26px;
  }
  header .zalogujSiePanel p.desc {
    font-size: 14px;
    line-height: 1.3em;
    margin: 10px 0px;
  }
  header .zalogujSiePanel .boxOuter .boxInner {
    height: auto;
    min-height: 165px;
  }
  header .oBankuPanel {
    background: var(--light-gray-hover);
    border-bottom: 1px solid var(--grayd);
  }
  header .oBankuPanel h3 {
    margin: 0;
    border-left: none;
    font-size: 16px;
    padding: 6px 10px 4px 10px;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  header .oBankuPanel a {
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .oBankuPanel .col-xl-3:last-child a {
    border-bottom: 1px solid transparent;
  }
  header .oBankuPanel a:hover {
    border-bottom: 1px solid var(--lighter-green);
  }
  header .oBankuPanel a:hover h3 {
    color: var(--lighter-green);
    padding-left: 20px;
  }
  header.fixedMenu .mainMenu,
  header .mainMenu {
    display: block;
    position: absolute;
    right: 5px;
    top: 52px;
    margin: 0 0 0 auto;
    background: var(--dark-green);
    text-align: left;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 190px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  header .mainMenu.show {
    border-radius: 10px !important;
  }
  header .mainMenuArrow,
  header .subMenuArrow {
    display: block;
  }
  header.fixedMenu .mainMenu li a,
  header .mainMenu li a {
    font-size: 14px;
    padding: 13px 10px 11px 10px;
    margin: 0;
    width: 150px;
    text-align: left;
  }
  header.fixedMenu .mainMenu li a.current,
  header .mainMenu li a.current {
    background: transparent;
    color: var(--white);
    box-shadow: none;
  }
  header .mainMenu li a:not(.current, .facebook, .youtube, .instagram):hover {
    background: transparent;
  }
  header .mainMenu li {
    display: none;
  }
  header .mainMenu li:first-child {
    display: block;
  }
  header .mainMenuArrow {
    display: block;
    position: absolute;
    right: 5px;
    top: 52px;
    line-height: 38px;
    text-align: center;
    z-index: 2;
    width: 38px;
    height: 38px;
    color: var(--highlighted);
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  header .mainMenuArrow.rotate {
    transform: rotate(90deg);
  }
  section.imageHead {
    height: 260px;
    background-size: cover !important;
  }
  section.imageHead.firmy-i-instytucje {
    background-position: -220px;
  }
  section.imageHead h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  section.imageHead h2 {
    font-size: 20px;
    padding-right: 40%;
  }
  aside#slider {
    margin-top: 90px;
    background: var(--white);
  }
  #main {
    padding-top: 90px;
  }
  article table {
    display: block;
    overflow: auto;
    width: auto !important;
  }
  header .subMenu {
    overflow: auto;
  }
  header .subMenu > li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .subMenu > li:last-child {
    border-bottom: 0;
  }
  header .subMenu > li > a {
    font-size: 16px;
    font-weight: 500;
    padding: 21px 10px 18px 10px;
    color: var(--gray3);
    text-transform: none;
    width: calc(100% - 80px);
    display: block;
    position: relative;
    float: left;
  }

  header.fixedMenu .subMenu > li > a {
    padding: 21px 10px 18px 10px;
  }

  header .subMenu > li:last-child a {
    border-bottom: 0;
  }
  .subMenuArrow {
    display: block;
    position: absolute;
    color: var(--highlighted);
    right: 0;
    margin-top: 10px;
    width: 38px;
    line-height: 37px;
    height: 37px;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    z-index: 2;
  }
  .subMenuArrow.rotate {
    transform: rotate(90deg);
  }
  header .dropdown {
    background: var(--white) !important;
    box-shadow: none;
    position: relative;
    margin: 0;
    width: auto;
    min-height: auto;
    max-height: none;
    padding: 0;
    float: left;
    width: 100%;
  }
  header .dropdownMenu li {
    display: block;
    width: auto;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .dropdownMenu li a {
    border: 0;
    min-height: auto;
    padding: 18px 10px 15px 20px;
    font-size: 14px;
  }

  header.fixedMenu .dropdownMenu li a {
    padding: 18px 10px 15px 20px;
  }
  header .dropdownMenu li a:hover {
    background: transparent;
    transform: none;
    color: var(--highlighted);
  }
  header .dropdownMenu li a:hover .desc,
  header .dropdownMenu li a:hover .title {
    color: var(--highlighted);
  }
  header .dropdownMenu li a .title {
    font-weight: 400;
    font-size: 14px;
  }
  .container.kredyty .col-xl-12,
  .container.konta .col-xl-12,
  .container.ubezpieczenia .col-xl-12 {
    margin-bottom: 25px;
  }

  .productBox {
    padding: 20px;
    margin-bottom: 0px;
    height: 100%;
  }
  .productBox img {
    width: 100%;
    margin-bottom: 20px;
    max-width: 400px;
  }
  .productBox a.button {
    margin-top: 20px;
  }
  section.head .breadcrumbInner li a,
  section.head .breadcrumbInner li:after {
    font-size: 14px;
  }
  section.head h2 {
    font-size: 18px;
  }
  article .documentDownload .button i {
    margin-right: 0;
  }
  article .documentDownload .icon i {
    font-size: 20px;
  }
  article .documentDownload .col-xl-9 a,
  article .documentDownload .col-xl-8 a,
  article .documentDownload .col-xl-7 a {
    font-size: 14px;
  }
  #skorzystaj-z-bankomatow .counter-outer {
    text-align: center;
    display: block;
    position: relative;
    margin: 30px 20px 0px 20px;
  }
  #skorzystaj-z-bankomatow span {
    font-size: 34px;
    margin-bottom: 20px;
  }
  #skorzystaj-z-bankomatow h3 {
    margin-bottom: 20px;
  }
  .benefits-list li {
    margin: 0px 15px 30px 15px;
    width: 140px;
    height: 140px;
  }
  .benefits-list li div {
    font-size: 16px;
    width: 120px;
    top: 18px;
  }
  .bankuj-wygodnie-list li {
    margin-bottom: 40px;
  }
  .bankuj-wygodnie-list li:last-child {
    margin-bottom: 0;
  }
  #karty-debetowe,
  #partnerzy {
    margin-bottom: 20px;
  }
  #consultantContactDetal .consultant-type span {
    margin-top: auto;
    display: flex;
    align-items: center;
    height: 100%;
  }
  #skorzystaj-z-bankomatow a {
    padding: 12px 15px 10px 15px;
    font-size: 20px;
  }
  article #zero .round-zero-wrapper img {
    max-width: 50%;
  }
  #zero .zero-list {
    margin-top: 0px;
  }
  article #zero .round-zero-inner h3 {
    margin: 20px;
  }
  article #zero .round-zero-inner h3,
  #zero .zero-list li div,
  #zero .zero-list li {
    min-height: 60px;
    font-weight: 400;
  }
  #zero .zero-list li {
    padding: 15px;
    display: inline-block;
    position: relative;
    width: 315px;
  }
  #zero .zero-list li div {
    font-size: 16px;
  }
  h2 .buttonGray,
  h4 .buttonGray {
    height: 32px;
    padding: 10px;
    font-size: 14px;
    top: -5px;
  }
  .latestNews {
    margin-top: 30px;
  }
  article#news .newsContent .newsImage {
    margin-bottom: 20px;
  }
  article#news .newsContent {
    padding: 0;
  }
  article#news .newsContent .lead {
    font-size: 18px;
  }
  #sticky-sidebar {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sidebar__inner {
    transform: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
  }
  ul.credit-check-list li,
  ul.account-check-list li,
  ul.protection-check-list li,
  ul.green-box-check-list li,
  ul.highlighted-box-check-list li {
    display: inline-block;
    width: 315px;
    min-height: auto;
    text-align: center;
  }
  ul.account-check-list li div,
  ul.green-box-check-list li div,
  ul.highlighted-box-check-list li div {
    padding: 0px 20px 20px 20px;
    background-position: 200px 0px;
  }
  ul.account-check-list li span,
  ul.green-box-check-list li span,
  ul.highlighted-box-check-list li span {
    padding-top: 20px;
    font-size: 18px;
    margin-top: 0;
  }
  ul.credit-check-list li div,
  ul.account-check-list li div,
  ul.protection-check-list li div,
  ul.green-box-check-list li div,
  ul.highlighted-box-check-list li div {
    justify-content: center;
    background-position: 200px 10px;
    min-height: 102px;
  }
  .platnosci-mobilne .box {
    margin-bottom: 20px;
  }
  ul.green-box-check-list.tight li {
    width: 315px;
  }
  ul.account-check-list.no-titles li div,
  ul.green-box-check-list.no-titles li div,
  ul.highlighted-box-check-list.no-titles li div {
    padding: 20px;
  }
  .bsgo-list .icon {
    display: block;
    width: auto;
    height: auto;
  }
  .bsgo-list .icon img {
    margin-bottom: 0;
    width: 100%;
    max-width: 100px;
    padding: 10px;
  }
  .ebp > .row,
  .bsgo-list > .row {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bsgo-list p {
    margin-bottom: 0;
  }
  .ebp .icon-title {
    display: block;
    position: relative;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
  }
  .ebp .icon-title .icon {
    margin: 0 auto 10px auto;
  }
  .ebp .icon-title .title {
    margin: 0 auto 20px auto;
    text-align: center;
  }
  #content .contactData .box .boxHead span {
    font-size: 18px;
  }
  #content .contactData .box.last {
    margin-bottom: 0;
  }
  #contactForm form {
    margin-top: 20px;
  }
  #contactForm form > .container-fluid {
    padding: 0;
  }
  #contactForm .focus-input::after {
    font-size: 14px;
  }
  #contactForm .input2 {
    font-size: 16px;
  }
  #contactForm button {
    margin-top: 0;
  }
  article#news .newsContent hr {
    margin: 20px 0px 25px 0px;
  }

  #content figure.categoryBox2 {
    margin-left: auto;
    margin-right: auto;
  }

  #content figure.categoryBox2 img {
    margin-bottom: 0;
  }
  ul.accordion-list > li h3 {
    text-align: left;
  }
  .floated-container a.button {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
  }
  article .newsBox .image {
    /* max-height: 220px;
    min-height: 220px; */
  }
  article .newsBox .image img {
    margin-bottom: 0;
  }
  section#dlaczegoMy h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .dlaczego-my-list li {
    margin: 0 auto 15px auto;
    width: auto;
    padding: 0px;
  }
  .dlaczego-my-list li img {
    margin: 0 auto 15px auto;
  }
  .dlaczego-my-list li h4 {
    font-size: 22px;
  }
  .dlaczego-my-list li hr {
    margin: 15px auto;
  }
  .dlaczego-my-list li p {
    font-size: 16px;
    margin-bottom: 0px;
  }
  section#kontaktDoradcyKredytowi h6 {
    font-size: 20px;
    text-align: center !important;
    padding: 0;
    border: 0;
  }
  section#kontaktDoradcyKredytowi h6 strong {
    font-size: 26px;
  }
  section#kontaktDoradcyKredytowi p {
    text-align: center !important;
    padding: 0;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
  }
  section#kontaktDoradcyKredytowi h2,
  section#kontaktDoradcyKredytowi h3 {
    font-size: 30px;
  }
  section#kontaktDoradcyKredytowi h2 {
    margin-top: 20px;
  }
  section#kontaktDoradcyKredytowi h3 {
    margin-bottom: 30px;
  }
  section#kontaktDoradcyKredytowi .box {
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: table;
    text-align: center;
  }
  section#kontaktDoradcyKredytowi .box span {
    font-size: 16px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    text-align: right;
  }
  section#kontaktDoradcyKredytowi .wrapper {
    padding: 20px;
  }
  section#kontaktDoradcyKredytowi .wrapper .col-xl-4,
  section#kontaktDoradcyKredytowi .wrapper .col-xl-3 {
    margin-bottom: 20px;
  }
  section#kontaktDoradcyKredytowi .wrapper .col-xl-4:last-child,
  section#kontaktDoradcyKredytowi .wrapper .col-xl-3:last-child {
    margin-bottom: 0;
  }
  section#kontaktDoradcyKredytowi .wrapper address {
    border-right: 0;
    border-bottom: 3px solid var(--dark-green);
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  section#kontaktDoradcyKredytowi .wrapper address strong {
    font-size: 20px;
  }
  section#kontaktDoradcyKredytowi .wrapper span.name,
  section#kontaktDoradcyKredytowi .wrapper span.available,
  section#kontaktDoradcyKredytowi .wrapper span.phone,
  section#kontaktDoradcyKredytowi .wrapper a.phone {
    font-size: 18px;
  }
  section#kontaktDoradcyKredytowi .wrapper span.available {
    font-size: 14px;
  }
  article .gallery li {
    max-width: 150px;
  }
  article .gallery li a {
    padding: 5px;
  }
  .box-404-outer {
    margin: 50px auto;
  }
  .button-404 {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #polecane-produkty-carousel .calc {
    margin-top: 20px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .container,
  .container-md,
  .container-sm {
    max-width: none;
  }
  header .subMenu li a,
  header.fixedMenu .subMenu li a {
    padding: 26px 10px 24px 10px;
    font-size: 14px;
  }
  img.center,
  article img {
    margin-bottom: 20px;
  }
  #main {
    padding-top: 126px;
  }
  aside#slider {
    margin-top: 126px;
  }
  aside#slider .slidecontent h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  aside#slider .slidecontent h4 {
    font-size: 20px;
  }
  aside#slider .slidecontent .text p {
    font-size: 16px;
  }
  aside#slider .owl-next,
  aside#slider .owl-prev {
    font-size: 30px;
    top: 15px;
  }
  aside#slider .slidecontent .button {
    font-size: 16px;
    padding: 15px 15px 15px 13px;
    margin-top: 20px;
  }
  #polecane-produkty-carousel .item .row > .col-xl-8 {
    display: block !important;
  }
  #polecane-produkty-carousel img {
    width: 100%;
  }
  #polecane-produkty-carousel .box {
    padding: 15px;
  }
  #polecane-produkty-carousel .desc {
    margin-left: auto;
  }
  #polecane-produkty-carousel .desc h5 {
    font-size: 22px;
    margin: 20px auto 0px auto;
    text-align: center;
  }
  #polecane-produkty-carousel .desc hr {
    margin-left: auto;
    margin-right: auto;
  }
  #polecane-produkty-carousel .desc p {
    text-align: center;
    font-size: 16px;
  }
  #polecane-produkty-carousel .desc a.button {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  #placowkiIBankomaty .outerButtons a {
    margin: 0 0 30px 0px;
  }
  #placowkiIBankomaty #map {
    width: 100%;
  }
  .productBox {
    padding: 20px;
    margin-bottom: 0px;
    height: 100%;
  }
  .productBox img {
    margin-bottom: 20px;
  }
  .container.kredyty .col-xl-12,
  .container.konta .col-xl-12,
  .container.ubezpieczenia .col-xl-12 {
    margin-bottom: 25px;
  }
  article .newsBox .image {
    /* max-height: 220px;
    min-height: 220px; */
  }
  article#news .newsContent {
    padding: 0;
  }
  article #zero .round-zero-inner h3 {
    margin-top: 20px;
  }
  #content figure.categoryBox2 img {
    margin-bottom: 0;
  }
  header .dropdownMenu li a {
    min-height: 138px;
  }
  section.imageHead {
    background-size: cover !important;
    height: 350px;
  }
  section.imageHead h2 {
    padding-right: 40%;
  }
}

@media (min-width: 1400px) {
  section.imageHead {
    height: 600px;
  }
}