@media (min-width:1920px) {
    .pxl-circle-svg {
        display: none;
    }
}

@media (min-width:1650px) {
    .grid {
        max-width: calc(1650px - 30px);
    }
}

@media(max-width:1280px) {
    .services-list-block-wrapper {
        width: calc(50% - 30px);
    }

    .services-list-block-wrapper.last-block {
        width: 100%;
    }

    .services-list-block-wrapper.last-block {
        margin-right: auto;
        margin-left: auto;
    }

    .about-us-main-page-bottom-row {
        margin-top: 130px;
    }

    .about-us-main-page-top-row>.right h2.title-outer {
        bottom: -105px;
        right: 60px;
    }
}

@media(max-width:1180px) {
    .scheme-block-wrapper {
        width: calc(33% - 15px);
    }

    .job-title {
        font-family: Inter;
        font-size: 26px;
    }

    .jobs-arhive-list-content-wrapper {

        padding: 20px 40px 45px 40px;
    }

    .statisctic-section-block-wrapper {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }

    .services-list-blocks-wrapper>.services-list-block-wrapper:first-child {
        display: none;
    }

    .services-list-block-wrapper.last-block {
        margin-right: unset;
        margin-left: unset;
    }

    .testemonials-section-container .left {
        width: 100%;
        padding-right: 0;
        position: relative;
        padding-bottom: 50px;
    }

    .testemonials-section-container .right {
        width: 100%;
        padding-left: 0px;
        overflow: hidden;
    }

    .testemonials-arrows-wrapper {
        bottom: -5%;
    }
}

