@media (max-width: 520px) {
    .title h1 {
        font-size: 36px;
    }

    .title h2 {
        font-size: 24px;
    }

    .subtitle h3 {
        font-size: 16px;
        color: #2A334E;
    }

    .description p {
        font-size: 12px;
        font-weight: 500;
        color: #9BA0AC;
    }
}

/*header*/
@media (max-width: 1680px) {
    #header .right-header .menu-header .telephone .phone-number {
        display: none;
    }

    #header .right-header .menu-header .telephone {
        width: 50px;
    }
}

@media (max-width: 1475px) {
    #header .right-header .menu-header ul>li {
        padding: 0 10px;
    }

    #header .right-header .menu-header ul>li a {
        font-size: 14px;
    }
}

@media (max-width: 1430px) {
    #header .right-header .menu-header .header-button {
        padding: 50px 10px;
    }

    #header .right-header .menu-header .telephone {
        width: 70px;
    }

    #header .right-header .menu-header .telephone .svg-phone {
        padding: 20px 10px;
    }
}

@media (max-width: 1320px) {
    #header .left-header {
        width: 250px;
    }

    #header .left-header a .logo {
        padding: 20px 10px;
    }

    #header .right-header {
        width: calc(100% - 250px);
    }
}

@media (max-width: 1240px) {
    #header .right-header .menu-header ul>li {
        padding: 0 15px;
    }

    #header .right-header .menu-header ul>li a {
        font-size: 12px;
    }

    #header .right-header .menu-header .telephone .svg-phone {
        width: 40px;
        height: 40px;
        padding: 30px 10px;
    }

    #header .right-header .menu-header .telephone .svg-phone svg {
        width: 40px;
        height: 40px;
    }

    #header .right-header .menu-header .telephone .phone-number a {
        font-size: 12px;
        padding: 0 10px 0 0;
    }

    #header .right-header .menu-header .header-button a.page-button {
        font-size: 12px;
    }
}

@media (max-width: 1060px) {
    #header .right-header .menu-header .telephone {
        width: 75px;
    }
}

@media (max-width: 955px) {

    #header .left-header,
    #header .left-header a .logo {
        width: 200px;
    }

    #header .left-header a .logo img {
        height: 50px;
    }
}

/* menu mobilne */
@media (max-width: 1150px) {
    #header .hamburger {
        display: block;
    }

    #header .left-header {
        padding: 10px 15px;
    }

    #header .right-header {
        width: 100%;
        float: none;
        position: absolute;
        top: 130px;
    }

    #header .right-header .menu-header {
        float: none;
        height: unset;
    }

    #header .right-header .menu-header-container {
        all: unset;
        position: relative;
    }

    #header .right-header .menu-header ul {
        height: unset;
        padding: unset;
    }

    #header .right-header .menu-header ul>li {
        float: none;
        border: none;
        padding: 5px 0;
        text-align: center;
    }

    #header .right-header .menu-header ul>li a {
        font-size: 16px;
    }

    #header .right-header .menu-header .telephone {
        float: none;
        bottom: 0;
        position: relative;
        height: 80px !important;
        margin: 0 auto;
        width: 200px;
    }

    #header .right-header .menu-header .telephone a {
        display: block;
    }

    #header .right-header .menu-header .telephone .svg-phone {
        float: left;
    }

    #header .right-header .menu-header .phone-number {
        display: block !important;
        float: left;
    }

    #header .right-header .menu-header .telephone .phone-number a {
        display: block;
        font-size: 13px;
        padding: 0 10px;
    }

    #header .right-header .menu-header .header-button {
        float: none;
        bottom: 0;
        position: relative;
        margin: 0 auto;
        width: 200px;
    }

    #header .right-header .menu-header .header-button a.page-button {
        text-align: center;
    }
}

/*slider*/
@media (min-width: 2120px) {
    #slider .slider-right .slider-photo img {
        height: auto;
    }
}

@media (max-width: 1500px) {
    #slider .slider-right .slider-photo {
        margin: 0 0 0 200px;
    }
}

@media (max-width: 1400px) {
    #slider .slider-right .slider-photo {
        margin: 0 0 0 150px;
    }
}

@media (max-width: 1400px) {
    #slider .slider-right .slider-photo {
        margin: 0 0 0 100px;
    }
}

@media (max-width: 1320px) {
    #slider {
        padding: 50px 35px 50px 35px;
        width: calc(100% - 70px);
    }
}

@media (max-width: 1300px) {
    #slider .slider-right .slider-photo {
        margin: 0 0 0 50px;
    }
}

@media (max-width: 1200px) {
    #slider .slider-right .slider-photo {
        margin: 0 0 0 10px;
    }
}

