/*! * Tomczak | Stanislawski */ /* iPad Fixes */ @media only screen and (device-width: 768px) { .masthead { background-image: url('../vid/cgo-short.jpg'); } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { .masthead { background-image: url('../vid/cgo-short.jpg'); } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .masthead { background-image: url('../vid/cgo-short.jpg'); } } @media (min-width: 1200px) { .zespol-grid-box:nth-child(3), .zespol-grid-box:nth-child(8), .zespol-grid-box:nth-child(13), .zespol-grid-box:nth-child(18), .zespol-grid-box:nth-child(23), .zespol-grid-box:nth-child(28), .zespol-grid-box:nth-child(33), .zespol-grid-box:nth-child(38), .zespol-grid-box:nth-child(43), .zespol-grid-box:nth-child(48), .zespol-grid-box:nth-child(53), .zespol-grid-box:nth-child(58) { width: 230px; } .zespol-grid-box:nth-child(3) .zespol-grid-box-part, .zespol-grid-box:nth-child(8) .zespol-grid-box-part, .zespol-grid-box:nth-child(13) .zespol-grid-box-part, .zespol-grid-box:nth-child(18) .zespol-grid-box-part, .zespol-grid-box:nth-child(23) .zespol-grid-box-part, .zespol-grid-box:nth-child(28) .zespol-grid-box-part, .zespol-grid-box:nth-child(33) .zespol-grid-box-part, .zespol-grid-box:nth-child(38) .zespol-grid-box-part, .zespol-grid-box:nth-child(43) .zespol-grid-box-part, .zespol-grid-box:nth-child(48) .zespol-grid-box-part, .zespol-grid-box:nth-child(53) .zespol-grid-box-part, .zespol-grid-box:nth-child(58) .zespol-grid-box-part { width: 100%; } .zespol-grid-box:nth-child(3) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(8) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(13) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(18) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(23) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(28) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(33) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(38) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(43) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(48) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(53) .zespol-grid-box-part-content, .zespol-grid-box:nth-child(58) .zespol-grid-box-part-content { position: absolute; top: 0; width: 100%; } .zespol-grid-box:nth-child(3) .content-hidden-left, .zespol-grid-box:nth-child(8) .content-hidden-left, .zespol-grid-box:nth-child(13) .content-hidden-left, .zespol-grid-box:nth-child(18) .content-hidden-left, .zespol-grid-box:nth-child(23) .content-hidden-left, .zespol-grid-box:nth-child(28) .content-hidden-left, .zespol-grid-box:nth-child(33) .content-hidden-left, .zespol-grid-box:nth-child(38) .content-hidden-left, .zespol-grid-box:nth-child(43) .content-hidden-left, .zespol-grid-box:nth-child(48) .content-hidden-left, .zespol-grid-box:nth-child(53) .content-hidden-left, .zespol-grid-box:nth-child(58) .content-hidden-left { margin-left: 0; } .zespol-grid-box:nth-child(3):hover .content-hidden-left, .zespol-grid-box:nth-child(8):hover .content-hidden-left, .zespol-grid-box:nth-child(13):hover .content-hidden-left, .zespol-grid-box:nth-child(18):hover .content-hidden-left, .zespol-grid-box:nth-child(23):hover .content-hidden-left, .zespol-grid-box:nth-child(28):hover .content-hidden-left, .zespol-grid-box:nth-child(33):hover .content-hidden-left, .zespol-grid-box:nth-child(38):hover .content-hidden-left, .zespol-grid-box:nth-child(43):hover .content-hidden-left, .zespol-grid-box:nth-child(48):hover .content-hidden-left, .zespol-grid-box:nth-child(53):hover .content-hidden-left, .zespol-grid-box:nth-child(58):hover .content-hidden-left { margin-left: -230px; } .zespol-grid-box:nth-child(4), .zespol-grid-box:nth-child(9), .zespol-grid-box:nth-child(14), .zespol-grid-box:nth-child(19), .zespol-grid-box:nth-child(24), .zespol-grid-box:nth-child(29), .zespol-grid-box:nth-child(34), .zespol-grid-box:nth-child(39), .zespol-grid-box:nth-child(44), .zespol-grid-box:nth-child(49), .zespol-grid-box:nth-child(54), .zespol-grid-box:nth-child(59) { margin-left: 225px; } .page-navigation ul li:nth-child(1) { display: none; } .page-navigation ul li:nth-child(6) { left: -40px; } /* .page-navigation ul li:nth-child(6), .page-navigation ul li:nth-child(7) { display: none; } */ } @media (max-width: 1199px) { .zespol-grid { padding-top: 20px; } .zespol-grid-box { margin-bottom: 10px; margin-right: 1%; height: auto; width: 32%; } .zespol-grid-box:nth-child(3n) { margin-right: 0; } .zespol-grid-box-part { height: auto; width: 100%; } .zespol-grid-box-part-thumb img { max-height: 380px; width: 100%; } .content-hidden-left { margin-left: 0; height: 100%; width: 100%; } } @media (min-width: 993px) { .desktop-only { display: block; } .mobile-only { display: none; } .navbar #navbarResponsive li { display: none !important; } .map-kontakt-container { position: absolute; left: 40px; top: 0; max-width: 600px; } #mainNav .lang-menu-mobile { display: none; } .blog-card-thumb img { border-radius: 50%; object-fit: cover; max-width: 100px; max-height: 100px; height: auto; } } @media (max-width: 992px) { .desktop-only { display: none; } .mobile-only { display: block; } body { opacity: 1 !important; } h1 { font-size: 30px; } section { padding-bottom: 20px; } #mainNav { z-index: 999; } #mainNav button { background: #84BF41; border: 0; border-radius: 0; cursor: pointer; padding: 9px 7px; } #mainNav button .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(2, 2, 2, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } #mainNav button[aria-expanded="true"] .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-collapse { background: #84BF41; } .navbar-collapse ul { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; background-image: url('../img/uslugi-box-bg2.png'); background-repeat: no-repeat; background-position: left bottom; padding: 20px 25px; text-align: right; } .navbar-collapse ul a { color: #020202; display: block; font-weight: 400; padding: 10px 20px; } .navbar-collapse ul a:hover { color: #fff; } /* .navbar-brand img { max-width: 100%; } */ .decagon-menu { display: none; } .home header h1 { color: #fff; font-size: 25px; margin-bottom: 10px; } .home header .tagline { font-size: 12px; } .usluga-column-text { padding: 40px 20px; } .usluga-column-menu { opacity: 1; position: relative; text-align: right; top: 0; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); max-width: 100%; } .usluga-row-counsel .usluga-column-img .usluga-column-img-content { background: none; opacity: 1; padding: 20px; } .usluga-column-menu ul li { padding-right: 0; text-align: right; } .usluga-column-menu ul li::after { display: none; } .usluga-row .usluga-column-img-content { height: 150px; } .usluga-row.usluga-row-counsel .usluga-column-img { height: auto; } .partnerzy-slider .owl-nav { display: none; } .map-kontakt-container { padding: 0; position: relative; left: 0; } .blog-cards-list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .home-zespol-bg { background-image: url('../vid/cgo-short-mobile.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 220px; } .home-zespol-thumb { display: none; } .home-zespol-content { padding: 20px; height: 100%; } .home-zespol-content h1 { font-size: 20px; font-weight: 400; } .home-zespol-more { margin: 0; } .partnerzy-slider, .partnerzy-slider .partner-logo { min-height: 150px; } .home-blog-feat { padding-right: 0; } .home-form { padding: 0; } .home-form-container { background: #84BF41; padding: 40px 20px; position: relative; right: 0; top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .section-zespol { margin-top: 0; padding: 0; } .home #map-canvas { display: none; } .home .map-kontakt-content { margin: 0; padding: 40px 20px; } .section-blog { padding: 40px 0 0 0; } .home-blog-feat-thumb { text-align: center; } .blog-card-container { padding: 40px 20px; } .blog-card-title p { font-size: 17px; } .blog-card-thumb { margin-bottom: 30px; text-align: center; } .blog-card-more .link-more::after { right: -35px; } .link-more { padding-right: 0; position: relative; text-align: center; } .usluga-column-text a { padding-right: 0; text-align: center; } .blog-cards-list { margin-top: 0; } .home-blog-feat-button .link-more::after { right: 0; } .usluga-column-text-content { max-width: 100%; } .usluga-row { display: flex; flex-direction: column; } .usluga-column-img { order: 1; } .usluga-column-text { order: 2; } .usluga-row-counsel .usluga-column-text { order: 1; } .usluga-row-counsel .usluga-column-img { order: 2; background: #414141; } .usluga-row-counsel .usluga-column-menu { text-align: center; } .usluga-row-counsel .usluga-column-menu ul li { text-align: center; } .usluga-row h2 { text-align: left; } body:not(.home) h1 { font-size: 25px; font-weight: 600; } body:not(.home) .page-heading h1 { font-size: 25px; font-weight: 600; } .section-main .page-left { padding-right: 15px; } .page-navigation { display: none; } .page-left .row { margin: 0; } .page-heading-row { padding-top: 50px; } body:not(.home) .section-main { padding: 40px 0; } .page-left .section-content { padding-bottom: 40px; } .contact-box .blog-card .blog-card-container { margin: 0; padding: 40px 20px; } .contact-box .blog-card-title { padding: 0; text-align: center; } .contact-person-box { padding: 0; } .right-column-menu-container { margin-top: 0; padding: 40px 20px; } .blog-card-title .button1 { margin: 20px auto 20px; } .contact-box .blog-card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .content-tabs .nav-item { width: 49.5% !important; } .content-tabs .nav-item a { font-size: 14px; font-weight: 400; padding: 10px 0; } .content-tabs .tab-content { padding: 40px 20px; } .wizytowka-container { padding: 60px 20px; } .wizytowka-content-name h1 { margin: 30px 0; } .wizytowka-nav { right: 20px; } .wizytowka-content-left img { max-height: 250px; } .wizytowka-content-mail { border: 0; display: block; margin: 0; padding: 10px 0 0 0; } .zespol-grid-main { max-width: 100% !important; } .zespol-grid-container { padding-top: 20px; left: 0 !important; max-width: 100% !important; width: 100% !important; } .zespol-grid .zespol-grid-index { margin: 0 !important; left: 0px !important; width: 100% !important; } .zespol-grid-box { margin-bottom: 10px; height: auto; width: 49%; } .zespol-grid-box:nth-child(odd) { margin-right: 1%; } .zespol-grid a { cursor: pointer; } .zespol-grid-box h2 { font-size: 20px; min-height: 60px; } .zespol-grid-box h3 { min-height: 35px; } .zespol-grid-box-part { height: auto; width: 100%; } .zespol-grid-box-part-thumb img { max-height: 380px; width: 100%; } .content-hidden-left { margin-left: 0; height: 100%; width: 100%; } /* .zespol-grid-box:nth-child(6), .zespol-grid-box:nth-child(15), .zespol-grid-box:nth-child(24), .zespol-grid-box:nth-child(33), .zespol-grid-box:nth-child(42), .zespol-grid-box:nth-child(51), .zespol-grid-box:nth-child(69), .zespol-grid-box:nth-child(60) { margin: 0; } */ footer { padding: 50px 0 0; } .footer-contact { padding-bottom: 20px; } .footer-contact-content p { float: none; margin-bottom: 20px; width: 100%; } .footer-newsletter { padding-bottom: 40px; } .footer-newsletter form { width: 100%; } .footer-menu-left ul { column-count: unset; } .footer-menu-left { padding-bottom: 20px; } .home-blog-feat-meta { padding-bottom: 20px; } body .navScroll { display: none !important; } #mainNav .dropdown-main { display: none; } .masthead, .masthead video { min-height: unset; max-height: 350px; height: 350px; } .masthead { background-image: url('../vid/cgo-short-mobile.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .masthead video { display: none; } .decagon-row { display: none; } .kontakt-form { padding: 20px; } .kontakt .blog-cards-list { padding: 40px 20px; } .kontakt .kontakt-miasto { padding-bottom: 20px; } .kontakt .kontakt-miasto h1 { font-size: 40px } .kontakt .kontakt-miasto .kontakt-miasto-dane { width: 100% } .page-heading { padding: 20px 0; } .blog-card-thumb img { max-height: 200px; max-width: 50%; } body.uslugi .section-main { padding: 0; } .blog .blog-card-container { margin-left: 10px; margin-right: 10px; } .tab-content-heading-img { padding-bottom: 30px; } .tab-content-list ul { columns: unset; column-gap: unset; } .related-articles .blog-card { padding-left: 30px; padding-right: 30px; } .tel-box { padding: 20px 0; } .tel-list li { padding: 20px; text-align: center; width: 100%; } html[lang="de-DE"] .section-zaufali, html[lang="it-IT"] .section-zaufali, html[lang="es-ES"] .section-zaufali { padding-bottom: 80px; } .blog-wpis .blog-cards-list:first-child { margin-top: 0; } .booknow_widget { display: none; } .booknow_widget_calendar img { height: auto; max-width: 70px; } .aspexifblikebox { display: none; } #mainNav .panel-klienta.mobile-only { margin: 0; padding: 10px 30px; position: fixed; right: -35px; bottom: 110px; /* background-color: #297dff; */ /* transform: rotate(-90deg); -webkit-transform: rotate(-90deg); */ } #mainNav .panel-klienta.mobile-only .panel-klienta-icon img { height: auto; max-width: 65px; } #mainNav .panel-klienta.mobile-only .panel-klienta-icon svg { fill: #fff; transform: rotate(90deg); -webkit-transform: rotate(90deg); } html[lang="en-GB"] #mainNav .panel-klienta.mobile-only { right: -35px; } } @media (max-width: 767px) { .ipbox {padding: 20px;} .ipbox h3{font-size: 30px;margin: 0 0 30px;line-height: 35px;} } @media (max-width: 580px) { .page-left .content-tabs .nav-item { margin: 0 0 5px 0; width: 100%; } .page-left .content-tabs .nav-item a { padding: 20px 0; } } @media (max-width: 440px) { .navbar-brand img { max-width: 240px; } .zespol-grid-box { width: 100%; } .zespol-grid-box:nth-child(odd) { margin-right: 0; } .zespol-grid-box h2 { font-size: 22px; min-height: unset; } .zespol-grid-box h3 { min-height: unset; } .zespol-grid-box-part-thumb img { max-height: unset; } }