@media(max-width:1026px) {
    .scheme-section-single-service-description.animate__animated {
        color: #fff;
    }

    .packages-description.animate__animated {
        color: #fff;
    }

    .arhive-service-blocks-wrapper {
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .packages-block-wrapper .btn {
        opacity: 1;
        margin-top: 25px;
    }

    .arhive-service-blocks-wrapper .pxl-circle-svg {
        display: none;
    }

    .arhive-service-blocks-container>.left {
        display: none;
    }

    .arhive-service-blocks-container>.right {
        width: 100%;
        padding-left: 0;
    }

    .portfolio-arhive-info-wrapper {
        position: relative;
        width: 100%;
        left: 0;
        overflow: hidden;
        bottom: 0;
        padding: 30px 50px 30px 20px;
        border: solid 1px #444;
    }

    .site-branding {
        width: 180px;
    }

    .open-offcanvas-nav {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }

    .main-page-text-top-wrapper {

        font-size: 70px;
        font-weight: 700;
        line-height: normal;
    }

    .main-text-image-decore-wrapper img {
        display: none;
    }

    .type-studio-effect-all-wrapper>h3 {
        font-size: 65px;
    }

    .type-studio-effect-all-wrapper span.typewrite {
        font-size: 65px;
    }

    .main-text-slogan-main-page {
        font-size: 28px;
        margin-top: 40px;
    }

    .main-page-main-section .pxl-circle-svg {
        z-index: 0;
        bottom: -50%;
    }

    .about-us-main-page-top-row>.right h2.title-outer {
        bottom: -130px;
        right: 100px;
    }

    .about-us-main-page-bottom-row .left h2.title-outer {

        right: 15px;
        top: -145px;

    }

    .about-us-main-page-bottom-row .right::after {
        display: none;
    }

    .services-list-block-wrapper.last-block {
        padding: 53px 30px 75px 30px;
    }
}

@media(max-width:980px) {
    .service-arhive-info-wrapper .service-title {
        width: 100%;
    }


    .service-arhive-info-wrapper {
        flex-wrap: wrap;
    }

    .section-description-service-container .left {
        width: 100%;
        margin-bottom: 30px;
    }

    .section-description-service-container .right {
        width: 100%;
        padding-left: 0;
    }

    .about-us-main-page-bottom-row {
        margin-top: 160px;
    }

    .about-us-main-page-bottom-row .left h2.title-outer {
        font-size: 90px;
        bottom: -160px;
    }

    .about-us-main-page-top-row>.right h2.title-outer {
        font-size: 90px;
    }

    .popup-menu-window-wrapper .menu a {
        font-size: 26px;
        line-height: 1.3em;
        font-weight: 600;
        padding: 0px 80px 0px 80px;
        border: 1px solid #1d1d1d;
        width: 100%;
        min-height: 64px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .popup-menu-window-wrapper .menu li .show-children-menu {
        font-size: 24px;
        width: 65px;
        height: 65px;
    }

    .service-list-block-title {
        font-size: 24px;
        line-height: normal;
    }

    .service-list-post-short-description {
        font-size: 16px;
    }

    .statistic-section-number {
        margin-bottom: 0;

        font-size: 40px;


        line-height: 50px;
        letter-spacing: 3px;
        color: #fdfdfd;


    }

    .statistic-section-title {
        font-size: 24px;

        line-height: 24px;

    }

    h2.section-title,
    .testemonials-section .section-title {

        font-size: 46px;

        line-height: normal;
        margin-bottom: 30px;
    }

    .two-col-title-wrapper>.left h2.section-title {
        font-size: 36px;
        line-height: normal;
    }

    .partners-section {
        margin-top: 50px;
    }

    .footer-container .footer-col {
        width: calc(35% - 30px);
    }

    .footer-container>.footer-col:nth-child(2) {
        width: calc(25% - 30px);
    }

    .footer-container>.footer-col:nth-child(3) {
        width: calc(40% - 30px);
    }

    .footer-container>.footer-col:nth-child(4) {
        width: 100%;
        margin: 40px auto;
        max-width: 340px;
    }

    .testemonials-section {
        overflow: hidden;
    }

    .elips-about-us-wrapper-2 {
        display: none;
    }


}

@media(max-width:900px) {
    .benefits-block-wrapper {
        width: calc(50% - 15px);
        margin-bottom: 20px;
    }

    .packages-title {
        min-height: 70px;
    }

    .packages-description {
        min-height: 75px;
    }

    .why-choise-us-section .container .left {
        width: 60%;
        padding-right: 15px;
    }

    .main-about-us-section {
        margin-top: 0px;

        padding: 50px 0;

    }

    .main-about-us-section>.container {

        flex-wrap: wrap;

    }

    .main-about-us-section>.container .left {
        width: 100%;
        padding-right: 0;
        position: relative;
        left: -50px;
    }

    .why-choise-us-section .container h2 {
        font-size: 24px;
    }

    .why-choise-block-wrapper i {
        font-size: 20px;
        width: 50px;

        height: 50px;

        margin-right: 15px;

    }

    .scheme-block-wrapper {
        width: calc(51% - 15px);
    }

    .main-about-us-section>.container .right {
        width: 100%;
    }

    .close-popup {

        top: 10px;
        right: 10px;
    }

    .popup-menu-container>.left {
        display: none;
    }

    .popup-menu-container>.middle {
        width: 60%;
    }

    .popup-menu-container>.right {
        width: 40%;
    }

    .popup-menu-window-wrapper .menu {
        width: 100%;
        padding: 0 20px;
    }

    .popup-menu-window-wrapper .menu a {
        border-right: none;
        border-left: none;
    }

    .main-page-text-wrapper {

        padding-top: 40px;
    }

    .about-us-main-page-bottom-row .left {
        font-size: 16px;
    }

    .about-us-main-page-bottom-row .right img {
        width: 100%;
    }

    .about-us-main-page-top-row>.right p {
        font-size: 16px;
    }

    .about-us-main-page-top-row>.right h2.title-outer,
    .about-us-main-page-bottom-row .left h2.title-outer {
        display: none;
    }

    .about-us-main-page-bottom-row .right img {
        position: relative;
        z-index: 2;
    }

    .testmonials-slider-content {
        font-size: 16px;
        line-height: 24px;
    }
}

@media(max-width:768px) {
    .testmonials-slider .slick-slide {
        margin-left: 30px;
        margin-right: 0;
    }

    .scheme-section-single-service-block-wrapper {
        width: 100%;
    }



    header .circle {
        display: block;
        overflow: visible;
        width: 156px;
        font-size: 40px;
        height: 23px;
    }

    .error-404-content-section {
        overflow: hidden;
    }

    .page-404-title {
        font-size: 44px;
        line-height: normal;

    }

    .portfolio-section-photos {
        margin-top: 100px;
        margin-bottom: 30px;
    }

    .portfolio-single-gallery-main-wrapper {
        padding-top: 0;
    }

    .details-work-all-wrapper .post-thumbnail {
        position: relative;
        height: auto;
    }

    .section-singl-testemonial-from-work>.single-testemonial-on-portfolio-content-all-wrapper {
        width: calc(100% - 30px);
    }

    .section-singl-testemonial-from-work>.container>.left {
        width: 100%;
        padding: 10px;
    }

    .section-singl-testemonial-from-work>.container>.left img {
        width: 100%;
        max-width: 300px;
    }

    .section-singl-testemonial-from-work>.container>.right {
        width: 100%;
    }

    .single-testemonial-on-portfolio-content-wrapper {
        padding: 20px 10px;
        font-family: Inter;
        font-size: 14px;
        line-height: 28px;
    }

    .details-work-all-wrapper .post-thumbnail img {
        width: 100%;
        object-fit: contain;
    }

    .main-details-work {
        width: 100%;
        max-width: 100%;
    }

    .details-work-all-wrapper {
        flex-wrap: wrap;
    }

    .portfolio-arhive-info-wrapper {
        padding: 30px 30px 30px 20px;
    }

    .portfolio-arhive-info-wrapper>* .type-row {
        font-size: 14px;
        min-width: 120px;
    }

    .portfolio-arhive-info-wrapper>* span:nth-child(2) {
        font-size: 14px;
    }

    .arhive-contact-form-section .contacts-page-form-wrapper {
        margin-top: 0;
    }

    .arhive-contact-form-section .section-title {
        color: #fff;
        font-size: 24px;
        line-height: normal;
    }

    .contacts-page-form-wrapper {
        padding: 20px;
    }

    .other-page-title {
        font-size: 36px;
        line-height: normal;
    }

    .description-other-page {
        font-size: 14px;
    }

    .main-content-contacts-page {
        position: relative;
        overflow: hidden;
    }

    .container-top-section-others-page {
        flex-wrap: wrap;
        min-height: auto;
        padding-top: 80px;
        padding-bottom: 25px;
        overflow: hidden;
    }

    .container-top-section-others-page>.left {
        width: 100%;
    }

    .container-top-section-others-page>.right {
        width: 100%;
        justify-content: flex-start;
    }

    .main-content-contacts-page-container>.right {
        width: 100%;
    }

    .main-content-contacts-page-container {
        flex-wrap: wrap;
    }

    .main-content-contacts-page-container>.left {
        width: 100%;
        margin-bottom: 25px;
    }

    .contacts-page-form-wrapper {
        margin-right: auto;
        margin-top: 30px;
        width: 100%;
    }

    .main-page-text-top-wrapper {
        font-size: 42px;
        margin-top: 40px;
    }

    .type-studio-effect-all-wrapper>h3 {
        font-size: 36px;
        padding-right: 15px;
    }

    .type-studio-effect-all-wrapper>h3 {
        font-size: 36px;
    }

    .type-studio-effect-all-wrapper span.typewrite {
        font-size: 36px;
    }

    .main-text-slogan-main-page {
        font-size: 16px;
        margin-top: 20px;
    }

    .about-us-main-page-top-row>.left {
        width: 100%;
        padding-right: 0;
    }

    .about-us-main-page-top-row,
    .about-us-main-page-bottom-row {
        flex-wrap: wrap;
    }

    .about-us-main-page-top-row>.right {
        width: 100%;
    }

    .about-us-main-page-bottom-row .left {
        font-size: 16px;
        width: 100%;
        padding: 10px;
    }

    .about-us-main-page-bottom-row .right {
        width: 100%;
        position: unset;
    }

    .about-us-main-page-bottom-row {
        margin-top: 50px;
        position: relative;
    }

    .about-us-main-page-bottom-row .right::before {
        width: 100%;
        height: 100%;
        top: 0;
    }

    .services-list-block-wrapper {
        width: calc(50% - 30px);
    }

    .two-col-title-wrapper>.left {
        width: 100%;
    }

    .two-col-title-wrapper>.right {
        width: 100%;
        padding-left: 0;
    }

    .grid {
        max-width: calc(100% - 15px);
    }

    .footer-container>.footer-col:nth-child(1) {
        width: 100%;
        margin-bottom: 60px;
        max-width: 600px;
    }

    .footer-container>.footer-col:nth-child(2) {
        width: calc(35% - 30px);
    }

    .footer-container>.footer-col:nth-child(3) {
        width: calc(65% - 30px);
    }

    .pxl-item--icon {
        width: 90px;
        height: 60px;
        top: 33px;
        left: -45px;
        border-radius: 20px;
    }

    .pxl-item--icon svg {
        width: 30px;
    }

    .pxl-item--icon:after {}

    .testmonials-slider-block-wrapper {
        background: #1E1E1E;
        padding: 90px 35px 40px 35px;
    }

    .pxl-item--icon:after {
        display: none;
    }

    .pxl-item--icon {
        width: 76px;
        height: 50px;
        top: 33px;
        left: -25px;
        border-radius: 20px;
        background-image: url(/wp-content/uploads/2024/05/tisti.png);
        background-size: 97px 51px;
        background-repeat: no-repeat;
        padding: 0;
    }

    .popup-menu-window-wrapper .menu a {
        padding-left: 0;
    }

    h2.section-title,
    .testemonials-section .section-title {
        font-size: 36px;
    }
}

@media(max-width:650px) {

    .scheme-section-single-service-block-title {
        font-size: 14px;
    }

    .benefits-block-wrapper {
        width: 100%;

    }

    .packages-block-wrapper {
        width: 100%;
    }

    .faq-section-container {

        flex-direction: column-reverse;
    }

    .faq-section-container>.left {
        width: 100%;
        margin-top: 30px;
    }

    .why-choise-us-section .container .left {
        width: 100%;
        padding-right: 0;
        overflow: hidden;
    }

    .faq-section-container>.right {
        width: 100%;
    }

    .why-choise-us-section .container .right {
        width: 100%;
    }

    .why-choise-us-section .container .right video {
        width: 92%;
        margin: auto;
        display: block;
    }

    .scheme-section .section-title>.split-line:nth-child(2)>.split-line {
        font-size: 26px !important;
        margin-top: 25px !important;
    }
}

@media(max-width:550px) {
    .arhive-service-post-prev .service__link {
        padding-right: 30px;
    }

    .arhive-service-post-prev .service-list-post-short-description {
        width: calc(100% - 80px);
    }

    .main-about-us-section>.container .left {
        left: 0;
    }

    .main-about-us-section>.container .left video {
        margin: auto;
        width: calc(100% - 50px);
    }

    .scheme-section-container {
        margin-top: 55px;
    }

    .scheme-block-title {
        font-size: 24px;
    }

    .job-title {
        font-family: Inter;
        font-size: 18px;
        line-height: normal;
        width: 100%;
        text-align: center;
    }

    .jobs-arhive-list-content-wrapper {
        padding: 20px 20px 45px 20px;
    }

    .job-btns-navigate-wrapper {
        margin: auto;
    }

    .job-btns-navigate-wrapper .btn {
        width: 100%;
        font-size: 14px;
    }

    header {
        padding: 10px 0;
    }

    .site-branding {
        width: 140px;
    }

    .main-text-slogan-main-page {
        font-size: 14px;
        margin-top: 20px;
        padding: 5px 10px 5px;
    }

    .main-text-slogan-main-page:before {
        width: 24.63px;
        height: 24.63px;
        bottom: -10px;
        right: -14px;
    }

    .services-list-block-wrapper {
        width: 100%;
    }

    .footer-container>.footer-col:nth-child(2) {
        width: 100%;
        margin-bottom: 50px;
    }

    .footer-container>.footer-col:nth-child(3) {
        width: 100%;
    }

    .why-choise-us-section .container h2 {
        font-size: 23px;
        width: 100%;
    }
}

@media(max-width:500px) {
    .why-choise-us-section .container .right video {
        width: 69%;
    }

    .scheme-section-container {
        margin-top: 85px;
    }

    .scheme-block-wrapper {
        width: calc(100% - 15px);
    }

    .close-popup {
        top: 10px;
        right: 10px;
        padding: 0;
        width: 30px;
        height: 30px;
    }

    #job-description {
        font-size: 14px;
    }

    .popup-window-content-all-wrapper form,
    .popup-window-content-all-wrapper h2 {
        position: relative;
        z-index: 2;
        display: block;
        line-height: normal;
        font-size: 16px;

    }

    .navigation.pagination {
        margin: 60px 0;
        overflow: hidden;
        width: 100%;
    }

    .arhive-contact-form-section-container>.left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .arhive-contact-form-section-container>.right {
        width: 100%;
    }

    .popup-menu-container>.right {
        width: 40%;
        display: none;
    }

    .popup-menu-container>.middle {
        width: 100%;
    }

    .main-page-text-top-wrapper {
        font-size: 36px;
        margin-top: 20px;
    }

    .testmonials-slider-block-title {

        padding-top: 30px;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 7px;
    }

    .title-block-footer {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .footer-menu-blocks-wrapper a {

        font-size: 14px;
    }
}

@media(max-width:470px) {
    .scheme-section-single-service-container {
        width: 100%;
    }

    .main-details-work ul {
        padding: 20px;
    }

    main {
        padding-top: 75px;
    }

    .main-page-text-wrapper {
        padding-top: 0;
    }

    .portfolio-section .more-btn {
        margin-top: 20px;
        width: 100%;
    }

    .portfolio-section {
        overflow: hidden;
    }

    .main-text-slogan-main-page {
        margin-top: 10px;
    }

    .popup-menu-window-wrapper .menu .menu-item-has-children.show-child .submenu {
        padding-left: 0;
    }

    .popup-menu-window-wrapper .menu .menu-item-has-children.show-child .submenu a {
        padding-left: 30px;
        padding-right: 0;
        font-size: 22px;
    }

    .singl-popup-btn-wrapper {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .services-last-photos-section {
        overflow: hidden;
    }

    h2.section-title,
    .testemonials-section .section-title {
        font-size: 28px;
        overflow: hidden;
    }
}

@media(max-width:400px) {

    .main-text-slogan-main-page {
        font-size: 12px;
        margin-top: 10px;
        padding: 0px 10px 0px;
    }

    .statistic-section-title {
        font-size: 14px;
        line-height: 20px;
    }

    .statisctic-section-block-wrapper {
        margin-bottom: 15px;
    }

    .statistic-section-number {
        margin-bottom: 0;
        font-size: 30px;
        line-height: 35px;
    }

    .services-section {
        margin-top: 50px;
    }

    .portfolio-section {
        margin-top: 50px;
    }

    .partners-section {
        overflow: hidden;
    }

    .menu-footer-services-container ul li {
        width: 100%;
        padding-right: 0;
    }

    .popup-btn,
    .more-btn {

        font-size: 14px;

        line-height: 29px;
        letter-spacing: .08px;
        color: #fff !important;

        width: 100%;
        border: 1px solid #fff;

        z-index: 1;
        padding: 10px 10px 10px 15px;

        transition: .6s all;

    }
}

@media(max-width:380px) {
    .statisctic-section_single-service .statisctic-section-block-wrapper {
        width: 100%;
    }

    .scheme-section-single-service-container::before {
        left: unset;
        right: 30px;
    }

    .scheme-section-single-service-counter-wrapper {
        left: unset;
        right: 3px;
    }

    .scheme-section-single-service-block-wrapper {

        padding-right: 40px;
    }

    .scheme-section-single-service-block-wrapper:nth-child(2n) {
        padding-left: 0;
        padding-right: 40px;
    }
}

@media(max-width:320px) {
    .main-text-slogan-main-page {
        font-size: 10px;
    }

    .partner-block-wrapper {
        padding: 10px;
    }

    .partner-block-wrapper img {
        max-height: 20px;
    }
}