@media (max-width: 1150px) {
    #slider {
        height: auto;
    }

    #slider .slider-left {
        float: none;
        width: 100%;
        padding: 0;
    }

    #slider .slider-left .slider-buttons {
        padding: 0 0 30px 0;
    }

    #slider .slider-left .description {
        margin: 25px 0;
    }

    #slider .slider-right {
        width: unset;
        float: none;
    }

    #slider .slider-right .slider-photo {
        height: 350px;
        margin: 0;
    }
}

@media (max-width: 650px) {
    #slider .slider-right .slider-photo img {
        min-width: unset;
        height: 400px;
    }
}

@media (max-width: 554px) {
    #slider .slider-left .slider-buttons a#drugi-przycisk.page-button {
        float: right;
        width: 150px;
    }
}

@media (max-width: 515px) {

    #slider .slider-left .slider-buttons a#kontakt.page-button,
    #slider .slider-left .slider-buttons a#drugi-przycisk.page-button {
        float: none;
    }

    #slider .slider-left .slider-buttons a#drugi-przycisk.page-button {
        margin: 25px 0 0 0;
    }
}

/* about company*/
@media (max-width: 1450px) {
    #about-company .about-company-right {
        width: calc(100% - 710px);
        padding: 0 0 0 100px;
    }

    #about-company .about-company-right .subtitle,
    #about-company .about-company-right .description {
        padding: 0;
    }
}

@media (max-width: 1320px) {
    #about-company {
        padding: 50px 35px;
        width: calc(100% - 70px);
    }

    #about-company .about-company-left {
        width: 50%;
        padding: 0;
    }

    #about-company .about-company-right {
        width: calc(50% - 100px);
    }
}

@media (max-width: 1150px) {
    #about-company .container {
        padding: 0;
    }
}

@media (max-width: 1065px) {
    #about-company .about-company-right {
        padding: 0 0 0 50px;
        width: calc(50% - 50px);
    }

    #about-company .about-company-right .description {
        margin: 25px 0 0 0;
    }
}

@media (max-width: 1000px) {
    #about-company {
        height: auto;
    }

    #about-company .about-company-div {
        height: auto;
    }

    #about-company .about-company-left {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    #about-company .about-company-right {
        float: none;
        width: 100%;
        height: auto;
    }

    #about-company .about-company-left .about-company-photo img {
        height: 650px;
    }

    #about-company .about-company-right {
        padding: 0;
    }

    #about-company .about-company-right .title {
        text-align: center;
    }

    #about-company .about-company-right .about-company-right-button {
        position: relative;
    }

    #about-company .about-company-right .about-company-right-button a.page-button {
        margin: 0 auto;
    }
}

@media (max-width: 550px) {
    #about-company .about-company-right .description {
        margin: 25px 0;
    }
}

@media (max-width: 400px) {

    #about-company .about-company-left .about-company-photo,
    #about-company .about-company-left .about-company-photo video {
        height: 450px;
    }
}

/* why us? */

@media (max-width: 1520px) {
    #why-us .why-us-right .feature .subtitle h2 {
        padding: 0 25px;
    }
}

@media (max-width: 1370px) {
    #why-us {
        padding: 50px 35px;
        width: calc(100% - 70px);
    }
}

@media (max-width: 1330px) {
    #why-us .why-us-left {
        width: calc(500px - 60px);
    }

    #why-us .why-us-right {
        width: calc(100% - 500px);
    }
}

@media (max-width: 1230px) {
    #why-us .why-us-left {
        width: calc(400px - 60px);
    }

    #why-us .why-us-left .subtitle,
    #why-us .why-us-left .description {
        padding: 0;
    }

    #why-us .why-us-right {
        width: calc(100% - 400px);
    }
}

@media (max-width: 1120px) {
    #why-us {
        height: auto;
    }

    #why-us .container {
        padding: 0;
    }

    #why-us .why-us-left,
    #why-us .why-us-right {
        float: none;
        width: 100%;
        padding: 0;
        height: auto;
    }

    #why-us .why-us-left .title {
        text-align: center;
    }

    #why-us .why-us-right {
        padding: 50px 0 0 0;
    }
}

@media (max-width: 700px) {
    #why-us .why-us-right .feature .subtitle h2 {
        font-size: 18px;
    }

    #why-us .why-us-right .feature .description p {
        font-size: 14px;
    }
}

@media (max-width: 550px) {
    #why-us .why-us-right {
        gap: 40px;
    }

    #why-us .why-us-right .feature {
        width: 100%;
        margin: 20px 0;
    }

    #why-us .why-us-right .feature:hover {
        width: 100%;
        margin: 20px 0;
    }
}

@media (max-width: 520px) {
    #why-us .why-us-right .feature .subtitle h2 {
        font-size: 16px;
    }

    #why-us .why-us-right .feature .description p {
        font-size: 12px;
    }
}

@media (max-width: 355px) {
    #why-us .why-us-left .title {
        text-align: left;
    }
}

@media (max-width: 350px) {
    #why-us .why-us-left .title {
        text-align: left;
    }
}

/* opinions */
@media (max-width: 1075px) {
    #opinions {
        flex-direction: column;
        margin: 50px 35px;
        width: calc(100% - 70px);
    }

    #opinions .opinions-left,
    #opinions .opinions-right {
        width: calc(100% - 100px);
    }

    #opinions .opinions-right {
        order: 1;
        min-height: 250px;
        align-items: center;
    }

    #opinions .opinions-left {
        order: 2;
        min-height: 250px;
    }

    #opinions .opinions-left ul.slick-initialized.slick-slider .slick-slide,
    #opinions .opinions-left ul.slick-initialized.slick-slider .slick-slide .opinion .top .profile-pic {
        top: 0;
    }

    #opinions .opinions-left ul.slick-initialized.slick-slider .slick-slide .opinion {
        min-height: unset;
    }

    #opinions .opinions-left ul.slick-initialized.slick-slider .slick-slide .opinion .top .profile-pic img {
        width: 75px;
        height: 75px;
    }

    #opinions .opinions-right .slider-arrows {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 650px) {
    #opinions .opinions-left ul>li .opinion .top {
        max-height: 100px;
    }

    #opinions .opinions-left ul>li .opinion .top .profile-pic {
        top: 0;
    }

    #opinions .opinions-left ul>li .opinion .top .profile-pic img {
        width: 100px;
        height: 100px;
    }

    #opinions .opinions-left ul>li .opinion .top .person-data {
        justify-content: center;
    }
}

@media (max-width: 500px) {

    #opinions .opinions-left,
    #opinions .opinions-right {
        width: calc(100% - 50px);
        padding: 25px;
    }

    #opinions .opinions-left ul>li .opinion .top {
        gap: 0 15px;
    }

    #opinions .opinions-left ul>li .opinion .top .profile-pic img {
        width: 75px;
        height: 75px;
    }
}

@media (max-width: 1320px) {
    #offer {
        width: calc(100% - 70px);
        padding: 50px 35px;
        height: auto;
    }
}

@media (max-width: 1170px) {
    #offer .top .description {
        padding: 0 270px;
    }
}

@media (max-width: 1065px) {
    #offer .top .description {
        padding: 0 230px;
    }
}

@media (max-width: 950px) {
    #offer .top .description {
        padding: 0 190px;
    }
}

@media (max-width: 890px) {
    #offer .top .description {
        padding: 0 160px;
    }
}

@media (max-width: 830px) {
    #offer .top .description {
        padding: 0 130px;
    }
}

@media (max-width: 810px) {
    #offer .top .description {
        padding: 0 115px;
    }
}

@media (max-width: 755px) {
    #offer .top .description {
        padding: 0 50px;
    }
}

@media (max-width: 430px) {
    #offer .top .description {
        padding: 0 20px;
    }
}

/* gallery */
@media (max-width: 1320px) {
    #gallery {
        padding: 50px 35px;
        width: calc(100% - 70px);
        height: auto;
    }
}

@media (max-width: 1200px) {
    #gallery ul>li {
        width: calc((100% / 3) - 20px);
    }
}

@media (max-width: 1024px) {
    #gallery {
        height: auto;
    }

    #gallery ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-left-long.slick-arrow {
        margin: 0 auto;
        right: 30px;
        top: 320px;
    }

    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-right-long.slick-arrow {
        margin: 0 auto;
        left: 30px;
        bottom: -18px;
    }

    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-left-long.slick-arrow,
    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-right-long.slick-arrow {
        z-index: 10;
        position: relative;
        display: block;
        cursor: pointer;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #9F9FA6;
        transition: 200ms ease-in-out;
    }

    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-left-long.slick-arrow:hover,
    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-right-long.slick-arrow:hover {
        background: #2D59A4;
    }

    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-left-long.slick-arrow::before,
    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-right-long.slick-arrow::before {
        padding: 0 14px;
        color: #2D59A4;
        font-size: 22px;
        position: absolute;
        top: 14px;
    }

    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-left-long.slick-arrow:hover::before,
    #gallery .gallery-wp .slick-slider I.fa-solid.fa-arrow-right-long.slick-arrow:hover::before {
        color: #ffffff;
    }

    #gallery .gallery-wp .slick-slider .slick-list .slick-track li.slick-slide,
    #gallery .gallery-wp .slick-slider .slick-list .slick-track li.slick-slide.slick-current.slick-active {
        position: relative !important;
        height: 250px !important;
        overflow: hidden !important;
        margin: 0 5px !important;
    }

    #gallery .gallery-wp .slick-slider .slick-list .slick-track li.slick-slide img,
    #gallery .gallery-wp .slick-slider .slick-list .slick-track li.slick-slide.slick-current.slick-active img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 305px;
    }
}

/* contact */
@media (max-width: 1500px) {
    #contact .contact-right .mapa {
        width: calc(100% - 100px);
        margin-left: 100px;
    }
}

@media (max-width: 1350px) {
    #contact .contact-left {
        width: 600px;
    }

    #contact .contact-right {
        width: calc(100% - 600px);
    }

    #contact .contact-right .mapa {
        width: calc(100% - 50px);
        margin-left: 50px;
    }
}

@media (max-width: 1320px) {
    #contact {
        padding: 0 35px 50px;
        width: calc(100% - 70px);
    }
}

@media (max-width: 1250px) {
    #contact .contact-form {
        height: 300px;
    }

    .contact-send {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .contact-send1 {
        display: flex;
    }

    .contact-send2 {
        width: 100%;
        display: flex;
        justify-content: start;
        justify-content: center;
    }

    #offer__second .offer-content .offer-box {
        flex: 0 0 calc(50% - 60px);
        max-width: 50%;
    }
}

@media (max-width: 1200px) {
    #contact .contact-left {
        width: 500px;
    }

    #contact .contact-right {
        width: calc(100% - 500px);
    }

    #contact .contact-right .mapa {
        width: calc(100% - 25px);
        margin-left: 25px;
    }
}

@media (max-width: 1000px) {
    #contact {
        height: auto;
    }

    #contact .contact-left {
        width: 100%;
        height: auto;
    }

    #contact .contact-left .company-contact {
        float: none;
    }

    #contact .contact-right {
        width: 100%;
        padding: 0;
    }

    #contact .contact-right .mapa {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 900px) {
    #contact .contact-form {
        height: auto;
    }

    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-name"],
    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-email"],
    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-phone-number"],
    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-subject"] {
        width: calc((100% / 2) - 20px);
        margin: 10px;
    }

    #contact .contact-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
        width: 200px;
    }
}

@media (max-width: 650px) {
    #contact p.text-accept {
        float: none;
    }

    #contact .contact-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
        float: none;
        margin: 30px 0 0 0;
        width: 170px;
    }
}

@media (max-width: 400px) {

    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-name"],
    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-email"],
    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-phone-number"],
    #contact .contact-form span.wpcf7-form-control-wrap[data-name="your-subject"] {
        width: calc(100% - 20px);
    }
}

/* footer */
@media (max-width: 1320px) {
    #footer {
        padding: 30px 35px 15px 35px;
        height: auto;
        width: calc(100% - 70px);
    }
}

@media (max-width: 1260px) {

    #footer .top-footer,
    #footer .top-footer .top-left-footer {
        height: auto;
    }

    #footer .top-footer .top-left-footer {
        width: 100%;
    }

    #footer .top-footer .top-left-footer ul {
        text-align: center;
    }

    #footer .top-footer .top-left-footer ul>li {
        padding: 10px 0;
        border-right: none;
        border-bottom: 1px dashed #9F9FA6;
        float: none;
    }

    #footer .top-footer .top-left-footer ul>li:first-child,
    #footer .top-footer .top-left-footer ul>li:last-child {
        padding: 10px 0;
    }

    #footer .top-footer .top-right-footer .icon-social-footer {
        float: left;
    }

    #footer .top-footer .top-right-footer {
        width: 100%;
        align-items: center;
        justify-content: center;
        float: left;
        height: 75px;
    }
}

@media (max-width: 850px) {

    #footer .bottom-footer .left p,
    #footer .bottom-footer .right p {
        font-size: 12px;
    }
}

@media (max-width: 770px) {

    #footer .bottom-footer .left,
    #footer .bottom-footer .right {
        float: none;
        padding-bottom: 25px;
    }

    #footer .bottom-footer .left p,
    #footer .bottom-footer .right p {
        font-size: 14px;
    }

    #footer .bottom-footer {
        height: 110px;
    }
}

@media (max-width: 1400px) {
    #opinions2 .opinions-left ul {
        width: calc(100% - 100px);
    }

    #opinions2 .opinions-right {
        width: calc(50% - 100px);
    }
}

@media (max-width: 1320px) {
    #opinions2 {
        width: calc(100% - 70px);
        margin: 50px 35px;
    }
}

@media (max-width: 1024px) {
    #opinions2 .opinions-left ul {
        width: calc(100% - 25px);
    }

    #opinions2 .opinions-right {
        width: calc(50% - 25px);
    }
}

@media (max-width: 900px) {
    #opinions2 {
        flex-direction: column;
        align-items: center;
    }

    #opinions2 .opinions-left {
        width: calc(100% - 25px);
        order: 2;
        margin-bottom: 50px;
    }

    #opinions2 .opinions-right {
        order: 1;
        width: calc(100% - 25px);
        margin-top: 50px;
    }
}

@media (max-width: 500px) {
    #opinions2 .opinions-left ul li .opinion .top .profile-pic {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 475px) {
    #opinions2 .opinions-left ul li .opinion .top {
        justify-content: center;
    }

    #opinions2 .opinions-left ul li .opinion .top .profile-pic {
        width: 75px;
        height: 75px;
        bottom: unset;
    }

    #opinions2 .opinions-left ul li .opinion .top .person-data {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #opinions2 .opinions-left ul li .opinion .top .person-data .name-surname h3 {
        font-size: 16px;
    }

    #opinions2 .opinions-left ul li .opinion .top .person-data .company-name h5 {
        font-size: 12px;
    }
}

@media (max-width: 425px) {
    #opinions2 .opinions-left ul li .opinion .top {
        justify-content: space-between;
        gap: 10px;
    }

    #opinions2 .opinions-left ul li .opinion .top .person-data .name-surname h3 {
        font-size: 14px;
    }

    #opinions2 .opinions-left ul li .opinion .top .person-data .company-name h5 {
        font-size: 10px;
    }
}

@media (max-width: 768px) {

    .team-members .team-member.left {
        flex-direction: column;
    }

    .team-members .team-member .photo {
        width: 70%;
        height: 250px;
    }

    .team-members .team-member .content {
        width: 100%;
    }

    .team-members .team-member.right {
        flex-direction: column;
    }

    #offer__second .offer-content .offer-box {
        flex: 0 0 calc(100% - 50px);
        max-width: 100%;
    }

    #contact-page.units .contact-content {
        flex-direction: column;
    }

    #contact-page.units .contact-content .left-contact {
        width: calc(100% - 50px);
    }

    #contact-page.units .contact-content .right-contact {
        width: 100%;
    }

    #contact .contact-form {
        width: calc(100% - 40px);
        padding: 20px;
    }
}

@media (max-width: 1200px) {
    #about-company .content-about-company {
        flex-direction: column;
        gap: 50px 0;
    }

    #about-company .content-about-company .left {
        width: 100%;
        padding: 0;
        gap: 25px 0;
    }

    #about-company .content-about-company .right {
        width: 100%;
        height: auto;
        min-height: 500px;
    }
}

@media (max-width: 800px) {
    #about-company .content-about-company .right {
        display: flex;
        flex-direction: column;
    }

    #about-company .content-about-company .right .photo {
        display: flex;
        height: 250px;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }
}

@media (max-width: 950px) {
    #content-about-us .text-photo-offer {
        flex-direction: column;
        gap: 25px 0;
        height: auto;
    }

    #content-about-us .text-photo-offer .text-offer,
    #content-about-us.first .text-photo-offer .text-offer,
    #content-about-us.second .text-photo-offer .text-offer {
        width: 100%;
        padding: 0;
        align-items: center;
        height: auto;
        order: 1;
    }

    #content-about-us .text-photo-offer.right .photo-offer {
        width: 100%;
        height: 300px;
        padding: 0;
        order: 2;
    }
}

@media (max-width: 1100px) {
    #gallery-page .gallery-content ul>li {
        display: flex;
        flex: 0 0 calc(33% - 12px);
        max-width: 33.33%;
    }
}

@media (max-width: 750px) {
    #gallery-page .gallery-content ul>li {
        display: flex;
        flex: 0 0 calc(50% - 12px);
        max-width: 50%;
    }
}

@media (max-width: 450px) {
    #gallery-page .gallery-content ul>li {
        display: flex;
        flex: 0 0 calc(100% - 12px);
        max-width: 100%;
    }
}

@media (max-width: 1150px) {
    .news-content .news-item {
        flex: 0 0 calc(50% - 24px);
        max-width: 50%;
    }
}

@media (max-width: 640px) {
    .news-content .news-item {
        flex: 0 0 calc(100% - 16px);
        max-width: 100%;
    }
}