/* responsive.css file */


/*--------Responsive CSS---------*/

@media(min-width:576px) {}

@media(min-width:768px) {
    .container-fluid {
        --bs-gutter-x: 4.5rem;
    }
    .blog-detail .description {
        margin: 0 80px;
    }
    .ben-card-mb-unset-abv-768 {
        margin-bottom: unset !important;
    }
}

@media(min-width:992px) {
    body.single-post .blog-detail .description h2 {
        font-size: 28px;
    }
    .dropdown-menu {
        width: 55vw;
    }
    .dropdown:hover .dropdown-menu {
        display: flex;
    }
    .dropdown-menu.show {
        display: flex;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
        margin: 25px 0 0 0;
        border-radius: 30px !important;
        padding: 40px !important;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    .main-menu {
        position: static;
    }
    #mega-menu-wrap-menu-1,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
        position: static;
    }
    .main-menu .navbar {
        position: static;
    }
    .main-menu li.mega-menu-megamenu>.mega-sub-menu {
        width: 96% !important;
        margin: 30px auto !important;
        left: 0 !important;
        right: 0 !important;
    }
    #services.service_v2 .tabs_wrapper {
        background: #F1F5F9;
        border-radius: 20px;
        padding: 10px 0;
    }
    #services.service_v2 .content {
        padding: 25px;
        height: 100%;
    }
    .team-container {
        padding: 20px 50px;
    }
    .blog-detail .container {
        max-width: 900px;
    }
    .ser-highlights .sticky {
        position: sticky;
        top: 125px;
        align-self: flex-start;
        height: 100%;
    }
    /* .process-item-active .process_content {
        flex-grow: 1;
    } */
    .hire-cta-sec .img_wrapper {
        text-align: end;
    }
    .benefits-rd .sticky {
        position: sticky;
        top: 70px;
        align-self: flex-start;
        height: 100%;
    }
    .ser-techs.ser-detailed .sticky {
        position: sticky;
        top: 125px;
        align-self: flex-start;
        height: 100%;
    }
    .promise .sticky {
        position: sticky;
        top: 70px;
        align-self: flex-start;
        height: 100%;
    }
    .sticky {
        position: sticky;
        top: 70px;
        align-self: flex-start;
        height: 100%;
    }
    .img-info-sec .content_wrapper.no-pad {
        padding: unset;
    }
}

@media(min-width:1200px) {
    #mega-menu-wrap-menu-1 {
        background: unset !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 500 !important;
        color: #757575 !important;
        padding: 8px 25px !important;
        border-radius: 10px !important;
        height: unset !important;
        margin-left: 10px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover {
        color: #FC6A03 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item.menu-last-btn>a.mega-menu-link {
        background: #FC6A03 !important;
        color: #ffffff !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a {
        padding: 15px 25px !important;
        background: #FC6A03 !important;
        color: #ffffff !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        text-decoration: unset !important;
        box-shadow: 0px 3px 6px 0px #00000029;
        transition: all 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: fit-content !important;
        border: unset !important;
        min-height: 0 !important;
        margin-left: 35px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a:hover {
        background: #FC6A03 !important;
        color: #ffffff !important;
        border: unset !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a:hover::before {
        animation: shine 1.5s ease-out infinite;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a::before {
        content: "";
        position: absolute !important;
        width: 100px !important;
        height: 100% !important;
        background-image: linear-gradient( 120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%) !important;
        top: 0;
        left: -100px;
        opacity: 0.6;
    }
    @keyframes shine {
        0% {
            left: -100px;
        }
        60% {
            left: 100%;
        }
        to {
            left: 100%;
        }
    }
    #mega-menu-wrap-menu-1,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
        position: static !important;
    }
    .blog-detail .post-thumbnail img {
        max-height: 700px;
    }
    .benefits-rd .sticky .details_wrapper {
        width: 80%;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn {
        display: none;
    }
}

@media(min-width:1400px) {
    .main-header nav ul li a {
        font-size: 18px !important;
    }
    /* #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a {
        min-height: 50px !important;
        font-size: 18px !important;
        padding: 0 25px !important;
    } */
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 32px;
    }
    .max-w-85 {
        max-width: 85%;
        margin: 0 auto;
    }
}

@media(min-width:1600px) {
    .container-fluid.c_width-2 {
        width: 80%;
    }
    /* .review {
        min-height: 304px;
    } */
    #services .service_wrapper {
        min-height: 701px;
    }
    .about-us .section-title {
        font-size: 54px;
    }
    .process-slider .slick-slide .wrapper {
        min-height: 469px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 37px;
    }
    .counter-boxes .box h6 {
        font-size: 25px;
    }
    /* #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a {
        min-height: 50px !important;
        font-size: 18px !important;
        padding: 0 25px !important;
    } */
    .main-header nav ul li a {
        font-size: 18px !important;
    }
    .benefits-rd .container-fluid,
    .dev-flow .container-fluid {
        width: 85%;
    }
    .page-template-service-custom-wordpress-dev-template .cta-sec-bg-wrapper .page-title {
        width: 70%;
    }
    .hero-vid-content-wrap .breadcrumbs {
        margin-bottom: 50px;
    }
    .page-template-service-custom-wordpress-plugin-template .ser_title {
        font-size: 60px;
    }
}

@media(max-width:479px) {
    .blog .section-margin-150 {
        margin-top: unset;
    }
    .highlight_content h4 {
        font-size: 20px;
    }
    .highlight_content p {
        font-size: 17px;
    }
    .subscribe button#bookmarkButton {
        margin-top: 10px;
    }
    .review-slider-v2.owl-carousel .owl-item {
        padding-right: 3px;
    }
}

@media(max-width:575px) {
    .blinker {
        line-height: 0.5;
    }
    .founders_wrapper .f-cards.v2 .col-sm-6 {
        margin: 10px 0;
    }
    .section-margin-150 {
        margin: 50px 0 !important;
    }
    .team-container h2 {
        font-size: 24px;
    }
    .team-container p.t_design,
    p.t_design {
        font-size: 17px;
    }
    .team-container p.show_bio a {
        font-size: 16px;
    }
    form.search-form {
        flex-direction: column;
    }
    .search-form input.search-field {
        width: 100%;
        height: 45px;
    }
    .search-form .main-btn {
        padding: 8px 25px;
    }
    .service-detail .ser-card {
        padding: 10px 0;
    }
    #services .details_wrapper ul.pointers {
        columns: 1;
    }
    .simple-intro-sec {
        margin: 125px 0 50px;
    }
    .project-status-section {
        margin: 50px 15px !important;
    }
    .about_wrapper .all-counter_wrapper {
        margin-top: 20px;
    }
    .about-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .about-grid .au-cards {
        border-radius: 15px;
    }
    .about-grid .card-1 {
        display: none;
    }
    .about-grid .card-2 {
        grid-column: 1;
        grid-row: 1;
    }
    .about-grid .card-3 {
        grid-column: 1;
        grid-row: 2;
    }
    .about-grid .card-4 {
        grid-column: 1;
        grid-row: 3;
    }
    .about-grid .card-5 {
        grid-column: 1;
        grid-row: 4;
        padding: 20px 10px;
    }
    .about-grid .card-6 {
        grid-column: 1;
        grid-row: 5;
        flex-direction: column;
        text-align: center;
    }
    .about-grid .card-7 {
        grid-column: 1;
        grid-row: 6;
    }
    .au-cards .about-dez-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        height: auto;
    }
    .au-cards .a-z-title {
        margin: 0 auto 15px;
    }
    .au-cards .video-content .masked-video {
        -webkit-mask-position-x: center;
    }
    .au-cards .stats-img {
        max-width: 100%;
        max-height: 200px;
    }
    .sect-details,
    .sect-details.left {
        margin: 0 auto 60px;
    }
    .fs-grid,
    .fc-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .fs-cards.card-1,
    .fc-cards.card-1 {
        grid-column: 1;
        grid-row: 1;
    }
    .fs-cards.card-2,
    .fc-cards.card-2 {
        grid-column: 1;
        grid-row: 2;
    }
    .fs-cards.card-3,
    .fc-cards.card-3 {
        grid-column: 1;
        grid-row: 3;
    }
    .fs-cards.card-4,
    .fc-cards.card-4 {
        grid-column: 1;
        grid-row: 4;
    }
    .fs-cards.card-5,
    .fc-cards.card-5 {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }
    .fs-cards,
    .fc-cards {
        padding: 25px 15px;
    }
    .fs-cards.card-4 {
        flex-direction: column;
        gap: 20px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 100%;
        max-height: 350px;
    }
    .fs-desc {
        padding: 0 15px 25px;
        text-align: center;
    }
    .fc-cards.card-4 .card-4-wrap {
        width: 100%;
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 25px 15px;
    }
    .fc-desc {
        padding: unset;
        max-width: 460px;
    }
    .wcz-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 18px;
        padding: 0 0 50px;
    }
    .wcz-cards.card-1 {
        grid-column: 1;
        grid-row: 1;
    }
    .wcz-cards.card-2 {
        grid-column: 1;
        grid-row: 2;
    }
    .wcz-cards.card-3 {
        grid-column: 1;
        grid-row: 3;
    }
    .wcz-cards.card-4 {
        grid-column: 1;
        grid-row: 4;
    }
    .wcz-cards.card-5 {
        grid-column: 1;
        grid-row: 5;
    }
    .wcz-cards.card-6 {
        grid-column: 1;
        grid-row: 6;
        min-height: auto;
    }
}

@media(max-width:767px) {
    .clock_wrap h3 br {
        display: none;
    }
    .error404 h2.page-title {
        font-size: 72px;
        margin: unset;
    }
    .error404 .error-sec h1.message {
        font-size: 2rem;
    }
    .header-logo img {
        height: 40px;
    }
    /* .intro-section {
        margin-top: 100px;
    } */
    .all-blogs .row {
        row-gap: 50px;
    }
    /* .main-header {
        padding: 20px 20px;
    } */
    #mega-menu-wrap-menu-1 .mega-menu-toggle {
        background: transparent;
    }
    .counter_wrapper {
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
    }
    .all-counter_wrapper .col-6 {
        margin: 15px 0;
    }
    .subscribe {
        max-width: unset;
    }
    .footer_lower .upper {
        flex-direction: column;
    }
    .footer_lower .upper .col-4 {
        width: 100%;
        text-align: center;
    }
    .footer_lower .upper .socials {
        justify-content: center;
        margin-top: 20px;
    }
    .footer_lower .upper .info {
        order: 3;
        margin-top: 10px;
    }
    .bg_wrapper .logo-video-container {
        width: 100%;
        height: 100%;
    }
    .shape img {
        width: 100%;
        height: 100%;
    }
    #techs .sec-details {
        margin: 0 auto 50px;
    }
    .techs .continue-slider {
        gap: 0px;
    }
    .techs .cta {
        margin-top: 20px;
    }
    #process .sec-details {
        margin: 0 auto 50px;
    }
    .blogs_section .blogs_wrapper {
        padding: 50px 25px 10px;
    }
    .hiring-steps ol:after {
        content: unset;
    }
    .hiring-steps li:nth-child(odd)::before {
        right: unset;
        top: 30px;
    }
    .hiring-steps li:nth-child(even)::before {
        top: 30px;
    }
    .promise .p-card:nth-child(1),
    .promise .p-card:nth-child(2),
    .promise .p-card:nth-child(3) {
        margin-bottom: 20px;
    }
    .founders_wrapper .sec-details {
        margin: 0 auto 50px;
    }
    .h-founder_wrapper {
        flex-direction: column;
        gap: 25px;
    }
    .about-founder {
        gap: 15px;
    }
    .founder_name_and_img {
        min-width: 100%;
    }
    .contact-social-section {
        padding: 80px 20px;
    }
    .contact-social-section h4 {
        font-size: 36px;
    }
    .contact-social-section ul {
        flex-wrap: wrap;
    }
    .contact-social-section ul li {
        margin: 0 25px 20px 25px;
        position: relative;
    }
    .contact-social-section ul li svg {
        height: 30px;
    }
    .contact-social-section ul li:after {
        width: 10px;
        height: 1px;
        right: -26px;
        top: 15px;
    }
    .search-form input.search-field {
        width: 100%;
    }
    .first_blog_wrapper {
        flex-direction: column;
    }
    .first_blog_wrapper .entry-content {
        padding-left: 0;
        width: 100%;
    }
    /* .blog-detail {
        margin: 60px 0;
    } */
    .blog-detail {
        margin: 135px 0 70px;
    }
    .blog-header-wrap a.blog-category {
        font-size: 17px;
    }
    .blog-header-wrap h1.blog-title {
        font-size: 34px;
    }
    .blog-header-wrap .blog_by-date a.author,
    .blog-header-wrap .blog_by-date .blog_date {
        font-size: 17px;
    }
    .blog-detail .post-thumbnail img {
        max-height: 375px;
        height: 100%;
    }
    .blog-img img {
        max-height: unset;
    }
    .ben-card:nth-child(1),
    .ben-card:nth-child(2),
    .ben-card:nth-child(3),
    .ben-card:nth-child(4),
    .ben-card:nth-child(5),
    .ben-card:nth-child(6),
    .ben-card:nth-child(7),
    .ben-card:nth-child(8),
    .ben-card:nth-child(9),
    .ben-card:nth-child(10),
    .ben-card:nth-child(11) {
        margin-bottom: 30px;
    }
    .screen-card {
        margin: auto !important;
    }
    .ben-card:last-child {
        margin-bottom: unset;
    }
    .project-status-section .projects_wrapper .row {
        --bs-gutter-x: 0;
    }
    .cta-sec-bg-wrapper {
        height: 600px;
    }
    .b-grid {
        grid-template-columns: 1fr;
    }
    .b-grid .g-card-1 {
        grid-column: 1;
        grid-row: 1;
    }
    .b-grid .g-card-2 {
        grid-column: 1;
        grid-row: 2;
    }
    .b-grid .g-card-3 {
        grid-column: 1;
        grid-row: 3;
    }
    .b-grid .g-card-4 {
        grid-column: 1;
        grid-row: 4;
    }
    .b-grid .g-card-5 {
        grid-column: 1;
        grid-row: 5;
    }
    .b-grid .g-card .title br {
        display: none;
    }
    .ben-card.v2c {
        margin: unset;
    }
    .v2 .cta-sec-bg-wrapper {
        padding: 8% 5%;
        flex-direction: column;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        flex: unset;
        text-align: center;
    }
    .v2 .cta-sec-bg-wrapper .cta-btn {
        flex: unset;
    }
    .review-slider-v2.v2 .review-item .review-desc {
        margin: 5px 0 15px;
    }
    .home_banner.new-v {
        height: 100%;
    }
    .home_banner_wrapper {
        gap: 30px;
        height: 100%;
        padding: 80px 0;
    }
    .hero-spotlight-overlay {
        mask-image: none !important;
    }
    /* Z Step */
    .step-slider {
        flex-direction: column;
        height: auto;
        overflow: visible;
    }
    .step-slider .step {
        width: 100%;
        margin-left: 0;
        border-radius: 20px;
        padding: 24px;
        transition: all 0.3s ease;
        margin-bottom: 16px;
    }
    .step-slider .step.active {
        width: 100%;
        padding: 24px;
    }
    .step-slider .preview-content {
        display: block;
    }
    .step-slider .step.active .preview-content {
        display: none;
    }
    .step-slider .full-content {
        display: none;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(10px);
        transition: all 0.4s ease;
    }
    .step-slider .step.active .full-content {
        display: block;
        max-height: 1000px;
        opacity: 1;
        transform: translateY(0);
        margin-top: 16px;
    }
    .step-slider .step-btn {
        width: 100%;
        text-align: center;
    }
    .step-slider .step .next-btn {
        display: none;
    }
    .step-slider .step:nth-child(4) {
        margin-bottom: unset;
    }
}

@media(max-width:991px) {
    .section-margin-150 {
        margin: 100px 0;
    }
    .section-padding-150 {
        padding: 100px 0;
    }
    .section-title.th-border::after {
        content: unset;
    }
    section#hero {
        margin-top: 125px;
    }
    .intro-section {
        margin-top: 125px;
    }
    .hero_wrapper .content_wrapper {
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }
    .hero_wrapper .cta-btn.btns {
        justify-content: center;
        gap: 15px;
    }
    .about_wrapper .content_wrapper {
        text-align: center;
    }
    .about_wrapper video.abt-video {
        height: 450px;
        width: 100%;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 20px 10px;
    }
    .about_wrapper .cta {
        margin-top: 35px;
        display: flex;
        justify-content: center;
    }
    #services.service_v2 .tabs_wrapper {
        display: flex;
        overflow-y: scroll;
        white-space: nowrap;
        scrollbar-width: none;
        margin-bottom: 20px;
    }
    #services.service_v2 .tab {
        width: 100%;
        margin: 0 5px;
        padding: 15px 20px;
        background: #F1F5F9;
        border: unset !important;
    }
    .counter_wrapper .counter {
        font-size: 50px;
    }
    .counter_wrapper p {
        font-size: 25px;
    }
    .hire_wrapper .content_wrapper {
        width: 100%;
        text-align: center;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin: 25px auto;
        display: flex;
        justify-content: center;
    }
    .why-dezdok .bg_wrapper {
        display: unset;
    }
    .point {
        position: unset;
        max-width: 100%;
    }
    /* .founders .founder_wrapper {
        display: block;
        padding: 25px;
    }
    .founders .f-info .design {
        font-size: 18px;
        line-height: 20px;
        margin-top: 24px;
    }
    .founder_wrapper img {
        width: 100%;
    }
    .founders .f-info .name {
        margin-top: 5px;
    }
    .founders .f-info .desc {
        margin-top: 10px;
    }
    .founder_wrapper .f-info .socials {
        margin-top: 20px;
    } */
    .footer {
        padding: 0px 40px;
    }
    .process-slider .slick-slide {
        margin: 0px 10px;
    }
    #ind-we-serve .sec-details,
    .portfolio_wrapper .sec-details,
    .blogs_section .sec-details,
    #reviews .sec-details,
    #faq .sec-details {
        margin: 0 auto 60px;
    }
    .review {
        display: block !important;
        text-align: center;
    }
    .review .image img {
        margin: 0 auto 10px;
    }
    .hire_wrapper .col-lg-4 {
        display: flex;
        justify-content: center;
    }
    .about-us-review {
        padding: 50px 0 40px;
    }
    .about-us-review .sec-details {
        margin: 0 auto 50px;
    }
    .promise .light_bg_wrapper .content_wrapper {
        margin-bottom: 25px;
    }
    .c-info {
        margin-bottom: 25px;
    }
    .the_team {
        margin-top: 30px;
    }
    .error404 .error-sec {
        margin: 125px 0 100px;
    }
    .clock_wrap {
        justify-content: space-around;
        gap: 25px;
        margin-bottom: 35px;
    }
    .clock_wrap h3 {
        margin-left: unset;
    }
    .time-sec .simpl-desc {
        text-align: center;
    }
    .meet-team .col-lg-5 {
        order: 2;
    }
    .why-dezdok .why_dezdok_wrapper {
        padding: 60px 20px;
    }
    .why-dezdok.v2 .why_dezdok_wrapper .sec-details {
        margin: 0 auto 150px;
    }
    .service_details {
        text-align: center;
    }
    .ser-techs .row {
        row-gap: 50px;
    }
    .ser-techs .content_wrapper {
        gap: 25px;
        text-align: center;
    }
    .ser-techs .section-desc {
        width: 100%;
        margin: 20px auto 0;
    }
    .ser-techs .main-btn {
        margin: auto;
    }
    .tech-content-wrapper {
        text-align: center;
    }
    .tech-grid {
        justify-content: center;
    }
    .service-opt-sec .col-xl-9 .row {
        gap: 30px;
    }
    .service-opt.highlight .service-title {
        word-break: unset;
    }
    .current-openings .accordion-body .col-lg-6.cf7-form {
        border-left: unset;
    }
    .current-openings .accordion-body .row.main {
        padding-top: 30px;
        row-gap: 20px;
    }
    .current-openings-wrapper {
        padding: 60px 20px;
    }
    .current-openings .accordion-body .cf7-form input,
    .current-openings .accordion-body .cf7-form textarea {
        padding: 10px 0 10px 0px;
    }
    .all-portfolio {
        margin: 150px 0 100px;
    }
    .hire-cta-sec .img_wrapper {
        margin-top: 20px;
        text-align: center;
    }
    .hire-cta-sec .cta {
        margin: 35px auto;
    }
    .benefits-rd .details_wrapper,
    .hd_process_wrapper .left .wrapper .cta-btn {
        margin-bottom: 25px;
    }
    .hd-process .sec-details {
        margin: 0 auto 60px;
    }
    .hiring-steps-v2 .step .dot {
        margin-right: 10px;
    }
    .hire-cta-sec-bg-img .inner-content {
        padding: 35px;
        flex-direction: column;
        text-align: center;
    }
    .hire-cta-sec-bg-img .inner-content .content-side .cta-btn {
        margin-top: 35px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side .cta-btn .main-btn {
        margin: auto;
    }
    .mobile-screens-cards .wrapper.light-col-bg {
        padding: 60px 20px 0;
    }
    .benefits-rd .tech-logo {
        display: none;
    }
    .pro-pointers-wrapper {
        gap: 10px;
        flex-direction: column;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-img {
        text-align: center;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .project-image {
        max-width: 100%;
        max-height: 300px;
        object-fit: cover;
        object-position: center;
    }
    .project-status-wrapper .nav.nav-pills {
        justify-content: space-between;
        margin-bottom: 45px;
    }
    .simple-intro-wrapper .sec-details {
        margin: unset;
    }
    #about .about_wrapper .row {
        gap: 20px;
    }
    .all-counter_wrapper .right-slider::before {
        left: 0px;
        top: -11px;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, #FFFDFB 0%, #FC6A03 50%, #FFFDFB 100%);
    }
    .stats-slider .slick-dots {
        width: fit-content;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .why-dezdok.v3 .why_dezdok_wrapper {
        padding: 50px 25px;
    }
    .why-dezdok.v3 .tab-wrapper {
        position: relative;
    }
    .tab-wrapper .nav-arrow {
        display: block;
    }
    .why-dezdok.v3 .nav-pills .nav-link.active span {
        transform: translateY(0px);
    }
    .why-dezdok.v3 .nav-pills .nav-link.active::before {
        bottom: 0px;
        width: 80%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .why-dezdok.v3 ul.nav-pills {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        overflow: hidden;
        border: unset;
        margin-bottom: 50px;
    }
    .why-dezdok.v3 .nav-pills .nav-item {
        display: none;
        width: 100%;
        text-align: center;
    }
    .why-dezdok.v3 .nav-pills .nav-item .nav-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px 10px;
        text-align: center;
        width: 100%;
    }
    .why-dezdok.v3 .nav-pills .nav-item .nav-link img {
        width: 40px;
        height: 40px;
        opacity: 1;
        transform: translateY(0);
        transition: all 0.3s ease-in-out;
    }
    .why-dezdok.v3 .nav-pills .nav-item .nav-link span {
        transition: all 0.3s ease-in-out;
    }
    .why-dezdok.v3 .nav-pills .nav-item.active {
        display: flex;
    }
    .why-dezdok.v3 .tab-content {
        margin-top: 10px;
        text-align: center;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        max-width: 90%;
        margin: auto;
        text-align: center;
    }
    /* Navigation Arrows */
    .why-dezdok.v3 .nav-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        font-size: 24px;
        font-weight: bold;
        color: #fc6a03;
        cursor: pointer;
        z-index: 10;
    }
    .why-dezdok.v3 .nav-arrow.left {
        left: 10px;
    }
    .why-dezdok.v3 .nav-arrow.right {
        right: 10px;
    }
    .portfolio-inner-wrap {
        flex-direction: column;
    }
    .portfolio-tabs .port_tab_content {
        gap: 30px;
    }
    .portfolio-tabs .portfolio_img img {
        width: 100%;
        height: auto;
        max-height: unset;
        object-fit: unset;
    }
    .sec-details.v2 {
        text-align: center;
    }
    .sec-details.v2 .cta-btn {
        float: none;
        margin-top: 25px;
    }
    .sec-details.v2 .cta-btn .main-btn {
        margin: auto;
    }
    .a-blog .row {
        gap: 30px;
    }
    .a-blog .blog-content {
        text-align: center;
    }
    .industries-wrapper .row {
        gap: 20px;
    }
    .review-slider-v2.owl-carousel .owl-item {
        opacity: 1;
        margin-left: 5px;
    }
    .a-v-portfolio {
        max-height: 100vh;
        padding: unset;
    }
    .a-v-portfolio .portfolio-content {
        padding: 20px 20px 30px 20px;
    }
    .v-portfolio .sec-details .row {
        gap: 20px;
    }
    .v-portfolio .sec-details {
        margin-bottom: 40px;
    }
    .v-portfolio-wrapper.c-border-top {
        padding-top: unset;
    }
    .hero-video-sec::before {
        display: none;
    }
    .hero-video-sec {
        padding-top: 45px;
    }
    .hero-video-sec,
    .hero-video-sec .hero-vid-content-wrap {
        height: 100%;
    }
    .hero-video-sec .hero-video {
        max-width: 100%;
        object-fit: contain;
        position: unset;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content {
        text-align: center;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-desc {
        margin: auto;
    }
    .service_detail_hero.hero-video-sec .cta-btn.btns {
        justify-content: center;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap nav.breadcrumb {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .wavy-bg #lottie-container {
        margin-top: -50px;
        margin-bottom: 20px;
    }
    .fc-cards .card-5 {
        display: none;
    }
    .fc-cards.card-5 {
        grid-column: 7 / 13;
        grid-row: 3 / 4;
        display: block;
    }
}

@media(max-width:1024px) {}

@media(max-width:1199px) {
    .main-header .main-btn {
        display: none;
    }
    nav#site-navigation {
        justify-content: end;
    }
    .first_blog_wrapper,
    .blog_wrapper {
        padding: 0;
    }
    .blogs .b-cards {
        margin-bottom: 25px;
    }
    .mega-toggle-blocks-left,
    .mega-toggle-blocks-center {
        display: none !important;
    }
    .main-header .col-2,
    .main-header .col-8,
    .main-header .col-10 {
        width: 50%;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open:after {
        z-index: 2 !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
        z-index: 3 !important;
        padding: 100px 30px 50px 30px !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        background-color: #fff !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated {
        position: relative;
        z-index: 4;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle+#mega-menu-menu-1 {
        max-width: 100% !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 0 !important;
        margin: 0 0 30px 0 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 18px;
        color: #fff !important;
    }
    .main-menu .mega-sub-menu .mega-block-title {
        font-size: 20px;
        color: #fff !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 p {
        font-size: 16px !important;
        padding: 0 0px 0 0 !important;
        margin: 0 0 20px 0 !important;
        color: #fff;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
        border-radius: 30px !important;
        margin: 30px 0 30px 0;
        padding: 30px 10px !important;
        background: #ffffff29 !important;
    }
    header {
        width: 100vw;
        padding: 15px 0;
    }
    .blog-detail {
        margin: 125px 0 75px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu {
        width: 100% !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a {
        padding: 15px 25px !important;
        background: #FC6A03 !important;
        color: #ffffff !important;
        border-radius: 10px !important;
        font-size: 18px !important;
        text-decoration: unset !important;
        box-shadow: 0px 3px 6px 0px #00000029;
        transition: all 0.3s ease-in-out;
        position: relative;
        overflow: hidden;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        border: unset !important;
        min-height: 0 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a:hover {
        background: #FC6A03 !important;
        color: #ffffff !important;
        border: unset !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a:hover::before {
        animation: shine 1.5s ease-out infinite;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a::before {
        content: "";
        position: absolute !important;
        width: 100px !important;
        height: 100% !important;
        background-image: linear-gradient( 120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%) !important;
        top: 0;
        left: -100px;
        opacity: 0.6;
    }
    @keyframes shine {
        0% {
            left: -100px;
        }
        60% {
            left: 100%;
        }
        to {
            left: 100%;
        }
    }
    .why_dezdok_wrapper .row {
        row-gap: 20px;
    }
    .service-opt-wrapper {
        gap: 35px;
    }
    .btn-all-opt {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
        padding-top: unset;
        justify-content: center;
    }
    .page-template-hire-developer h2.page-title {
        width: 90%;
    }
    .hd_process_wrapper .left .wrapper {
        width: 100%;
    }
    .hiring-steps-v2 .step .info {
        margin-bottom: 10px;
    }
    /* .screen-card {
        margin: 0 10px;
    } */
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 35px;
        line-height: 1;
        opacity: 1;
        color: #ec7323;
        box-shadow: unset;
        padding: unset;
        border-radius: 50%;
        display: block;
        width: 28px;
        height: 28px;
    }
    .mobile-screen-cards .slick-prev {
        top: 50%;
        left: -47px;
    }
    .mobile-screen-cards .slick-next {
        top: 50%;
        right: -30px;
    }
    #mega-menu-wrap-menu-1:has(.mega-menu-open) #mega-menu-menu-1[data-effect-mobile^="slide_left"]+button.mega-close {
        right: 0 !important;
    }
    .service_details.v2 {
        padding: 50px 0;
    }
}

@media(max-width:1399px) {
    .main-services .row {
        width: 100%;
    }
    .time-sec .container-fluid {
        width: 100%;
    }
    .container-fluid.c_width {
        width: 100%;
    }
    .service-opt-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 1799px) and (min-width: 1600px) {
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 21px;
        padding: 50px 10px;
    }
    .review-content {
        padding: 35px 35px 30px 35px;
        height: 100%;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 96px;
    }
    .hero-video-sec .hero-video {
        max-width: 69vw;
    }
    .about-grid .card-4 {
        padding: 30px 18px 0;
    }
    .industries-slider .a-industry {
        padding: 14px 14px;
        font-size: 14px;
    }
    .au-cards .counter-up-wrap {
        gap: 24px;
        padding: 20px 30px;
    }
    .au-cards .counter {
        font-size: 30px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3 {
        gap: 25px;
    }
    .fs-grid .fs-title {
        font-size: 26px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 384px;
    }
    .fs-cta-title {
        font-size: 34px;
        margin: 0 auto 50px;
    }
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 25px;
    }
    .fc-cards.card-4 {
        min-height: 330px;
    }
    .fc-grid .fs-title {
        font-size: 26px;
    }
    .fc-cards.card-4 .card-4-wrap {
        gap: 65px;
        padding-left: 30px;
    }
    .fc-cta-title {
        font-size: 34px;
        margin: 0 auto 50px;
    }
    .m-col-1 .tile {
        width: 170px;
        height: 170px;
    }
    .m-col-2 .tile {
        width: 140px;
        height: 140px;
    }
    .m-col-3 .tile {
        width: 110px;
        height: 110px;
    }
    .step-slider .step-label {
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-title {
        font-size: 54px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1599px) and (min-width: 1400px) {
    .main-header nav ul li {
        margin: 0 30px 0 0;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
        padding: 8px 15px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a {
        padding: 15px 20px !important;
    }
    .header-logo img {
        max-width: 175px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 18px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 32px;
    }
    .main-header nav ul li a {
        font-size: 16px !important;
    }
    .hero_wrapper h1.big-title {
        font-size: 72px;
    }
    .hero_wrapper p.desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 65px;
    }
    .about_wrapper .content_wrapper {
        padding: 50px 50px 50px 40px;
    }
    .about-us .section-title {
        font-size: 44px;
    }
    .section-title {
        font-size: 52px;
    }
    .about_wrapper .section-title {
        font-size: 44px;
    }
    .about-us .section-desc {
        margin-top: 10px;
    }
    .section-desc {
        margin-top: 0;
    }
    .counter_wrapper .counter {
        font-size: 90px;
    }
    .counter_wrapper p {
        font-size: 27px;
    }
    .about_wrapper video.abt-video {
        height: 575px;
    }
    #services .service_wrapper {
        min-height: 741px;
    }
    #services .tab-content .title {
        font-size: 82px;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 40px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 18px;
    }
    #portfolio .section-title {
        font-size: 90px;
    }
    .process-slider .slick-slide .wrapper {
        padding: 15px;
        min-height: 410px;
    }
    .process-slider .slick-slide {
        margin: 0 25px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 30px;
        font-weight: 700;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 20px;
    }
    .process-slider .slick-slide .pro-number {
        font-size: 170px;
        bottom: 49px;
    }
    .slick-prev {
        left: -15px;
    }
    .slick-next {
        right: 40px;
    }
    #hire-dev .hire_wrapper {
        padding: 50px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 72px;
        margin-bottom: 25px;
    }
    .hire_wrapper .section-desc {
        font-size: 19px;
        line-height: 1.5;
    }
    .hiring-steps li:nth-child(odd)::before {
        right: -35px;
    }
    .hiring-steps li:nth-child(even)::before {
        left: -10px;
        transform: unset;
    }
    .blog-info .info .blog-title {
        font-size: 19px;
        margin-bottom: 12px;
    }
    .bg_wrapper .logo-video-container {
        width: 525px;
        height: 425px;
    }
    .shape img {
        left: -1px;
        top: -1px;
        width: 527px;
        height: 427px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 20px 20px 20px 20px;
    }
    /* .founders .f-cards {
        max-width: 1300px;
    } */
    .founder_wrapper img {
        /* max-width: 250px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .f-info .design {
        margin-top: 10px;
    }
    .founders .f-info .name {
        margin-top: 5px;
    }
    .founders .f-info .desc {
        margin-top: 15px;
    }
    .promise .light_bg_wrapper {
        padding: 50px;
    }
    .promise .section-title {
        font-size: 58px;
    }
    .promises_wrapper {
        padding: 25px;
    }
    .promises_wrapper .number {
        margin-bottom: 20px;
    }
    .promises_wrapper .title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .contact_wrapper {
        padding: 70px;
    }
    .time-sec .container-fluid {
        width: 100%;
    }
    /* .logo_wrapper {
        position: absolute;
        bottom: -5px;
        right: -475px;
        z-index: 10;
    }
    .logo-img {
        width: 65%;
    } */
    .why-dezdok .why_dezdok_wrapper {
        padding: 60px 40px;
    }
    .why-dezdok.v2 .wd_wrapper {
        padding: 30px 20px;
    }
    .process .process_title {
        padding: 25px 30px 25px 30px;
    }
    .ser_title {
        font-size: 58px;
    }
    .tech-grid span {
        flex: 0 0 17%;
    }
    .service-opt-wrapper {
        width: 100%;
    }
    .benefits-rd .container-fluid,
    .dev-flow .container-fluid {
        width: 90%;
    }
    .hire-cta-sec-bg-img .inner-content .content-side .cta-btn {
        margin-top: 60px;
    }
    .screen-card {
        padding: 90px 35px 30px;
    }
    .page-template-service-custom-wordpress-dev-template .cta-sec-bg-wrapper .page-title {
        width: 85%;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 18px;
        padding: 40px 5px;
    }
    .b-grid .g-card .content-wrap {
        padding: 30px 30px 0 30px;
    }
    .b-grid .g-card .title {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 18px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 190px;
    }
    .b-grid .g-card-2 img {
        max-width: 290px;
    }
    .b-grid .g-card-4 img {
        max-width: 100px;
    }
    .b-grid .g-card-5 img {
        max-width: 75px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 19px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 20px 40px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 35px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 36px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        padding: 8px 20px 8px 20px;
    }
    .review-content {
        padding: 30px 30px 20px 30px;
        height: 100%;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 96px;
    }
    .hero-video-sec .hero-video {
        max-width: 68vw;
    }
    .service_details.v2 {
        padding: 70px 0;
    }
    .container-fluid.c_width-2 {
        width: 90%;
    }
    .hero-text-img-wrap {
        font-size: 72px;
        line-height: 90px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 26px;
    }
    .about-grid .card-4 {
        padding: 30px 18px 0;
    }
    .industries-slider .a-industry {
        padding: 14px 14px;
        font-size: 14px;
    }
    .au-cards .counter-up-wrap {
        gap: 24px;
        padding: 20px 30px;
    }
    .au-cards .counter {
        font-size: 30px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3 {
        gap: 25px;
    }
    .fs-grid .fs-title {
        font-size: 26px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 384px;
    }
    .fs-cta-title {
        font-size: 34px;
        margin: 0 auto 50px;
    }
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 25px;
    }
    .fc-cards.card-4 {
        min-height: 330px;
    }
    .fc-grid .fs-title {
        font-size: 26px;
    }
    .fc-cards.card-4 .card-4-wrap {
        gap: 65px;
        padding-left: 30px;
    }
    .fc-cta-title {
        font-size: 34px;
        margin: 0 auto 50px;
    }
    .m-col-1 .tile {
        width: 160px;
        height: 160px;
    }
    .m-col-2 .tile {
        width: 130px;
        height: 130px;
    }
    .m-col-3 .tile {
        width: 100px;
        height: 100px;
    }
    .step-slider .step-label {
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-title {
        font-size: 54px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .main-header nav ul li {
        margin: 0 30px 0 0;
    }
    .header-logo img {
        max-width: 160px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
        padding: 8px 5px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.menu-last-btn a {
        font-size: 16px !important;
        padding: 12px 15px !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
        margin-right: 18px;
    }
    .main-header nav ul li a {
        font-size: 16px !important;
    }
    .section-title.th-border::after {
        border: 2px solid #FC6A03;
    }
    .hero_wrapper .content_wrapper {
        width: 100%;
    }
    .hero_wrapper h1.big-title {
        font-size: 60px;
        margin-bottom: 20px;
    }
    .hero_wrapper p.desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 45px;
    }
    .about_wrapper .content_wrapper {
        padding: 30px 23px;
    }
    .about_wrapper .section-title {
        font-size: 40px;
    }
    .about-us .section-title {
        font-size: 36px;
    }
    .about-us .section-desc {
        margin-top: 15px;
    }
    .section-title {
        font-size: 51px;
    }
    .counter_wrapper .counter {
        font-size: 80px;
    }
    .counter_wrapper p {
        font-size: 21px;
    }
    .about_wrapper video.abt-video {
        height: 500px;
    }
    #services .tabs-container-wrapper .tabs-container {
        margin: 20px auto 50px;
    }
    #services .service_wrapper {
        min-height: 706px;
    }
    #services .content {
        padding: 0 15px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 88%;
    }
    #services .tab-content .title {
        font-size: 70px;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 18px;
        margin-bottom: 20px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 17px;
    }
    #services.service_v2 .tab {
        margin: 15px 15px 15px 15px;
        padding: 15px 20px;
    }
    #portfolio .section-title {
        font-size: 80px;
    }
    .process-slider .slick-slide .wrapper {
        padding: 15px;
        min-height: 386px;
    }
    .process-slider .slick-slide {
        margin: 0 20px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 25px;
        font-weight: 700;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 18px;
    }
    .process-slider .slick-slide .pro-number {
        font-size: 150px;
        bottom: 42px;
    }
    .slick-prev {
        left: -15px;
    }
    .slick-next {
        right: 35px;
    }
    #hire-dev .hire_wrapper {
        padding: 50px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 60px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hiring-steps li:nth-child(odd)::before {
        right: -35px;
    }
    .hiring-steps li:nth-child(even)::before {
        left: -10px;
        transform: unset;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 40px;
    }
    .bg_wrapper .logo-video-container {
        width: 450px;
        height: 350px;
    }
    .shape img {
        left: -1px;
        top: -1px;
        width: 452px;
        height: 352px;
    }
    .footer {
        padding: 0 70px;
    }
    .intro_bg_wrapper {
        height: 550px;
    }
    h1.page-sub-title {
        font-size: 30px;
    }
    h2.page-title {
        font-size: 72px;
    }
    .page-desc {
        width: 70%;
        font-size: 20px;
        margin-top: 15px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 30px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 20px 20px 20px 20px;
    }
    .section-desc {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 30px;
    }
    /* .founders .f-cards {
        max-width: 1100px;
    } */
    .founder_wrapper img {
        /* max-width: 200px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .f-info .design {
        font-size: 16px;
        margin-top: 10px;
    }
    .founders .f-info .name {
        margin-top: 5px;
    }
    .founders .f-info .desc {
        font-size: 16px;
        margin-top: 15px;
    }
    .founders .f-info .socials i {
        font-size: 40px;
    }
    .promise .light_bg_wrapper {
        padding: 50px;
    }
    .promise .section-title {
        font-size: 52px;
    }
    .promises_wrapper {
        padding: 25px;
    }
    .promises_wrapper .number {
        margin-bottom: 20px;
    }
    .promises_wrapper .title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .contact_wrapper {
        padding: 50px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 52px;
        margin-bottom: 65px;
    }
    .contact_wrapper .c-info .info {
        gap: 15px;
        margin-bottom: 20px;
    }
    .c-info .info .detail {
        font-size: 23px;
    }
    .contact-social-section {
        padding: 120px 70px;
    }
    .contact-social-section h4 {
        font-size: 54px;
    }
    .contact-social-section ul li svg {
        height: 40px;
    }
    .contact-social-section ul li:after {
        top: 18px;
    }
    .first_blog_wrapper,
    .blog_wrapper {
        padding: 0 15px;
    }
    .error404 .error-sec {
        margin: 125px 0 150px;
    }
    .time-sec .clock {
        min-height: 10em;
        min-width: 10em;
    }
    .time-sec .hour {
        height: 6em;
        width: 6em;
    }
    .time-sec .min {
        height: 7.5em;
        width: 7.5em;
    }
    .time-sec .sec {
        height: 8.5em;
        width: 8.5em;
    }
    .clock_wrap h3 {
        font-size: 42px;
        margin-left: 38px;
    }
    .time-sec .simpl-desc {
        font-size: 20px;
    }
    .highlight_content h4 {
        font-size: 22px;
    }
    .highlight_content p {
        font-size: 18px;
    }
    .why-dezdok .why_dezdok_wrapper {
        padding: 60px 20px;
    }
    .why-dezdok.v2 .wd_wrapper {
        padding: 25px 20px;
    }
    .process .process_title {
        padding: 25px 25px 25px 25px;
    }
    .service_detail_hero .content {
        margin: 65px 0 45px;
    }
    .service_detail_hero .section-title {
        font-size: 70px;
    }
    .service_detail_hero .logo-img {
        width: 40%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -10px;
        right: -620px;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 500px;
    }
    .ser_title {
        font-size: 52px;
    }
    .simple-desc {
        font-size: 18px;
    }
    .service-detail .ser-card {
        padding: 10px;
    }
    .tech-grid span {
        flex: 0 0 13%;
    }
    .process_content_wrapper {
        padding: 40px;
    }
    .process_content_wrapper .title {
        font-size: 28px;
    }
    .service-opt {
        padding: 30px 20px;
    }
    .service-title {
        font-size: 34px;
    }
    .service-opt ul.service-pointer li {
        font-size: 18px;
        padding-left: 23px;
    }
    .service-opt ul.service-pointer li::before {
        width: 17px;
        height: 17px;
    }
    .service-opt ul.service-pointer li::after {
        left: 7px;
        width: 4px;
        height: 8px;
    }
    .current-openings-wrapper {
        padding: 100px 30px;
    }
    .all-portfolio {
        margin: 160px 0 100px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 70px;
    }
    .ben-card .benefit_wrapper {
        padding: 30px 25px;
    }
    .benefit_wrapper .title {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .benefit_wrapper .desc ul li {
        font-size: 18px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side .cta-btn {
        margin-top: 40px;
    }
    .industry-list .industry img {
        width: 70px;
    }
    .mobile-screens-cards .wrapper.light-col-bg {
        padding: 70px;
        padding-bottom: unset;
    }
    .screen-card {
        padding: 90px 30px 20px;
    }
    .screen-card .icon img {
        width: 40px;
    }
    .mobile-screens-cards .screen-card h3 {
        font-size: 20px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 15px;
    }
    .flow-content h3 {
        font-size: 30px;
    }
    .page-template-service-custom-wordpress-dev-template .cta-sec-bg-wrapper .page-title {
        width: 85%;
    }
    .simple-intro-sec {
        margin: 150px 0 100px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 70px;
    }
    .simp-opt-card-wrapper {
        padding: 30px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-hours {
        font-size: 80px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 15px;
        padding: 30px 5px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 17px;
    }
    .b-grid .g-card .content-wrap {
        padding: 30px 30px 0 30px;
    }
    .b-grid .g-card .title {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 17px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 160px;
    }
    .b-grid .g-card-2 img {
        max-width: 250px;
    }
    .b-grid .g-card-4 img {
        max-width: 90px;
    }
    .b-grid .g-card-5 img {
        max-width: 70px;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -200px;
        margin-bottom: 200px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 39px;
        margin-bottom: 30px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 18px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 15px 30px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 30px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 32px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 17px;
        margin-bottom: 30px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 15px;
        padding: 8px 20px 8px 20px;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        font-size: 36px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 32px;
        margin: 15px 0 35px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 19px;
        margin-bottom: 30px;
    }
    .review-content {
        padding: 25px 25px 20px 25px;
        height: 100%;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 17px;
        margin: 30px 0 30px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 30px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 96px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-sub-title {
        font-size: 24px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 36px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-desc {
        font-size: 17px;
        max-width: 450px;
    }
    .key-points-wrap {
        gap: 12px;
    }
    .key-points {
        font-size: 13px;
        padding: 8px 14px;
    }
    .hero-video-sec .hero-video {
        max-width: 65vw;
        object-fit: contain;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap nav.breadcrumb {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .service_details.v2 {
        padding: 60px 0;
    }
    .hero-text-img-wrap {
        font-size: 62px;
        line-height: 76px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 24px;
    }
    .about-grid .card-4 {
        padding: 20px 18px 0;
    }
    .au-cards.card-4 .industries-slider {
        max-height: 240px;
    }
    .industries-slider .a-industry {
        padding: 13px;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .industries-slider .a-industry img {
        max-width: 18px;
    }
    .au-cards .counter-up-wrap {
        gap: 20px;
        padding: 18px 24px;
    }
    .au-cards .counter {
        font-size: 26px;
    }
    .au-title-o {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .fs-cards {
        padding: 38px 18px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3 {
        gap: 25px;
    }
    .fs-grid .fs-title {
        font-size: 24px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 356px;
    }
    .fs-cta-title {
        font-size: 32px;
        margin: 0 auto 50px;
    }
    .fs-desc {
        font-size: 19px;
        padding-right: 30px;
    }
    .fc-cards {
        padding: 38px 18px;
    }
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 25px;
    }
    .fc-cards.card-4 {
        min-height: 330px;
    }
    .fc-grid .fs-title {
        font-size: 24px;
    }
    .fc-cards.card-4 .card-4-wrap {
        gap: 55px;
        padding-left: 25px;
    }
    .fc-cta-title {
        font-size: 32px;
        margin: 0 auto 50px;
    }
    .wwdb-flex-cols {
        gap: 50px;
    }
    .m-col-1 .tile {
        width: 160px;
        height: 160px;
    }
    .m-col-2 .tile {
        width: 130px;
        height: 130px;
    }
    .m-col-3 .tile {
        width: 100px;
        height: 100px;
    }
    .step-slider .step.active {
        width: calc(100% - 200px * 3);
    }
    .step-slider .step {
        width: 225px;
    }
    .step-slider .preview-content {
        font-size: 20px;
    }
    .step-slider .step-label {
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-title {
        font-size: 54px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .section-title.th-border::after {
        border: 2px solid #FC6A03;
        width: 80%;
        bottom: 7px;
        right: -50px;
    }
    .main-header .nav-item a.nav-link {
        font-size: 16px;
        font-weight: 500;
        color: #757575;
        padding: 8px 10px;
        border-radius: 10px;
    }
    .hero_wrapper {
        padding: 60px 30px;
    }
    .hero_wrapper .content_wrapper {
        width: 100%;
    }
    .hero_wrapper h3.title {
        font-size: 34px;
    }
    .hero_wrapper h1.big-title {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .hero_wrapper p.desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 40px;
    }
    .about_wrapper .content_wrapper {
        padding: 30px 15px;
    }
    .about_wrapper .section-title {
        font-size: 33px;
        margin-bottom: 20px;
    }
    .about-us .section-title {
        font-size: 30px;
    }
    .section-title {
        font-size: 42px;
    }
    .section-desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 20px 15px;
    }
    .counter_wrapper .counter {
        font-size: 56px;
    }
    .counter_wrapper p {
        font-size: 16px;
    }
    .about_wrapper video.abt-video {
        height: 450px;
    }
    #services .tabs-container-wrapper .tabs-container {
        margin: 20px auto 50px;
    }
    #services .service_wrapper {
        min-height: 681px;
    }
    #services .tab {
        padding: 15px 20px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 86%;
    }
    #services .tab-content .title {
        font-size: 56px;
    }
    #services .content {
        padding: 0;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 16px;
    }
    #services .details_wrapper ul.pointers li {
        margin-bottom: 5px;
    }
    #services.service_v2 .tab {
        margin: 15px 20px 15px 20px;
        padding: 15px 20px;
    }
    #services.service_v2 .content {
        padding: 15px 0;
    }
    #portfolio .section-title {
        font-size: 70px;
    }
    #portfolio .portfolio-item .p-detail h6 {
        font-size: 24px;
    }
    .techs .continue-slider {
        gap: 20px;
    }
    .process-slider .slick-slide .wrapper {
        padding: 20px;
        min-height: 420px;
    }
    .slick-prev {
        top: 50%;
    }
    .slick-next {
        top: 50%;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 30px;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 20px;
    }
    #hire-dev .hire_wrapper {
        padding: 40px;
    }
    .hire_wrapper .content_wrapper {
        width: 90%;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hiring-steps li:nth-child(odd)::before {
        right: -35px;
    }
    .hiring-steps li:nth-child(even)::before {
        left: -10px;
        transform: unset;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 25px;
    }
    .hiring-steps li:nth-child(odd)::before,
    .hiring-steps li:nth-child(even)::before {
        font-size: 18px;
    }
    .bg_wrapper .logo-video-container {
        width: 375px;
        height: 275px;
    }
    .shape img {
        left: -1px;
        top: -1px;
        width: 377px;
        height: 277px;
    }
    .point {
        max-width: 395px;
    }
    .point .point-content h4 {
        font-size: 30px;
    }
    .point .point-content p {
        font-size: 18px;
    }
    .footer {
        padding: 0 50px;
    }
    .footer_middle .nav a,
    .footer_middle .info a {
        font-size: 20px;
    }
    .subscribe {
        max-width: 240px;
    }
    .footer_lower .socials {
        gap: 8px;
    }
    .footer_lower .socials a,
    .footer_lower .upper .info,
    .footer_lower .rights {
        font-size: 15px;
    }
    .intro_bg_wrapper {
        height: 500px;
    }
    /* .page-template-hire-developer .intro_bg_wrapper {
        height: 600px;
    } */
    h1.page-sub-title {
        font-size: 30px;
    }
    h2.page-title {
        font-size: 72px;
    }
    .page-desc {
        width: 70%;
        font-size: 18px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 30px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 15px;
    }
    .section-desc {
        margin-top: 20px;
    }
    .founders .founder_wrapper {
        padding: 15px;
        gap: 15px;
    }
    .founder_wrapper img {
        /* max-width: 175px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .f-info .design {
        font-size: 14px;
        margin-top: 10px;
    }
    .founders .f-info .name {
        font-size: 20px;
        margin-top: 5px;
    }
    .founders .f-info .desc {
        font-size: 15px;
        margin-top: 10px;
    }
    .founders .f-info .socials i {
        font-size: 36px;
    }
    .promise .light_bg_wrapper {
        padding: 30px;
    }
    .promise .section-title {
        font-size: 46px;
    }
    .promises_wrapper {
        padding: 15px;
    }
    .promises_wrapper .number {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .promises_wrapper .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .promises_wrapper .desc {
        font-size: 18px;
    }
    .contact_wrapper {
        padding: 30px;
    }
    .contact_wrapper .c-info .info {
        gap: 10px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 46px;
        margin-bottom: 40px;
    }
    .contact_wrapper .c-info .info .icon {
        padding: 10px;
    }
    .c-info .info .detail {
        font-size: 20px;
    }
    .form .wrapper {
        padding: 30px 30px 0;
    }
    .form .form-label {
        font-size: 20px;
    }
    .form input.form-control {
        height: 40px;
    }
    /* section#faq {
        margin-bottom: 0;
    } */
    .marquee {
        height: 150px;
    }
    .marquee span {
        font-size: 100px;
    }
    .h-founder_wrapper {
        padding: 40px 50px;
        gap: 35px;
    }
    .contact-social-section {
        padding: 100px 70px;
    }
    .contact-social-section h4 {
        font-size: 46px;
    }
    .contact-social-section ul li svg {
        height: 30px;
    }
    .contact-social-section ul li:after {
        top: 14px;
    }
    .team-container h2 {
        font-size: 24px;
    }
    .team-container p.t_design,
    p.t_design {
        font-size: 17px;
    }
    .team-container p.show_bio a {
        font-size: 16px;
    }
    .first_blog_wrapper .blog-title a {
        font-size: 45px;
    }
    .first_blog_wrapper .blog_by-date a.author,
    .first_blog_wrapper .blog_by-date .blog_date {
        font-size: 18px;
    }
    .blog-title a {
        font-size: 22px;
    }
    .blog-description {
        font-size: 18px;
    }
    .error404 .error-sec {
        margin: 125px 0 150px;
    }
    .time-sec .clock {
        min-height: 10em;
        min-width: 10em;
    }
    .time-sec .hour {
        height: 6em;
        width: 6em;
    }
    .time-sec .min {
        height: 7.5em;
        width: 7.5em;
    }
    .time-sec .sec {
        height: 8.5em;
        width: 8.5em;
    }
    .clock_wrap h3 {
        font-size: 34px;
        margin-left: 25px;
    }
    .time-sec .simpl-desc {
        font-size: 18px;
    }
    .ser-card {
        padding: 25px;
    }
    .ser-card h2.ser-title {
        font-size: 24px;
    }
    .ser-card .ser-desc {
        font-size: 18px;
    }
    .highlight_content h4 {
        font-size: 22px;
    }
    .highlight_content p {
        font-size: 18px;
    }
    .process .process_title {
        padding: 25px 15px 25px 15px;
        font-size: 24px;
    }
    .service_detail_hero .content {
        margin: 50px 0 35px;
    }
    .service_detail_hero .section-sub-title {
        font-size: 28px;
    }
    .service_detail_hero .section-title {
        font-size: 60px;
    }
    .service_detail_hero .section-desc {
        width: 70%;
    }
    .service_detail_hero .logo-img {
        width: 35%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -10px;
        right: -655px;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 450px;
    }
    .ser_title {
        font-size: 42px;
    }
    .simple-desc {
        font-size: 16px;
    }
    .service-detail .ser-card {
        padding: 10px;
    }
    .tech-grid span {
        padding: 0;
        flex: 0 0 16%;
    }
    .process_content_wrapper {
        padding: 30px;
    }
    .process_content_wrapper .title {
        font-size: 24px;
    }
    .process_content_wrapper .desc,
    .process_content_wrapper .process_pointers {
        font-size: 16px;
    }
    ol.process_pointers li::before {
        font-size: 1.3rem;
    }
    .service-opt {
        padding: 25px 15px;
    }
    .service-title {
        font-size: 30px;
    }
    .service-opt ul.service-pointer li {
        font-size: 18px;
        padding-left: 23px;
    }
    .service-opt ul.service-pointer li::before {
        width: 17px;
        height: 17px;
    }
    .service-opt ul.service-pointer li::after {
        left: 6.5px;
        width: 4px;
        height: 8px;
    }
    .current-openings-wrapper {
        padding: 100px 10px;
    }
    .current-openings .accordion-body .cf7-form .upload-cv label {
        top: 53px;
        width: 85%;
    }
    .all-portfolio {
        margin: 160px 0 100px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 60px;
    }
    .ben-card .benefit_wrapper {
        padding: 20px 15px;
    }
    .benefit_wrapper .title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .benefit_wrapper .desc ul li {
        font-size: 18px;
    }
    .hiring-steps-v2 .step .dot {
        margin-right: 30px;
    }
    .hd-p-content .title {
        font-size: 36px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side h2 {
        font-size: 32px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side .cta-btn {
        margin-top: 25px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(1) {
        margin-left: 0px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(2) {
        margin-left: 10px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(3) {
        margin-left: -4px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(4) {
        margin-left: -30px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side p {
        font-size: 18px;
    }
    .industry-list .industry img {
        width: 60px;
    }
    .mobile-screens-cards .wrapper.light-col-bg {
        padding: 50px;
        padding-bottom: unset;
    }
    .benefits-rd .tech-logo {
        max-width: 300px;
    }
    .flow-content {
        padding: 30px;
        gap: 0;
    }
    .flow-content h3 {
        font-size: 28px;
    }
    .flow-number {
        width: 75px;
        height: 100px;
    }
    .flow-number span {
        font-size: 40px;
    }
    .flow-number::before {
        top: -35px;
        right: -35px;
        width: 80px;
        height: 80px;
    }
    .page-template-service-custom-wordpress-dev-template .cta-sec-bg-wrapper .page-title {
        width: 95%;
    }
    .slick-slide {
        margin: 0 10px;
    }
    .screen-card {
        padding: 65px 40px 20px;
        max-width: 425px;
        margin: 0 auto;
    }
    .mobile-screens-cards .screen-card .icon img {
        width: 50px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 18px;
    }
    .mobile-screen-cards .slick-prev {
        left: -27px;
    }
    .mobile-screen-cards .slick-next {
        right: -14px;
    }
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 34px;
        width: 30px;
        height: 29px;
    }
    .simple-intro-sec {
        margin: 150px 0 100px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 50px;
    }
    .simp-opt-card-wrapper {
        padding: 25px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-hours {
        font-size: 70px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-title {
        font-size: 26px;
    }
    .stats-slider .counter_wrapper .counter-title {
        font-size: 18px;
    }
    .why-dezdok.v3 .why_dezdok_wrapper {
        padding: 60px 25px;
    }
    .why-dezdok.v3 ul.nav-pills {
        gap: 2px;
        margin-bottom: 60px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        gap: 5px;
        font-size: 14px;
        padding: 30px 0px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        max-width: 85%;
        min-height: 96px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 16px;
    }
    .b-grid .g-card .content-wrap {
        padding: 23px 23px 0 23px;
    }
    .b-grid .g-card .title {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 140px;
    }
    .b-grid .g-card-2 img {
        max-width: 210px;
    }
    .b-grid .g-card-4 img {
        max-width: 80px;
        margin-right: 55px;
    }
    .b-grid .g-card-5 img {
        max-width: 65px;
    }
    .service_detail_hero.v2 {
        padding: 125px 0 200px;
    }
    .service_detail_hero.v2 .section-title {
        font-size: 60px;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -140px;
        margin-bottom: 100px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 17px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 12px 24px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 25px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 28px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 15px;
        padding: 8px 20px 8px 20px;
    }
    .v2 .cta-sec-bg-wrapper {
        max-height: 375px;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        font-size: 30px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 28px;
        margin: 15px 0 30px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .read-more-btn {
        font-size: 18px;
    }
    .review-content {
        padding: 20px 20px 15px 20px;
        height: 100%;
    }
    .review-slider-v2 .review-item .review-img {
        max-width: 200px;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 16px;
        margin: 15px 0 15px;
    }
    .review-slider-v2 .owl-nav button span {
        width: 50px;
        height: 50px;
    }
    .a-v-portfolio .portfolio-content {
        padding: 12px 5px 12px 5px;
    }
    .a-v-portfolio .portfolio-content .cat-name {
        font-size: 13px;
        margin-bottom: 12px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 24px;
    }
    .a-v-portfolio .portfolio-content .p-desc {
        font-size: 14px;
    }
    .portfolio-link {
        padding: 2px 12px;
        font-size: 13px;
    }
    .a-v-portfolio .dev-type .dev-type-wrap .dev-type-link {
        padding: 4px 12px;
        font-size: 12px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-sub-title {
        font-size: 22px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-desc {
        font-size: 16px;
        max-width: 400px;
        margin-top: 20px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content {
        margin: 0 0 30px;
    }
    .key-points-wrap {
        gap: 8px;
        margin-bottom: 35px;
    }
    .key-points {
        font-size: 12px;
        padding: 7px 11px;
    }
    .hero-video-sec .hero-video {
        max-width: 65vw;
        object-fit: contain;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap nav.breadcrumb {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .hero-text-img-wrap {
        font-size: 50px;
        line-height: 70px;
    }
    .hero-text-img-wrap img {
        max-width: 150px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 20px;
    }
    .about-grid {
        gap: 20px;
    }
    .about-grid .au-cards {
        border-radius: 18px;
    }
    .about-grid .card-4 {
        padding: 20px 10px 0;
    }
    .about-grid .card-5 {
        padding: 20px 40px;
    }
    .about-grid .card-7 {
        padding: 20px 24px 15px;
    }
    .au-cards.card-4 .industries-slider {
        max-height: 220px;
    }
    .industries-slider .a-industry {
        padding: 10px 12px;
        font-size: 10px;
        margin-bottom: 7px;
    }
    .industries-slider .a-industry img {
        max-width: 15px;
    }
    .au-cards .counter-up-wrap {
        gap: 20px;
        padding: 16px 18px;
    }
    .au-cards .counter {
        font-size: 26px;
    }
    .au-title-o {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .au-cards .a-z-title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .au-cards .a-z-desc {
        font-size: 14px;
    }
    .au-cards .all-counter_wrapper {
        padding: 20px 24px;
        gap: 10px;
    }
    .au-cards .stats-img {
        max-width: 230px;
        border-radius: 18px;
    }
    .au-cards .counter-hours {
        font-size: 42px;
    }
    .fs-grid {
        gap: 20px;
    }
    .fs-cards {
        padding: 25px 12px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3 {
        gap: 18px;
    }
    .fs-cards .img-n-desc {
        max-width: 65px;
    }
    .fs-grid .fs-title {
        font-size: 20px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 294px;
    }
    .fs-cta-title {
        font-size: 28px;
        margin: 0 auto 40px;
    }
    .fs-desc {
        font-size: 16px;
        padding-right: 20px;
    }
    .fc-grid {
        gap: 20px;
    }
    .fc-cards {
        padding: 25px 12px;
    }
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 18px;
    }
    .fc-cards .img-n-desc {
        max-width: 65px;
    }
    .fc-cards.card-4 {
        min-height: 280px;
    }
    .fc-grid .fs-title {
        font-size: 20px;
    }
    .fc-cards.card-4 .card-4-wrap {
        gap: 40px;
        padding-left: 20px;
    }
    .fc-cards.card-4 img.fc-img {
        max-width: 280px;
    }
    .fc-desc {
        font-size: 18px;
    }
    .fc-cta-title {
        font-size: 28px;
        margin: 0 auto 40px;
    }
    .white-btn {
        padding: 14px 30px;
        font-size: 17px;
    }
    .wwdb-flex-cols {
        gap: 15px;
    }
    .a-wwdb-f-col {
        flex: 1 1 calc(33.33% - 15px);
    }
    .a-wwdb-title {
        font-size: 26px;
        margin: 18px 0 16px;
    }
    .a-wwdb-list li {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .wcz-grid {
        gap: 20px;
    }
    .wcz-cards {
        padding: 18px;
    }
    .wcz-grid .wcz-title.big {
        font-size: 50px;
    }
    .wcz-grid .wcz-title {
        font-size: 26px;
    }
    .z-credit-box {
        padding: 20px;
    }
    .z-credit-desc {
        font-size: 11px;
    }
    .n-hire-dev-wrapper {
        gap: 80px;
    }
    .v-marquee-wrap {
        gap: 25px;
        height: 500px;
    }
    .m-col-1 .tile {
        width: 145px;
        height: 145px;
    }
    .m-col-2 .tile {
        width: 120px;
        height: 120px;
    }
    .m-col-3 .tile {
        width: 90px;
        height: 90px;
    }
    .step-slider {
        height: 580px;
    }
    .step-slider .step.active {
        width: calc(100% - 160px * 3);
        padding: 25px 20px 25px 50px;
    }
    .step-slider .step {
        width: 185px;
        padding: 25px 20px 25px 50px;
    }
    .step-slider .step:nth-child(1).active {
        padding: 25px 20px;
    }
    .step-slider .preview-content {
        font-size: 20px;
    }
    .step-slider .step-label {
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-title {
        font-size: 48px;
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-desc {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .section-title.th-border::after {
        border: 2px solid #FC6A03;
    }
    .main-header .nav-item a.nav-link {
        font-size: 16px;
        font-weight: 500;
        color: #757575;
        padding: 8px 10px;
        border-radius: 10px;
    }
    .hero_wrapper {
        padding: 40px 30px;
    }
    .hero_wrapper h3.title {
        font-size: 34px;
    }
    .hero_wrapper h1.big-title,
    h1.banner_title {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .hero_wrapper p.desc,
    .banner_center .banner_patch .banner_para {
        font-size: 18px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 40px;
    }
    #hero .img-content .img_wrapper {
        text-align: center;
    }
    #hero .img-content .img_wrapper img {
        width: fit-content;
        max-height: 350px;
    }
    .section-title {
        font-size: 42px;
    }
    .section-desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .about_wrapper .content_wrapper {
        padding: 30px 15px;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 20px 15px;
    }
    .counter_wrapper {
        padding: 15px;
        text-align: center;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }
    .counter_wrapper .counter {
        font-size: 46px;
    }
    .counter_wrapper p {
        font-size: 16px;
    }
    .about_wrapper video.abt-video {
        height: 450px;
    }
    #services .service_wrapper {
        min-height: 735px;
    }
    #services .tab {
        padding: 15px 20px;
        font-size: 17px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 82%;
        margin: 20px auto 40px;
    }
    #services .tab-content .title {
        font-size: 56px;
    }
    #services .content {
        padding: 0 20px;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 16px;
    }
    #services .details_wrapper ul.pointers li {
        margin-bottom: 5px;
    }
    #portfolio .section-title {
        font-size: 72px;
    }
    #portfolio .portfolio-item .p-detail h6 {
        font-size: 20px;
    }
    .techs .continue-slider {
        gap: 20px;
    }
    .process-slider .slick-slide .wrapper {
        padding: 20px;
        min-height: 401px;
    }
    .slick-prev {
        top: 50%;
        left: -12px;
    }
    .slick-next {
        top: 50%;
        right: 13px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 30px;
    }
    .process-slider .slick-slide .pro-info {
        margin-bottom: 20px;
    }
    .process-slider .pro-pointer ul {
        padding-left: 23px;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 18px;
    }
    .process-slider .slick-slide .pro-number {
        font-size: 150px;
        right: -25px;
        bottom: 42px;
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 25px;
        padding: 10px;
    }
    #hire-dev .hire_wrapper {
        padding: 40px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hiring-steps li:nth-child(odd)::before {
        right: -136px;
    }
    .hiring-steps li:nth-child(even)::before {
        left: -85px;
        transform: unset;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 25px;
    }
    .hiring-steps li:nth-child(odd)::before,
    .hiring-steps li:nth-child(even)::before {
        font-size: 18px;
    }
    .bg_wrapper .logo-video-container {
        width: 375px;
        height: 275px;
    }
    .shape img {
        left: -1px;
        top: -1px;
        width: 377px;
        height: 277px;
    }
    .point .point-content h4 {
        font-size: 30px;
    }
    .point .point-content p {
        font-size: 18px;
    }
    .footer {
        padding: 0 40px;
    }
    .footer_upper {
        padding: 50px 0 50px;
    }
    .footer_middle {
        padding: 50px 0 60px;
    }
    .f-title {
        font-size: 17px;
        margin-bottom: 25px;
    }
    .footer_middle .nav {
        gap: 15px;
    }
    .footer_middle .nav a,
    .footer_middle .info a {
        font-size: 18px;
    }
    .subscribe {
        max-width: 220px;
    }
    .footer_lower .upper {
        padding-bottom: 35px;
    }
    .footer_lower .socials {
        gap: 5px;
    }
    .footer_lower .socials a,
    .footer_lower .upper .info,
    .footer_lower .rights {
        font-size: 14px;
    }
    .footer_lower .logo img {
        max-width: 175px;
    }
    /* .footer_lower .socials {
        display: unset;
        columns: 2;
        text-align: end;
    } */
    .intro_bg_wrapper {
        height: 400px;
    }
    h1.page-sub-title {
        font-size: 28px;
    }
    h2.page-title {
        font-size: 62px;
    }
    .page-desc {
        width: 80%;
        font-size: 17px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 25px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 15px;
    }
    .section-desc {
        margin-top: 20px;
    }
    .founders .founder_wrapper {
        padding: 15px;
        gap: 15px;
    }
    .founder_wrapper img {
        /* max-width: 175px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .v2 .f-info .design {
        margin-bottom: 10px;
    }
    .founders .f-info .design {
        font-size: 14px;
        margin-top: 10px;
    }
    .founders .f-info .name {
        font-size: 20px;
        margin-top: 5px;
    }
    .founders .f-info .desc {
        font-size: 15px;
        margin-top: 5px;
    }
    .founders .f-info .socials i {
        font-size: 32px;
    }
    .promise .light_bg_wrapper {
        padding: 30px;
    }
    .promise .section-title {
        font-size: 68px;
    }
    .promises_wrapper {
        padding: 15px;
    }
    .promises_wrapper .number {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .promises_wrapper .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .promises_wrapper .desc {
        font-size: 18px;
    }
    .contact_wrapper {
        padding: 30px;
    }
    .contact_wrapper .c-info .info {
        gap: 10px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 46px;
        margin-bottom: 40px;
    }
    .contact_wrapper .c-info .info .icon {
        padding: 10px;
    }
    .c-info .info .detail {
        font-size: 20px;
    }
    .form .wrapper {
        padding: 30px 30px 0;
    }
    .form .form-label {
        font-size: 20px;
    }
    .form input.form-control {
        height: 40px;
    }
    .industries-item {
        width: calc((100%/4) - 10px);
        padding: 12px;
        text-align: center;
    }
    #portfolio .portfolio-item .p-detail .c-btn {
        padding: 6px 12px;
        font-size: 16px;
    }
    #portfolio .portfolio-item .c-btn .icon {
        width: 16px;
    }
    /* section#faq {
        margin-bottom: 0;
    } */
    .marquee {
        height: 100px;
    }
    .marquee span {
        font-size: 75px;
    }
    .hiring-steps {
        width: 90%;
        margin: auto;
    }
    .h-founder_wrapper,
    .h-founder_wrapper.without_bg {
        padding: 40px 25px;
        gap: 20px;
    }
    .founder_name_and_img {
        gap: 15px;
        min-width: 215px;
    }
    .about-founder {
        gap: 15px;
    }
    .about-founder .intro-sent {
        font-size: 28px;
    }
    .detail-desc {
        font-size: 17px;
    }
    .img-info-sec .image_wrapper img {
        max-height: 500px;
    }
    .contact-social-section {
        padding: 100px 20px;
    }
    .contact-social-section h4 {
        font-size: 40px;
    }
    .contact-social-section ul li {
        margin: 0 40px;
    }
    .contact-social-section ul li svg {
        height: 30px;
    }
    .contact-social-section ul li:after {
        top: 14px;
    }
    .contact-social-section ul li:after {
        right: -48px;
    }
    .founders_wrapper .sec-details {
        margin: 0 auto 50px;
    }
    .team-container h2 {
        font-size: 24px;
    }
    .team-container p.t_design,
    p.t_design {
        font-size: 17px;
    }
    .team-container p.show_bio a {
        font-size: 16px;
    }
    .first_blog_wrapper .entry-content {
        padding-left: 5px;
    }
    .first_blog_wrapper .blog-title a {
        font-size: 28px;
    }
    .first_blog_wrapper .blog-category a {
        font-size: 20px;
    }
    .first_blog_wrapper .blog_by-date a.author,
    .first_blog_wrapper .blog_by-date .blog_date {
        font-size: 16px;
    }
    .blog-category a {
        font-size: 18px;
    }
    .blog-title a {
        font-size: 22px;
    }
    .blog-description {
        font-size: 16px;
    }
    .clock_wrap h3 {
        font-size: 48px;
    }
    .ser-card {
        padding: 25px;
    }
    .ser-card h2.ser-title {
        font-size: 24px;
    }
    .ser-card .ser-desc {
        font-size: 18px;
    }
    .highlight_content h4 {
        font-size: 22px;
    }
    .highlight_content p {
        font-size: 18px;
    }
    .why-dezdok.v2 .wd_wrapper h3 {
        font-size: 22px;
    }
    .why-dezdok.v2 .wd_wrapper p {
        font-size: 18px;
    }
    .blog-img img {
        max-height: 186px;
    }
    nav.breadcrumb {
        font-size: 18px;
    }
    .service_detail_hero .content {
        margin: 40px 0 35px;
    }
    .service_detail_hero .section-sub-title {
        font-size: 24px;
    }
    .service_detail_hero .section-title {
        font-size: 44px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 44px;
    }
    .service_detail_hero .section-desc {
        width: 60%;
    }
    .service_detail_hero .logo-img {
        width: 30%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -10px;
        right: -700px;
    }
    .service_detail_hero .cta-btn.btns {
        padding-bottom: 40px;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 400px;
    }
    .ser_title {
        font-size: 42px;
    }
    .simple-desc {
        font-size: 16px;
    }
    .service-detail .ser-card {
        padding: 5px;
    }
    .tech-grid span {
        padding: 10px 0;
        flex: 0 0 14%;
    }
    .process .process_title {
        padding: 30px 40px 30px 40px;
        font-size: 24px;
    }
    .process_content_wrapper {
        padding: 40px;
    }
    .process_content_wrapper .title {
        font-size: 24px;
    }
    .process_content_wrapper .desc,
    .process_content_wrapper .process_pointers {
        font-size: 18px;
    }
    .service-title {
        font-size: 30px;
    }
    .service-opt ul.service-pointer li {
        font-size: 20px;
    }
    .page-template-hire-developer .intro_bg_wrapper {
        height: 450px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 50px;
    }
    .ben-card .benefit_wrapper {
        padding: 30px 25px;
    }
    .benefit_wrapper .title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .hd-p-content .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .benefit_wrapper .desc ul li,
    .hiring-steps-v2 .step .info .desc ul li,
    .hd-p-content .desc {
        font-size: 18px;
    }
    .hiring-steps-v2 .step .info .title {
        font-size: 24px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side h2 {
        font-size: 34px;
        margin-bottom: 10px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list {
        margin-left: -105px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side p {
        font-size: 18px;
    }
    .industry-list .industry {
        width: calc((100%/3) - -40px);
    }
    .industry-list .industry img {
        width: 70px;
    }
    .flow-content {
        padding: 30px;
        gap: 0;
    }
    .flow-content h3 {
        font-size: 24px;
    }
    .flow-number {
        width: 75px;
        height: 100px;
    }
    .flow-number span {
        font-size: 40px;
    }
    .flow-number::before {
        top: -35px;
        right: -35px;
        width: 80px;
        height: 80px;
    }
    .service-tech-cta .service-tech-bg {
        width: 275px;
        bottom: -60px;
        right: -25px;
    }
    .slick-slide {
        margin: 0 10px;
    }
    .screen-card {
        padding: 60px 35px 20px;
        max-width: 400px;
        margin: 0 auto;
    }
    .mobile-screens-cards .screen-card .icon img {
        width: 40px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 18px;
    }
    .mobile-screen-cards .slick-prev {
        left: 10px;
    }
    .mobile-screen-cards .slick-next {
        right: 20px;
    }
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 32px;
        width: 28px;
        height: 27px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main {
        padding: 35px;
    }
    .simple-intro-sec {
        margin: 150px 0 100px;
    }
    .simple-opt-cards .light-col-bg .sec-details {
        margin-bottom: 70px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 50px 30px;
    }
    .simp-opt-card-wrapper {
        padding: 35px;
    }
    .all-counter_wrapper .counter_wrapper .counter-hours {
        font-size: 80px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-title {
        font-size: 20px;
    }
    .stats-slider .counter_wrapper .counter-title {
        font-size: 20px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 18px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 18px;
    }
    .b-grid .g-card .content-wrap {
        padding: 16px 16px 0 16px;
    }
    .b-grid .g-card .title {
        font-size: 19px;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 110px;
    }
    .b-grid .g-card-2 img {
        max-width: 170px;
    }
    .b-grid .g-card-4 img {
        max-width: 70px;
        margin-right: 55px;
    }
    .b-grid .g-card-5 img {
        max-width: 55px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .service_detail_hero.v2 {
        padding: 150px 0 125px;
    }
    .service_detail_hero.v2 .section-title {
        font-size: 46px;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -125px;
        margin-bottom: 0px;
    }
    .ser-video-w-content .row {
        gap: 25px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 17px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 12px 24px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 28px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 30px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 15px;
        padding: 8px 20px 8px 20px;
    }
    .v2 .cta-sec-bg-wrapper {
        max-height: 375px;
    }
    .v2 .cta-sec-bg-wrapper .cta-btn {
        flex: 4;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        flex: 6;
        font-size: 22px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 28px;
        margin: 15px 0 30px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .read-more-btn {
        font-size: 18px;
    }
    .review-content {
        padding: 20px 20px 15px 20px;
        height: 100%;
    }
    .review-slider-v2 .review-item .review-img {
        max-width: 200px;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 16px;
        margin: 8px 0 15px;
    }
    .review-slider-v2 .owl-nav button span {
        width: 50px;
        height: 50px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .step-count {
        font-size: 15px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .heading {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .desc {
        font-size: 13.5px;
        line-height: 1.3;
    }
    .title-w-dot {
        font-size: 14px;
    }
    .link-grid .a-link-wrap a {
        padding: 3px 10px;
        font-size: 13px;
    }
    .a-v-portfolio .portfolio-content .cat-name {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 32px;
    }
    .a-v-portfolio .portfolio-content .p-desc {
        font-size: 15px;
    }
    .portfolio-link {
        font-size: 15px;
    }
    .a-v-portfolio .dev-type .dev-type-wrap .dev-type-link {
        padding: 4px 12px;
        font-size: 12px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 144px;
    }
    .hero-text-img-wrap {
        font-size: 39px;
        line-height: 60px;
    }
    .hero-text-img-wrap img {
        max-width: 120px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 18px;
        max-width: 80%;
    }
    .about-grid {
        gap: 20px;
    }
    .about-grid .au-cards {
        border-radius: 18px;
    }
    .about-grid .card-1 {
        display: none;
    }
    .about-grid .card-2 {
        grid-column: 1 / 9;
    }
    .about-grid .card-4 {
        grid-column: 1 / 5;
        padding: 20px 10px 0;
    }
    .about-grid .card-5 {
        grid-column: 5 / 13;
        padding: 18px 24px;
    }
    .about-grid .card-7 {
        padding: 15px 10px 12px;
    }
    .au-cards.card-4 .industries-slider {
        max-height: 190px;
    }
    .industries-slider .a-industry {
        padding: 7px 10px;
        font-size: 10px;
        margin-bottom: 7px;
    }
    .industries-slider .a-industry img {
        max-width: 15px;
    }
    .au-cards .counter-up-wrap {
        gap: 9px;
        padding: 12px 10px;
    }
    .au-cards .counter {
        font-size: 22px;
    }
    .au-title-o {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .au-cards .a-z-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .au-cards .a-z-desc {
        font-size: 13px;
        line-height: 1.4;
    }
    .au-cards .all-counter_wrapper {
        padding: 16px 16px;
        gap: 10px;
    }
    .au-cards .stats-img {
        max-width: 190px;
        border-radius: 18px;
    }
    .au-cards .counter-hours {
        font-size: 42px;
    }
    .au-cards .a-z-sub-title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .au-team-slider {
        padding: 0;
    }
    .au-team-slider .team-wrap .team-name {
        font-size: 18px;
        margin-bottom: 4px;
    }
    .au-team-slider .team-wrap .tesm-desgn {
        font-size: 11px;
    }
    .au-cards .counter-title {
        font-size: 13px;
    }
    .sect-details,
    .sect-details.left {
        margin: 0 auto 70px;
    }
    .fs-grid {
        gap: 20px;
    }
    .fs-cards {
        padding: 25px 12px;
    }
    .fs-cards.card-1 {
        grid-column: 1 / 7;
        grid-row: 1 / 2;
    }
    .fs-cards.card-2 {
        grid-column: 7 / 13;
        grid-row: 1 / 2;
    }
    .fs-cards.card-3 {
        grid-column: 1 / 7;
        grid-row: 3 / 4;
    }
    .fs-cards.card-4 {
        grid-column: 1 / 13;
        grid-row: 2 / 3;
    }
    .fs-cards.card-5 {
        grid-column: 7 / 13;
        grid-row: 3 / 4;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3 {
        gap: 18px;
        justify-content: center;
    }
    .fs-cards .img-n-desc {
        max-width: 65px;
    }
    .fs-grid .fs-title {
        font-size: 20px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 338px;
    }
    .fs-cta-title {
        font-size: 28px;
        margin: 0 auto 40px;
    }
    .fs-desc {
        font-size: 16px;
        padding-right: 20px;
    }
    .fc-grid {
        gap: 20px;
    }
    .fc-cards {
        padding: 25px 12px;
    }
    .fc-cards.card-1 {
        grid-column: 1 / 7;
        grid-row: 1 / 2;
    }
    .fc-cards.card-2 {
        grid-column: 7 / 13;
        grid-row: 1 / 2;
    }
    .fc-cards.card-3 {
        grid-column: 1 / 7;
        grid-row: 3 / 4;
    }
    .fc-cards.card-4 {
        grid-column: 1 / 13;
        grid-row: 2 / 3;
    }
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 18px;
        justify-content: center;
    }
    .fc-cards .img-n-desc {
        max-width: 65px;
    }
    .fc-cards.card-4 {
        min-height: 250px;
    }
    .fc-grid .fs-title {
        font-size: 20px;
    }
    .fc-cards.card-4 .card-4-wrap {
        gap: 40px;
        padding: 20px;
    }
    .fc-cards.card-4 img.fc-img {
        max-width: 300px;
    }
    .fc-desc {
        font-size: 18px;
        padding-right: 20px;
    }
    .fc-cta-title {
        font-size: 28px;
        margin: 0 auto 40px;
    }
    .white-btn {
        padding: 14px 30px;
        font-size: 17px;
    }
    .wwdb-flex-cols {
        gap: 15px;
        row-gap: 25px;
    }
    .a-wwdb-f-col {
        flex: 1 1 calc(50% - 15px);
    }
    .a-wwdb-title {
        font-size: 26px;
        margin: 18px 0 16px;
    }
    .a-wwdb-list li {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .wcz-grid {
        gap: 18px;
        grid-auto-rows: minmax(75px, auto);
    }
    .wcz-cards {
        padding: 16px;
    }
    .wcz-grid .wcz-title.big {
        font-size: 46px;
    }
    .wcz-grid .wcz-title {
        font-size: 20px;
    }
    .z-credit-box {
        padding: 15px;
    }
    .wcz-grid .z-credit-logo {
        margin-bottom: 15px;
    }
    .z-credit-desc {
        font-size: 11px;
        line-height: 1.3;
    }
    .wcz-cards.card-6 {
        min-height: 230px;
    }
    .n-hire-dev-wrapper {
        gap: 45px;
    }
    .v-marquee-wrap {
        gap: 20px;
        height: 450px;
    }
    .m-col-1 .tile {
        width: 100px;
        height: 100px;
    }
    .m-col-2 .tile {
        width: 90px;
        height: 90px;
    }
    .m-col-3 .tile {
        width: 80px;
        height: 80px;
    }
    .step-slider {
        height: 600px;
    }
    .step-slider .step.active {
        width: calc(100% - 137px * 3);
        padding: 25px 20px 25px 50px;
    }
    .step-slider .step {
        width: 165px;
        padding: 20px 12px 20px 45px;
    }
    .step-slider .step:nth-child(1).active {
        padding: 20px 20px;
    }
    .step-slider .step:nth-child(1) {
        padding: 20px 20px;
    }
    .step-slider .preview-content {
        font-size: 20px;
    }
    .step-slider .step-label {
        padding: 3px 10px;
        font-size: 13px;
        margin-bottom: 10px;
    }
    .step-slider .full-content .step-title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-desc {
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .section-title {
        font-size: 38px;
    }
    .section-desc {
        font-size: 17px;
        line-height: 1.5;
        margin-top: unset;
    }
    .hero_wrapper {
        padding: 40px 30px;
    }
    .hero_wrapper h3.title {
        font-size: 34px;
    }
    .hero_wrapper h1.big-title,
    h1.banner_title {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .hero_wrapper p.desc,
    .banner_center .banner_patch .banner_para {
        font-size: 18px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 20px;
    }
    #hero .img-content .img_wrapper {
        text-align: center;
    }
    #hero .img-content .img_wrapper img {
        width: 100%;
        max-width: 444px;
        max-height: 350px;
    }
    .logo-slider .slick-slide {
        margin: 0 55px;
    }
    .about_wrapper .section-title {
        font-size: 34px;
    }
    .about_wrapper .content_wrapper {
        padding: 30px 15px;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 20px 15px;
    }
    .counter_wrapper {
        padding: 15px;
    }
    .counter_wrapper .counter {
        font-size: 46px;
    }
    .counter_wrapper p {
        font-size: 16px;
    }
    .about_wrapper video.abt-video {
        height: 450px;
    }
    #services .service_wrapper {
        min-height: 815px;
    }
    #services .tab {
        padding: 12px 15px;
        font-size: 17px;
    }
    #services .tabs-container-wrapper .arrow {
        padding: 0px 7px;
    }
    .tabs-container-wrapper .arrow svg {
        width: 20px;
        height: 20px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 85%;
        margin: 20px auto 30px;
    }
    #services .tab-content .title {
        font-size: 56px;
    }
    #services .content {
        padding: 0 20px;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 16px;
    }
    #services .details_wrapper ul.pointers li {
        margin-bottom: 5px;
    }
    #portfolio .section-title {
        font-size: 70px;
    }
    #portfolio .section-title.th-border::after {
        width: 69%;
        border: 2px solid #FC6A03;
        bottom: 17px;
        right: 0;
        z-index: -1;
    }
    #portfolio .portfolio-item .p-detail h6 {
        font-size: 24px;
    }
    .process-slider .slick-slide .pro-pointer {
        width: 95%;
    }
    .process-slider .slick-slide .wrapper {
        padding: 10px;
        min-height: 347px;
    }
    .process-slider .slick-slide .pro-info img {
        width: 75px;
    }
    .slick-prev {
        top: 50%;
        left: -10px;
    }
    .slick-next {
        top: 50%;
        right: 15px;
    }
    .process-slider .slick-slide .pro-info {
        margin-bottom: 15px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 20px;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 17px;
    }
    .process-slider .slick-slide .pro-number {
        font-size: 75px;
        right: -4px;
        bottom: 15px;
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 25px;
        padding: 10px;
    }
    #hire-dev .hire_wrapper {
        padding: 40px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 18px;
        line-height: 1.5;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 25px;
    }
    .hiring-steps li:nth-child(odd)::before,
    .hiring-steps li:nth-child(even)::before {
        font-size: 18px;
    }
    .bg_wrapper .logo-video-container {
        width: 375px;
        height: 275px;
    }
    .shape img {
        left: -2px;
        top: -2px;
        width: 378px;
        height: 278px;
    }
    .point .point-content h4 {
        font-size: 30px;
    }
    .point .point-content p {
        font-size: 18px;
    }
    .footer {
        padding: 0 30px;
    }
    .footer_upper {
        padding: 40px 0 40px;
    }
    .footer_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 0 50px;
    }
    .footer_middle .child {
        flex: 1 1 50%;
        margin: 20px 0;
    }
    .f-title {
        margin-bottom: 15px;
    }
    .footer_middle .nav a,
    .footer_middle .info a {
        font-size: 20px;
    }
    .footer_lower .upper {
        padding-bottom: 15px;
    }
    .footer_lower .socials {
        gap: 8px;
    }
    .footer_lower .socials a,
    .footer_lower .upper .info,
    .footer_lower .rights {
        font-size: 15px;
    }
    .intro_bg_wrapper {
        height: 400px;
    }
    h1.page-sub-title {
        font-size: 26px;
    }
    h2.page-title {
        font-size: 60px;
    }
    .page-desc {
        width: 90%;
        font-size: 17px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 20px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 15px;
    }
    .section-desc {
        margin-top: 20px;
    }
    .founders .founder_wrapper {
        padding: 15px;
        gap: 15px;
    }
    .founder_wrapper img {
        /* max-width: 175px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .v2 .f-info .design {
        margin-bottom: 10px;
    }
    .founders .f-info .design {
        font-size: 14px;
        margin-top: 10px;
    }
    .founders .f-info .name {
        font-size: 20px;
        margin-top: 5px;
    }
    .founders .f-info .desc {
        font-size: 15px;
        margin-top: 10px;
    }
    .founders .f-info .socials i {
        font-size: 25px;
    }
    .promise .light_bg_wrapper {
        padding: 30px;
    }
    .promise .section-title {
        font-size: 54px;
        margin-bottom: 20px;
    }
    .promises_wrapper {
        padding: 15px;
    }
    .promises_wrapper .number {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .promises_wrapper .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .promises_wrapper .desc {
        font-size: 18px;
    }
    .contact_wrapper {
        padding: 30px;
    }
    .contact_wrapper .c-info .info {
        gap: 10px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 46px;
        margin-bottom: 40px;
    }
    .contact_wrapper .c-info .info .icon {
        padding: 10px;
    }
    .c-info .info .detail {
        font-size: 20px;
    }
    .form .wrapper {
        padding: 30px 30px 0;
    }
    .form .form-label {
        font-size: 20px;
    }
    .form input.form-control {
        height: 40px;
    }
    /* section#faq {
        margin-bottom: 0;
    } */
    .marquee-sec {
        margin: 60px 0;
    }
    .marquee {
        height: 80px;
    }
    .marquee span {
        font-size: 60px;
    }
    .h-founder_wrapper,
    .h-founder_wrapper.without_bg {
        padding: 40px 50px;
    }
    .img-info-sec .image_wrapper img {
        max-height: 375px;
    }
    .team-container h2 {
        font-size: 24px;
    }
    .team-container p.t_design,
    p.t_design {
        font-size: 17px;
    }
    .team-container p.show_bio a {
        font-size: 16px;
    }
    .first_blog_wrapper .blog-title a {
        font-size: 28px;
    }
    .first_blog_wrapper .blog-category a {
        font-size: 20px;
    }
    .first_blog_wrapper .blog_by-date a.author,
    .first_blog_wrapper .blog_by-date .blog_date {
        font-size: 16px;
    }
    .blog-category a {
        font-size: 16px;
    }
    .blog-title a {
        font-size: 20px;
    }
    .blog-description {
        font-size: 16px;
    }
    .time-sec .clock {
        min-height: 10em;
        min-width: 10em;
    }
    .time-sec .hour {
        height: 6em;
        width: 6em;
    }
    .time-sec .min {
        height: 7.5em;
        width: 7.5em;
    }
    .time-sec .sec {
        height: 8.5em;
        width: 8.5em;
    }
    .clock_wrap h3 {
        font-size: 34px;
        margin-left: 25px;
    }
    .time-sec .simpl-desc {
        font-size: 18px;
    }
    .ser-card {
        padding: 20px;
    }
    .ser-card h2.ser-title {
        font-size: 22px;
    }
    .ser-card .ser-desc {
        font-size: 17px;
    }
    .highlight_content h4 {
        font-size: 22px;
    }
    .highlight_content p {
        font-size: 18px;
    }
    nav.breadcrumb {
        font-size: 17px;
    }
    .service_detail_hero .content {
        margin: 40px 0 35px;
    }
    .service_detail_hero .section-sub-title {
        font-size: 24px;
    }
    .service_detail_hero .section-title {
        font-size: 44px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 44px;
    }
    .service_detail_hero .section-desc {
        width: 68%;
    }
    .service_detail_hero .logo-img {
        width: 25%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -10px;
        right: -750px;
    }
    .service_detail_hero .main-btn {
        padding: 10px 15px;
    }
    .service_detail_hero .cta-btn.btns {
        padding-bottom: 30px;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 350px;
    }
    .ser_title {
        font-size: 38px;
    }
    .simple-desc {
        font-size: 16px;
    }
    .service-detail .ser-card {
        padding: 0px;
    }
    .tech-grid span {
        padding: 10px 0;
        flex: 0 0 17%;
    }
    .process .process_title {
        padding: 30px 35px 30px 35px;
        font-size: 24px;
    }
    .process_content_wrapper {
        padding: 35px;
    }
    .process_content_wrapper .title {
        font-size: 24px;
    }
    .process_content_wrapper .desc,
    .process_content_wrapper .process_pointers {
        font-size: 18px;
    }
    .service-title {
        font-size: 28px;
    }
    .service-opt ul.service-pointer li {
        font-size: 18px;
    }
    .current-openings button.accordion-button {
        padding: 30px 20px;
    }
    .current-openings .accordion-body {
        padding: 0 20px 20px;
    }
    .page-template-hire-developer .intro_bg_wrapper {
        height: 500px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 40px;
    }
    .ben-card .benefit_wrapper {
        padding: 30px 25px;
    }
    .benefit_wrapper .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .hd-p-content .title {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .benefit_wrapper .desc ul li,
    .hiring-steps-v2 .step .info .desc ul li,
    .hd-p-content .desc {
        font-size: 18px;
    }
    .hiring-steps-v2 .step .info .title {
        font-size: 24px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side h2 {
        font-size: 30px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side p {
        font-size: 17px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list {
        margin-left: -125px;
    }
    .industry-list .industry {
        width: calc((100%/3) - -40px);
    }
    .industry-list .industry img {
        width: 65px;
    }
    .flow-content {
        padding: 25px;
        gap: 0;
    }
    .flow-content h3 {
        font-size: 24px;
    }
    .flow-number {
        width: 75px;
        height: 100px;
    }
    .flow-number span {
        font-size: 40px;
    }
    .flow-number::before {
        top: -35px;
        right: -35px;
        width: 80px;
        height: 80px;
    }
    .service-tech-cta .service-tech-bg {
        width: 240px;
        bottom: -50px;
        right: -25px;
    }
    .mobile-screens-cards .sec-details {
        margin-bottom: 70px;
    }
    .screen-card {
        padding: 60px 35px 20px;
        width: 425px;
    }
    .mobile-screens-cards .screen-card .icon img {
        width: 40px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 17px;
    }
    .mobile-screen-cards .slick-prev {
        left: 10px;
    }
    .mobile-screen-cards .slick-next {
        right: 20px;
    }
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 30px;
        width: 26px;
        height: 25px;
    }
    .project-status-wrapper .nav .nav-item .nav-link {
        padding: 0.6rem 1rem;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main {
        padding: 25px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-details h2 {
        font-size: 30px;
    }
    .simple-intro-sec {
        margin: 125px 0 50px;
    }
    .simple-opt-cards .light-col-bg .sec-details {
        margin-bottom: 70px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 50px 25px;
    }
    .simp-opt-card-wrapper {
        padding: 35px;
    }
    .simp-opt-card-wrapper h3 {
        font-size: 24px;
    }
    .simp-opt-card-wrapper .desc {
        font-size: 18px;
    }
    .all-counter_wrapper .counter_wrapper .counter-hours {
        font-size: 70px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-title {
        font-size: 18px;
    }
    .stats-slider .counter_wrapper .counter-title {
        font-size: 18px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 17px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 17px;
    }
    .b-grid .g-card .content-wrap {
        padding: 25px 25px 0 25px;
    }
    .b-grid .g-card .title {
        font-size: 24px;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 110px;
    }
    .b-grid .g-card-2 img {
        max-width: 170px;
    }
    .b-grid .g-card-4 img {
        max-width: 85px;
        margin-right: 20px;
    }
    .b-grid .g-card-5 img {
        max-width: 65px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .service_detail_hero.v2 {
        padding: 150px 0 125px;
    }
    .service_detail_hero.v2 .section-title {
        font-size: 44px;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -100px;
        margin-bottom: 0px;
    }
    .ser-video-w-content .row {
        gap: 25px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 17px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 12px 24px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 25px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 28px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 15px;
        padding: 8px 20px 8px 20px;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        font-size: 30px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 24px;
        margin: 15px 0 30px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 17px;
        margin-bottom: 30px;
    }
    .read-more-btn {
        font-size: 17px;
    }
    .review-content {
        padding: 20px 20px 15px 20px;
        height: 100%;
    }
    .review-slider-v2 .review-item .review-img {
        max-width: 175px;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 16px;
        margin: 8px 0 15px;
    }
    .review-slider-v2 .owl-nav button span {
        width: 50px;
        height: 50px;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon {
        width: 45px;
        height: 45px;
        margin: -23px auto;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon img {
        max-width: 26px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .step-count {
        font-size: 13.5px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .heading {
        font-size: 13.5px;
        margin-bottom: 8px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .desc {
        font-size: 11.5px;
        line-height: 1.3;
    }
    .title-w-dot {
        font-size: 14px;
    }
    .link-grid .a-link-wrap a {
        padding: 3px 10px;
        font-size: 13px;
    }
    .a-v-portfolio .portfolio-content .cat-name {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 32px;
    }
    .a-v-portfolio .portfolio-content .p-desc {
        font-size: 15px;
    }
    .portfolio-link {
        font-size: 15px;
    }
    .a-v-portfolio .dev-type .dev-type-wrap .dev-type-link {
        padding: 4px 12px;
        font-size: 12px;
    }
    .ser-video-w-content .ser_video_wrapper,
    .ser-video-w-content video.service-video {
        height: 350px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 168px;
    }
    .hero-text-img-wrap {
        font-size: 30px;
        line-height: 50px;
    }
    .hero-text-img-wrap .first-line-wrap {
        gap: 5px;
    }
    .hero-text-img-wrap .second-line-wrap {
        gap: 8px;
    }
    .hero-text-img-wrap img {
        max-width: 90px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 17px;
        max-width: 75%;
    }
    .about-grid {
        gap: 15px;
    }
    .about-grid .au-cards {
        border-radius: 18px;
    }
    .about-grid .card-1 {
        display: none;
    }
    .about-grid .card-2 {
        grid-column: 1 / 9;
    }
    .about-grid .card-4 {
        grid-column: 1 / 7;
        grid-row: 3/4;
        padding: 20px 10px 0;
    }
    .about-grid .card-5 {
        grid-column: 1 / 13;
        padding: 18px 24px;
    }
    .about-grid .card-6 {
        grid-column: 1 / 13;
        grid-row: 4/5;
    }
    .about-grid .card-7 {
        grid-column: 7 / 13;
        grid-row: 3/4;
        padding: 15px 10px 12px;
    }
    .au-cards.card-4 .industries-slider {
        max-height: 190px;
    }
    .industries-slider .a-industry {
        padding: 7px 10px;
        font-size: 10px;
        margin-bottom: 7px;
    }
    .industries-slider .a-industry img {
        max-width: 15px;
    }
    .au-cards .counter-up-wrap {
        gap: 9px;
        padding: 12px 10px;
    }
    .au-cards .counter {
        font-size: 22px;
    }
    .au-title-o {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .au-cards .a-z-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .au-cards .a-z-desc {
        font-size: 13px;
        line-height: 1.4;
    }
    .au-cards .all-counter_wrapper {
        padding: 16px 16px;
        gap: 10px;
    }
    .au-cards .stats-img {
        max-width: 190px;
        border-radius: 18px;
    }
    .au-cards .counter-hours {
        font-size: 42px;
    }
    .au-cards .a-z-sub-title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .au-team-slider {
        padding: 0;
    }
    .au-team-slider .team-wrap .team-name {
        font-size: 18px;
        margin-bottom: 4px;
    }
    .au-team-slider .team-wrap .tesm-desgn {
        font-size: 11px;
    }
    .au-cards .counter-title {
        font-size: 13px;
    }
    .sect-details,
    .sect-details.left {
        margin: 0 auto 70px;
    }
    .fs-grid {
        gap: 20px;
    }
    .fs-cards {
        padding: 25px 12px;
    }
    .fs-cards.card-1 {
        grid-column: 1 / 7;
        grid-row: 1 / 2;
    }
    .fs-cards.card-2 {
        grid-column: 7 / 13;
        grid-row: 1 / 2;
    }
    .fs-cards.card-3 {
        grid-column: 1 / 7;
        grid-row: 3 / 4;
    }
    .fs-cards.card-4 {
        grid-column: 1 / 13;
        grid-row: 2 / 3;
    }
    .fs-cards.card-5 {
        grid-column: 7 / 13;
        grid-row: 3 / 4;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3 {
        gap: 18px;
        justify-content: center;
    }
    .fs-cards .img-n-desc {
        max-width: 60px;
    }
    .fs-grid .fs-title {
        font-size: 18px;
    }
    .fs-cards.card-4 img.fs-img {
        max-width: 266px;
    }
    .fs-cta-title {
        font-size: 24px;
        margin: 0 auto 30px;
    }
    .fs-desc {
        font-size: 15px;
        padding-right: 15px;
    }
    .fc-grid {
        gap: 20px;
    }
    .fc-cards {
        padding: 25px 12px;
    }
    .fc-cards.card-1 {
        grid-column: 1 / 7;
        grid-row: 1 / 2;
    }
    .fc-cards.card-2 {
        grid-column: 7 / 13;
        grid-row: 1 / 2;
    }
    .fc-cards.card-3 {
        grid-column: 1 / 7;
        grid-row: 3 / 4;
    }
    .fc-cards.card-4 {
        grid-column: 1 / 13;
        grid-row: 2 / 3;
    }
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 18px;
        justify-content: center;
    }
    .fc-cards .img-n-desc {
        max-width: 60px;
    }
    .fc-cards.card-4 {
        min-height: 250px;
    }
    .fc-grid .fs-title {
        font-size: 18px;
    }
    .fc-cards.card-4 .card-4-wrap {
        gap: 40px;
        padding: 20px;
    }
    .fc-cards.card-4 img.fc-img {
        max-width: 250px;
    }
    .fc-desc {
        font-size: 15px;
        padding-right: unset;
    }
    .fc-cta-title {
        font-size: 24px;
        margin: 0 auto 30px;
    }
    .white-btn {
        padding: 12px 24px;
        font-size: 16px;
    }
    .wwdb-flex-cols {
        gap: 15px;
        row-gap: 25px;
    }
    .a-wwdb-f-col {
        flex: 1 1 calc(50% - 15px);
    }
    .a-wwdb-img {
        max-width: 80px;
    }
    .a-wwdb-title {
        font-size: 24px;
        margin: 18px 0 16px;
    }
    .a-wwdb-list li {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .wcz-grid {
        gap: 10px;
        padding: 0 0 50px;
    }
    .wcz-cards.card-1 {
        grid-column: 1 / 5;
        grid-row: 1 / 4;
    }
    .wcz-cards.card-2 {
        grid-column: 5 / 10;
        grid-row: 1 / 2;
    }
    .wcz-cards.card-3 {
        grid-column: 10 / 13;
        grid-row: 1 / 3;
    }
    .wcz-cards.card-4 {
        grid-column: 5 / 10;
        grid-row: 2 / 3;
    }
    .wcz-cards.card-5 {
        grid-column: 5 / 10;
        grid-row: 3 / 4;
    }
    .wcz-cards.card-6 {
        grid-column: 10 / 13;
        grid-row: 3 / 4;
        min-height: 180px;
    }
    .wcz-cards {
        padding: 14px;
    }
    .wcz-grid .wcz-title.big {
        font-size: 38px;
    }
    .wcz-grid .wcz-title {
        font-size: 17px;
    }
    .z-credit-box {
        padding: 12px;
    }
    .wcz-grid .z-credit-logo {
        margin-bottom: 12px;
    }
    .z-credit-desc {
        font-size: 10px;
        line-height: 1.3;
    }
    .n-hire-dev-wrapper {
        gap: 45px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .n-hire-dev-sec .gradient-btn {
        margin: auto;
    }
    .v-marquee-wrap {
        gap: 20px;
        height: 400px;
        flex: auto;
        width: 100%;
        justify-content: center;
    }
    .m-col-1 .tile {
        width: 100px;
        height: 100px;
    }
    .m-col-2 .tile {
        width: 90px;
        height: 90px;
    }
    .m-col-3 .tile {
        width: 80px;
        height: 80px;
    }
    .req-call .cta-form-field-wrap {
        margin-bottom: 30px;
    }
    .cta-form-field-wrap span.wpcf7-spinner {
        top: 110%;
        right: 2%;
    }
    .cta-form-field-wrap .white-btn {
        padding: 10px 24px;
        font-size: 14px;
    }
    .req-call .acc-terms-txt {
        font-size: 14px;
    }
    .step-slider .step:nth-child(1) {
        background: #f6efe7;
    }
    .step-slider .preview-content {
        font-size: 30px;
    }
    .step-slider .preview-content br {
        display: none;
    }
    .step-slider .full-content .step-title {
        font-size: 42px;
    }
    .step-slider .full-content .step-desc {
        font-size: 18px;
    }
    .step-slider .step.active {
        gap: 40px;
    }
}

@media screen and (max-width: 575px) and (min-width: 480px) {
    .section-title {
        font-size: 30px;
    }
    .section-desc {
        font-size: 17px;
        line-height: 1.5;
        margin-top: unset;
    }
    .hero_wrapper {
        padding: 30px 20px;
    }
    .hero_wrapper h3.title {
        font-size: 30px;
    }
    .hero_wrapper h1.big-title,
    h1.banner_title {
        font-size: 44px;
        margin-bottom: 15px;
    }
    .hero_wrapper p.desc,
    .banner_center .banner_patch .banner_para {
        font-size: 17px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 20px;
    }
    #hero .img-content .img_wrapper {
        text-align: center;
    }
    #hero .img-content .img_wrapper img {
        width: 100%;
    }
    .logo-slider .slick-slide {
        margin: 0 50px;
    }
    .about_wrapper .section-title {
        font-size: 28px;
        line-height: 34px;
    }
    .about_wrapper .content_wrapper {
        padding: 30px 15px;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 20px 15px;
    }
    .counter_wrapper {
        padding: 15px;
    }
    .counter_wrapper .counter {
        font-size: 46px;
    }
    .counter_wrapper p {
        font-size: 16px;
    }
    .about_wrapper video.abt-video {
        height: 450px;
    }
    #services .service_wrapper {
        min-height: 885px;
        padding: 15px;
    }
    #services .tab {
        padding: 12px 15px;
        font-size: 17px;
    }
    #services .tabs-container-wrapper .arrow {
        padding: 0px 7px;
    }
    .tabs-container-wrapper .arrow svg {
        width: 20px;
        height: 20px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 82%;
        margin: 20px auto 30px;
    }
    #services .tab-content .title {
        font-size: 56px;
    }
    #services .content {
        padding: 0 10px;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 17px;
        margin-bottom: 20px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 17px;
    }
    #services .details_wrapper ul.pointers li {
        margin-bottom: 5px;
    }
    #portfolio .section-title {
        font-size: 56px;
    }
    #portfolio .section-title.th-border::after {
        width: 69%;
        border: 2px solid #FC6A03;
        bottom: 17px;
        right: 0;
        z-index: -1;
    }
    #portfolio .portfolio-item .p-detail h6 {
        font-size: 24px;
    }
    .process-slider .slick-slide .pro-pointer {
        width: 85%;
    }
    .process-slider .slick-slide .wrapper {
        padding: 20px;
        min-height: 390px;
    }
    .slick-prev {
        top: 50%;
        left: -10px;
    }
    .slick-next {
        top: 50%;
        right: 15px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 30px;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 20px;
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 25px;
        padding: 10px;
    }
    #hire-dev .hire_wrapper {
        padding: 40px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 17px;
        line-height: 1.5;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 25px;
    }
    .hiring-steps li:nth-child(odd)::before,
    .hiring-steps li:nth-child(even)::before {
        font-size: 18px;
    }
    .bg_wrapper .logo-video-container {
        width: 375px;
        height: 275px;
    }
    .shape img {
        left: -2px;
        top: -2px;
        width: 378px;
        height: 278px;
    }
    .point .point-content h4 {
        font-size: 30px;
    }
    .point .point-content p {
        font-size: 17px;
    }
    .footer {
        padding: 0 30px;
    }
    .footer_upper {
        padding: 40px 0 40px;
    }
    .footer_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 40px 0 50px;
    }
    .footer_middle .child {
        flex: 1 1 50%;
        margin: 20px 0;
    }
    .f-title {
        margin-bottom: 15px;
    }
    .footer_middle .nav a,
    .footer_middle .info a {
        font-size: 20px;
    }
    .footer_lower .upper {
        padding-bottom: 15px;
    }
    .footer_lower .socials {
        gap: 8px;
    }
    .footer_lower .socials a,
    .footer_lower .upper .info,
    .footer_lower .rights {
        font-size: 15px;
    }
    .intro_bg_wrapper {
        height: 350px;
    }
    h1.page-sub-title {
        font-size: 24px;
    }
    h2.page-title {
        font-size: 52px;
        margin-bottom: unset;
    }
    .page-desc {
        width: 90%;
        font-size: 17px;
    }
    .detail-desc {
        font-size: 17px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 15px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 15px;
    }
    .section-desc {
        margin-top: 20px;
    }
    .founders .f-cards {
        max-width: 400px;
        margin: auto;
    }
    .founders .founder_wrapper {
        padding: 15px;
        gap: 15px;
    }
    .founder_wrapper img {
        /* max-width: 175px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .f-info .design {
        font-size: 14px;
        margin-top: 10px;
    }
    .founders .v2 .f-info .design {
        margin-bottom: 10px;
    }
    .founders .f-info .name {
        font-size: 20px;
        margin-top: 5px;
    }
    .founders .f-info .desc {
        font-size: 15px;
        margin-top: 10px;
    }
    .founders .f-info .socials i {
        font-size: 32px;
    }
    .promise .light_bg_wrapper {
        padding: 25px;
    }
    .promise .section-title {
        font-size: 44px;
        margin-bottom: 20px;
    }
    .promises_wrapper {
        padding: 15px;
    }
    .promises_wrapper .number {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .promises_wrapper .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .promises_wrapper .desc {
        font-size: 17px;
    }
    .contact_wrapper {
        padding: 30px 20px;
    }
    .contact_wrapper .c-info .info {
        gap: 10px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 46px;
        margin-bottom: 40px;
    }
    .contact_wrapper .c-info .info .icon {
        padding: 10px;
    }
    .c-info .info .detail {
        font-size: 20px;
    }
    .form .wrapper {
        padding: 30px 30px 0;
    }
    .form .form-label {
        font-size: 20px;
    }
    .form input.form-control {
        height: 40px;
    }
    .why-dezdok .why_dezdok_wrapper {
        padding: 40px 30px;
    }
    .why-dezdok .section-title {
        font-size: 40px;
    }
    .point .point-content .number {
        font-size: 40px;
    }
    /* section#faq {
        margin-bottom: 0;
    } */
    .marquee-sec {
        margin: 50px 0;
    }
    .marquee {
        height: 60px;
    }
    .marquee span {
        font-size: 50px;
    }
    .h-founder_wrapper,
    .h-founder_wrapper.without_bg {
        padding: 30px 25px;
    }
    .img-info-sec .image_wrapper img {
        max-height: 325px;
    }
    .first_blog_wrapper .blog-title a {
        font-size: 28px;
    }
    .first_blog_wrapper .blog-category a {
        font-size: 20px;
    }
    .first_blog_wrapper .blog_by-date a.author,
    .first_blog_wrapper .blog_by-date .blog_date {
        font-size: 16px;
    }
    .blog-category a {
        font-size: 18px;
    }
    .blog-title a {
        font-size: 24px;
    }
    .blog-description {
        font-size: 16px;
    }
    .time-sec .clock {
        min-height: 10em;
        min-width: 10em;
    }
    .time-sec .hour {
        height: 6em;
        width: 6em;
    }
    .time-sec .min {
        height: 7.5em;
        width: 7.5em;
    }
    .time-sec .sec {
        height: 8.5em;
        width: 8.5em;
    }
    .clock_wrap h3 {
        font-size: 34px;
        margin-left: 0px;
    }
    .time-sec .simpl-desc {
        font-size: 17px;
    }
    .highlight_content h4 {
        font-size: 22px;
    }
    .highlight_content p {
        font-size: 18px;
    }
    .review p {
        font-size: 17px;
    }
    .accordion-body {
        font-size: 17px;
    }
    .why-dezdok.v2 .wd_wrapper h3 {
        font-size: 22px;
    }
    .why-dezdok.v2 .wd_wrapper p {
        font-size: 17px;
    }
    nav.breadcrumb {
        font-size: 17px;
    }
    .service_detail_hero .content {
        margin: 40px 0 35px;
    }
    .service_detail_hero .section-sub-title {
        font-size: 22px;
    }
    .service_detail_hero .section-title {
        font-size: 40px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 40px;
    }
    .service_detail_hero .section-desc {
        width: 78%;
    }
    .service_detail_hero .logo-img {
        width: 20%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -10px;
        right: -800px;
    }
    .service_detail_hero .main-btn {
        padding: 8px 12px;
    }
    .service_detail_hero .cta-btn.btns {
        padding-bottom: 30px;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 300px;
    }
    .ser_title {
        font-size: 34px;
    }
    .simple-desc {
        font-size: 16px;
    }
    .tech-grid span {
        padding: 10px 0;
        flex: 0 0 16%;
    }
    .process .process_title {
        padding: 25px 30px 25px 30px;
        font-size: 22px;
    }
    .process_content_wrapper {
        padding: 30px;
    }
    .process_content_wrapper .title {
        font-size: 22px;
    }
    .process_content_wrapper .desc,
    .process_content_wrapper .process_pointers {
        font-size: 16px;
    }
    .service-opt {
        padding: 35px 30px;
    }
    .service-title {
        font-size: 30px;
    }
    .service-opt ul.service-pointer li {
        font-size: 18px;
        padding-left: 23px;
    }
    .service-opt ul.service-pointer li::before {
        width: 17px;
        height: 17px;
    }
    .service-opt ul.service-pointer li::after {
        left: 6.5px;
        width: 4px;
        height: 8px;
    }
    .current-openings .accordion-button span {
        font-size: 18px;
    }
    .current-openings button.accordion-button {
        padding: 30px 20px;
    }
    .current-openings .accordion-body {
        padding: 0 20px 20px;
    }
    .job-description .a-desc {
        margin-bottom: 30px;
    }
    .job-description .a-desc h6 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .job-description .a-desc p,
    .job-description .a-desc ul li,
    .current-openings .accordion-body .cf7-form input {
        font-size: 17px;
    }
    .current-openings .accordion-body .cf7-form .upload-cv label {
        width: 86%;
        font-size: 15px;
    }
    .page-template-hire-developer .intro_bg_wrapper {
        height: 475px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 40px;
    }
    .ben-card .benefit_wrapper {
        padding: 30px 25px;
    }
    .benefit_wrapper .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .hd-p-content .title {
        font-size: 28px;
    }
    .benefit_wrapper .desc ul li,
    .hiring-steps-v2 .step .info .desc ul li,
    .hd-p-content .desc {
        font-size: 17px;
    }
    .hiring-steps-v2 .step .info .title {
        font-size: 24px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side h2 {
        font-size: 30px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side p {
        font-size: 17px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li {
        font-size: 13px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list {
        margin-left: -125px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(1) {
        margin-left: 15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(2) {
        margin-left: 30px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(3) {
        margin-left: 15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(4) {
        margin-left: -35px;
    }
    .industry-list .industry {
        width: calc((100%/3) - -40px);
    }
    .industry-list .industry img {
        width: 60px;
    }
    .industry-list .industry h3 {
        font-size: 20px;
    }
    .mobile-screens-cards .wrapper.light-col-bg {
        padding: 40px 30px 0;
    }
    .flow-content {
        padding: 25px;
        gap: 0;
    }
    .flow-content h3 {
        font-size: 24px;
    }
    .flow-number {
        width: 75px;
        height: 100px;
    }
    .flow-number span {
        font-size: 40px;
    }
    .flow-number::before {
        top: -35px;
        right: -35px;
        width: 80px;
        height: 80px;
    }
    .service-tech-cta .service-tech-bg {
        width: 215px;
        bottom: -45px;
        right: -20px;
    }
    .mobile-screens-cards .sec-details {
        margin-bottom: 60px;
    }
    .screen-card {
        padding: 60px 35px 20px;
        width: 400px;
    }
    .mobile-screens-cards .screen-card .icon img {
        width: 40px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 17px;
    }
    .mobile-screen-cards .slick-prev {
        left: -10px;
    }
    .mobile-screen-cards .slick-next {
        right: -6px;
    }
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 30px;
        width: 26px;
        height: 25px;
    }
    .project-status-wrapper .nav .nav-item .nav-link {
        padding: 0.6rem .75rem;
        font-size: 18px;
    }
    .project-status-wrapper .col-12 {
        padding: 10px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main {
        padding: 20px 15px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-details h2 {
        font-size: 26px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-desc {
        font-size: 16px;
    }
    .proj-tags .a-tag {
        font-size: 15px;
        padding: 4px 12px;
    }
    .proj-status .proj-progress-perc {
        padding: 6px 18px;
        font-size: 15px;
    }
    .proj-status .completion-date {
        font-size: 16px;
    }
    .simple-opt-cards .light-col-bg .sec-details {
        margin-bottom: 60px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 50px 20px;
    }
    .simp-opt-card-wrapper {
        padding: 30px;
    }
    .simp-opt-card-wrapper h3 {
        font-size: 24px;
    }
    .simp-opt-card-wrapper .desc {
        font-size: 17px;
    }
    .all-counter_wrapper .counter_wrapper .counter-hours {
        font-size: 60px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-title {
        font-size: 17px;
    }
    .stats-slider .counter_wrapper .counter-title {
        font-size: 17px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 16px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 16px;
    }
    .b-grid .g-card .content-wrap {
        padding: 20px 20px 0 20px;
    }
    .b-grid .g-card .title {
        font-size: 20px;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 110px;
    }
    .b-grid .g-card-2 img {
        max-width: 170px;
    }
    .b-grid .g-card-4 img {
        max-width: 85px;
        margin-right: 20px;
    }
    .b-grid .g-card-5 img {
        max-width: 65px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .service_detail_hero.v2 {
        padding: 150px 0 125px;
    }
    .service_detail_hero.v2 .section-title {
        font-size: 40px;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -60px;
        margin-bottom: 0px;
    }
    .ser-video-w-content .row {
        gap: 25px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 16px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 12px 24px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 25px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 26px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 14px;
        padding: 6px 15px 6px 15px;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        font-size: 26px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 22px;
        margin: 15px 0 30px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 16px;
        margin-bottom: 25px;
    }
    .read-more-btn {
        font-size: 16px;
    }
    .review-content {
        padding: 15px 15px 12px 15px;
        height: 100%;
    }
    .review-slider-v2 .review-item .review-img {
        max-width: 175px;
    }
    .review-slider-v2 .review-item .review-by {
        font-size: 20px;
    }
    .review-slider-v2 .review-item .review-desgn {
        font-size: 16px;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 14px;
        margin: 5px 0 10px;
    }
    .review-slider-v2 .owl-nav button span {
        width: 45px;
        height: 45px;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon {
        width: 38px;
        height: 38px;
        margin: -20px auto;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon img {
        max-width: 22px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .step-count {
        margin: 1em 0 0 0;
        font-size: 11px;
        line-height: 1.1;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .heading {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .desc {
        font-size: 9px;
        line-height: 1.2;
    }
    .title-w-dot {
        font-size: 12px;
    }
    .link-grid .a-link-wrap a {
        padding: 3px 10px;
        font-size: 13px;
    }
    .a-v-portfolio .portfolio-content .cat-name {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 26px;
    }
    .a-v-portfolio .portfolio-content .p-desc {
        font-size: 14px;
    }
    .portfolio-link {
        font-size: 14px;
    }
    .a-v-portfolio .dev-type .dev-type-wrap .dev-type-link {
        padding: 4px 12px;
        font-size: 12px;
    }
    .ser-video-w-content .ser_video_wrapper,
    .ser-video-w-content video.service-video {
        height: 300px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 192px;
    }
    .hero-text-img-wrap {
        font-size: 25px;
        line-height: 46px;
    }
    .hero-text-img-wrap .first-line-wrap {
        gap: 3px;
    }
    .hero-text-img-wrap .second-line-wrap {
        gap: 5px;
    }
    .hero-text-img-wrap img {
        max-width: 80px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 16px;
        max-width: 75%;
    }
    .black-btn {
        padding: 12px 40px;
        font-size: 16px;
    }
    .au-cards .all-counter_wrapper {
        padding: 25px 20px;
    }
    .au-cards .counter-up-wrap {
        gap: 15px;
        padding: 20px 15px;
    }
    .au-cards .counter {
        font-size: 30px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3,
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 15px;
    }
    .fs-cards .img-n-desc,
    .fc-cards .img-n-desc {
        max-width: 60px;
    }
    .fs-grid .fs-title,
    .fc-grid .fs-title {
        font-size: 22px;
    }
    .fs-desc,
    .fc-desc {
        font-size: 16px;
    }
    .fs-cta-title,
    .fc-cta-title {
        font-size: 30px;
        max-width: 300px;
        margin: 0 auto 30px;
    }
    .white-btn {
        padding: 12px 30px;
        font-size: 16px;
    }
    .wwdb-flex-cols {
        gap: 15px;
        row-gap: 25px;
    }
    .a-wwdb-f-col {
        flex: 1 1 calc(50% - 15px);
    }
    .a-wwdb-img {
        max-width: 80px;
    }
    .a-wwdb-title {
        font-size: 20px;
        margin: 18px 0 16px;
    }
    .a-wwdb-list li {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .wcz-cards {
        padding: 20px;
    }
    .wcz-grid .wcz-title.big {
        font-size: 38px;
    }
    .wcz-grid .wcz-title {
        font-size: 24px;
    }
    .z-credit-box {
        padding: 20px;
    }
    .wcz-grid .z-credit-logo {
        margin-bottom: 13px;
    }
    .n-hire-dev-wrapper {
        gap: 45px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .n-hire-dev-sec .gradient-btn {
        margin: auto;
    }
    .v-marquee-wrap {
        gap: 20px;
        height: 400px;
        flex: auto;
        width: 100%;
        justify-content: center;
    }
    .m-col-1 .tile {
        width: 100px;
        height: 100px;
    }
    .m-col-2 .tile {
        width: 90px;
        height: 90px;
    }
    .m-col-3 .tile {
        width: 80px;
        height: 80px;
    }
    .req-call .cta-form-field-wrap {
        margin-bottom: 30px;
    }
    .cta-form-field-wrap span.wpcf7-spinner {
        top: 110%;
        right: 2%;
    }
    .cta-form-field-wrap .white-btn {
        padding: 8px 14px;
        font-size: 13px;
    }
    .req-call .acc-terms-txt {
        font-size: 13px;
    }
    .step-slider .step:nth-child(1) {
        background: #f6efe7;
    }
    .step-slider .step-label {
        padding: 3px 10px;
        margin-bottom: 15px;
    }
    .step-slider .preview-content {
        font-size: 30px;
    }
    .step-slider .preview-content br {
        display: none;
    }
    .step-slider .full-content .step-title {
        font-size: 38px;
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-desc {
        font-size: 18px;
    }
    .step-slider .step.active {
        gap: 30px;
    }
}

@media screen and (max-width: 479px) and (min-width: 380px) {
    .main-btn {
        padding: 10px 20px;
    }
    .section-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .section-desc {
        font-size: 16px;
        line-height: 1.5;
        margin-top: unset;
    }
    .hero_wrapper {
        padding: 30px 20px;
    }
    .hero_wrapper h3.title {
        font-size: 26px;
    }
    .hero_wrapper h1.big-title,
    h1.banner_title {
        font-size: 38px;
        margin-bottom: 15px;
    }
    .hero_wrapper p.desc,
    .banner_center .banner_patch .banner_para {
        font-size: 16px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 15px;
    }
    #hero .img-content .img_wrapper {
        text-align: center;
    }
    #hero .img-content .img_wrapper img {
        width: 100%;
    }
    .logo-slider .slick-slide {
        margin: 0 40px;
    }
    .about_wrapper .section-title {
        font-size: 28px;
    }
    .about_wrapper .content_wrapper {
        padding: 30px 15px;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 20px 15px;
    }
    .counter_wrapper {
        padding: 15px;
    }
    .counter_wrapper .counter {
        font-size: 46px;
    }
    .counter_wrapper p {
        font-size: 16px;
    }
    .about_wrapper video.abt-video {
        height: 450px;
    }
    #services .service_wrapper {
        min-height: 948px;
        padding: 15px;
    }
    #services .tab {
        padding: 10px 12px;
        font-size: 17px;
    }
    #services .tabs-container-wrapper .arrow {
        padding: 0px 6px;
    }
    .tabs-container-wrapper .arrow svg {
        width: 17px;
        height: 17px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 80%;
        margin: 20px auto 40px;
    }
    #services .tab-content .title {
        font-size: 42px;
        margin-bottom: 10px;
    }
    #services .content {
        padding: 0;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 16px;
    }
    #services .details_wrapper ul.pointers li {
        margin-bottom: 5px;
    }
    #portfolio .section-title {
        font-size: 46px;
    }
    #portfolio .section-title.th-border::after {
        width: 69%;
        border: 2px solid #FC6A03;
        bottom: 17px;
        right: 0;
        z-index: -1;
    }
    #portfolio .portfolio-item .p-detail h6:after {
        left: 5px;
    }
    #portfolio .portfolio-item .p-detail h6 {
        font-size: 20px;
    }
    #portfolio .portfolio-item .p-detail .c-btn {
        padding: 6px 10px;
        font-size: 15px;
    }
    #portfolio .portfolio-item .c-btn .icon {
        width: 15px;
        margin-left: 5px !important;
    }
    .process-slider .slick-slide .wrapper {
        padding: 20px;
        min-height: 385px;
    }
    .slick-prev {
        top: 50%;
        left: -10px;
    }
    .slick-next {
        top: 50%;
        right: 10px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 24px;
    }
    .process-slider .slick-slide .pro-info {
        margin-bottom: 20px;
    }
    .process-slider .pro-pointer ul {
        padding-left: 21px;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 18px;
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 20px;
        padding: 10px;
    }
    .process-slider .slick-slide .pro-number {
        font-size: 125px;
        right: -11px;
        bottom: 33px;
    }
    #hire-dev .hire_wrapper {
        padding: 40px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 16px;
        line-height: 1.5;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 25px;
    }
    .hiring-steps li:nth-child(odd)::before,
    .hiring-steps li:nth-child(even)::before {
        font-size: 18px;
    }
    .shape img {
        left: 0px;
        top: -2px;
        width: 101%;
    }
    .point .point-content h4 {
        font-size: 26px;
    }
    .point .point-content p {
        font-size: 16px;
    }
    .footer {
        padding: 0 30px;
    }
    .footer_upper {
        padding: 40px 0 40px;
    }
    .footer_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20px 0 30px;
    }
    .footer_middle .child {
        flex: 1 1 50%;
        margin: 20px 0;
    }
    .f-title {
        margin-bottom: 5px;
    }
    .footer_middle .nav {
        gap: 10px;
    }
    .footer_middle .nav a,
    .footer_middle .info a {
        font-size: 18px;
    }
    .footer_lower .upper {
        padding-bottom: 15px;
    }
    .footer_lower .socials {
        gap: 8px;
    }
    .footer_lower .socials a,
    .footer_lower .upper .info,
    .footer_lower .rights {
        font-size: 15px;
    }
    .intro_bg_wrapper {
        height: 350px;
    }
    h1.page-sub-title {
        font-size: 22px;
    }
    h2.page-title {
        font-size: 44px;
        margin-bottom: unset;
    }
    .page-desc {
        width: 90%;
        font-size: 16px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 15px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 15px;
    }
    .section-desc {
        margin-top: 20px;
    }
    .founders .founder_wrapper {
        padding: 15px;
        gap: 15px;
    }
    .founder_wrapper img {
        /* max-width: 175px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .f-info .design {
        font-size: 14px;
        margin-top: 10px;
    }
    .founders .f-info .name {
        font-size: 20px;
        margin-top: 5px;
    }
    .founders .f-info .desc {
        font-size: 15px;
        margin-top: 10px;
    }
    .founders .v2 .f-info .design {
        margin-bottom: 10px;
    }
    .founders .f-info .socials i {
        font-size: 30px;
    }
    .promise .light_bg_wrapper {
        padding: 20px;
    }
    .promise .section-title {
        font-size: 34px;
    }
    .promises_wrapper {
        padding: 15px;
    }
    .promises_wrapper .number {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .promises_wrapper .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .promises_wrapper .desc {
        font-size: 16px;
    }
    .contact_wrapper {
        padding: 30px 20px;
    }
    .contact_wrapper .c-info .info {
        gap: 10px;
        margin-bottom: 20px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 46px;
        margin-bottom: 40px;
    }
    .contact_wrapper .c-info .info .icon {
        padding: 10px;
    }
    .c-info .info .detail {
        font-size: 18px;
    }
    .form .wrapper {
        padding: 15px 15px 0;
    }
    .form .form-label {
        font-size: 20px;
    }
    .form input.form-control {
        height: 40px;
    }
    .blogs_section .sec-details {
        margin: 0px auto 40px;
    }
    .review {
        padding: 20px;
    }
    .review p {
        font-size: 16px;
    }
    .why-dezdok .why_dezdok_wrapper {
        padding: 30px 20px;
    }
    .why-dezdok .section-title {
        font-size: 32px;
    }
    .point .point-content .number {
        font-size: 30px;
    }
    button.accordion-button.collapsed,
    button.accordion-button {
        padding: 20px;
    }
    .accordion-body {
        padding: 0 20px 20px;
    }
    button.accordion-button {
        font-size: 20px;
    }
    .accordion-body {
        font-size: 16px;
    }
    /* section#faq {
        margin-bottom: 0;
    } */
    .marquee-sec {
        margin: 40px 0;
    }
    .marquee {
        height: 50px;
    }
    .marquee span {
        font-size: 35px;
    }
    .footer_upper h3.title {
        font-size: 48px;
        margin-bottom: 30px;
    }
    .h-founder_wrapper,
    .h-founder_wrapper.without_bg {
        padding: 30px 25px;
    }
    .about-founder .intro-sent,
    .founder_name h1 {
        font-size: 28px;
    }
    .detail-desc {
        font-size: 16px;
    }
    .img-info-sec .image_wrapper img {
        max-height: 300px;
    }
    .first_blog_wrapper .blog-title a {
        font-size: 24px;
    }
    .first_blog_wrapper .blog-category a {
        font-size: 18px;
    }
    .first_blog_wrapper .blog_by-date a.author,
    .first_blog_wrapper .blog_by-date .blog_date {
        font-size: 16px;
    }
    .blog-category a {
        font-size: 18px;
    }
    .blog-title a {
        font-size: 24px;
    }
    .blog-description {
        font-size: 15px;
    }
    .time-sec .hour:before {
        width: 5px;
    }
    .time-sec .clock {
        min-height: 8em;
        min-width: 8em;
    }
    .time-sec .hour {
        height: 5em;
        width: 5em;
    }
    .time-sec .min {
        height: 6em;
        width: 6em;
    }
    .time-sec .sec {
        height: 7em;
        width: 7em;
    }
    .clock_wrap h3 {
        font-size: 28px;
        margin-left: 0px;
    }
    .time-sec .simpl-desc {
        font-size: 16px;
    }
    .ser-card {
        padding: 25px;
    }
    .ser-card h2.ser-title {
        font-size: 24px;
    }
    .ser-card .ser-desc {
        font-size: 18px;
    }
    .why-dezdok.v2 .wd_wrapper h3 {
        font-size: 20px;
    }
    .why-dezdok.v2 .wd_wrapper p {
        font-size: 16px;
    }
    nav.breadcrumb {
        font-size: 15px;
    }
    .service_detail_hero .content {
        margin: 30px 0 25px;
    }
    .service_detail_hero .section-sub-title {
        font-size: 18px;
    }
    .service_detail_hero .section-title {
        font-size: 32px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 30px;
    }
    .service_detail_hero.hero-video-sec .main-btn {
        margin: auto;
    }
    .service_detail_hero .section-desc {
        width: 100%;
    }
    .service_detail_hero .logo-img {
        width: 20%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -10px;
        right: -800px;
    }
    .service_detail_hero .main-btn {
        padding: 8px 12px;
    }
    .service_detail_hero .cta-btn.btns {
        padding-bottom: 30px;
        flex-direction: column;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 300px;
    }
    .ser_title {
        font-size: 28px;
    }
    .simple-desc {
        font-size: 16px;
    }
    .tech-grid span {
        padding: 10px 0;
        flex: 0 0 19%;
    }
    .process .process_title {
        padding: 20px 25px 20px 25px;
        font-size: 20px;
    }
    .process_content_wrapper {
        padding: 25px;
    }
    .process_content_wrapper .title {
        font-size: 20px;
    }
    .process_content_wrapper .desc,
    .process_content_wrapper .process_pointers {
        font-size: 15px;
    }
    .service-opt {
        padding: 25px 20px;
        row-gap: 13px;
    }
    .service-title {
        font-size: 24px;
    }
    .service-opt ul.service-pointer li {
        font-size: 17px;
        padding-left: 21px;
    }
    .service-opt ul.service-pointer li::before {
        width: 15px;
        height: 15px;
    }
    .service-opt ul.service-pointer li::after {
        left: 6.5px;
        width: 3px;
        height: 7px;
    }
    .current-openings .accordion-button span {
        font-size: 16px;
    }
    .current-openings button.accordion-button {
        padding: 30px 20px;
    }
    .current-openings .accordion-body {
        padding: 0 20px 20px;
    }
    .job-description .a-desc {
        margin-bottom: 20px;
    }
    .job-description .a-desc h6 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .job-description .a-desc p,
    .job-description .a-desc ul li,
    .current-openings .accordion-body .cf7-form input {
        font-size: 15px;
    }
    .current-openings .accordion-body .cf7-form .upload-cv label {
        width: 80%;
        font-size: 14px;
    }
    .page-template-hire-developer .intro_bg_wrapper {
        height: 425px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 35px 25px;
    }
    .ben-card .benefit_wrapper {
        padding: 20px 15px;
    }
    .benefit_wrapper .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .hd-p-content .title {
        font-size: 28px;
    }
    .benefit_wrapper .desc ul li,
    .hiring-steps-v2 .step .info .desc ul li,
    .hd-p-content .desc {
        font-size: 16px;
    }
    .hiring-steps-v2 .step .info .title {
        font-size: 24px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side h2 {
        font-size: 30px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side p {
        font-size: 16px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li {
        font-size: 12px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .img-wrap img {
        width: 215px;
        height: auto;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list {
        margin-left: -145px;
        margin-bottom: -10px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(1) {
        margin-left: 15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(2) {
        margin-left: 30px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(3) {
        margin-left: 15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(4) {
        margin-left: -35px;
    }
    .industry-list .industry .wrapper {
        padding: 20px 0;
    }
    .industry-list .industry {
        width: calc((100%/3) - -40px);
    }
    .industry-list .industry img {
        width: 50px;
    }
    .industry-list .industry h3 {
        font-size: 18px;
    }
    .mobile-screens-cards .wrapper.light-col-bg {
        padding: 30px 20px 0;
    }
    .flow-content {
        padding: 20px;
        gap: 0;
    }
    .flow-content h3 {
        font-size: 24px;
    }
    .flow-number {
        width: 75px;
        height: 100px;
    }
    .flow-number span {
        font-size: 40px;
    }
    .flow-number::before {
        top: -35px;
        right: -35px;
        width: 80px;
        height: 80px;
    }
    .service-tech-cta .service-tech-bg {
        width: 175px;
        bottom: -40px;
        right: -15px;
    }
    .mobile-screens-cards .sec-details {
        margin-bottom: 60px;
    }
    .screen-card {
        padding: 60px 30px 20px;
        max-width: 380px;
    }
    .mobile-screens-cards .screen-card .icon img {
        width: 35px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 16px;
    }
    .mobile-screen-cards .slick-prev {
        left: 0px;
    }
    .mobile-screen-cards .slick-next {
        right: 3px;
    }
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 25px;
        width: 20px;
        height: 20px;
    }
    .mobile-frame img {
        border-radius: 0 0 10px 10px;
    }
    .project-status-wrapper .nav.nav-pills {
        margin-bottom: 35px;
        display: flex;
        overflow-y: scroll;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .project-status-wrapper .nav .nav-item .nav-link {
        padding: 0.6rem .75rem;
        font-size: 18px;
    }
    .project-status-wrapper .col-12 {
        padding: 10px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main {
        padding: 15px 10px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-details h2 {
        font-size: 22px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-desc {
        font-size: 15px;
    }
    .proj-tags .a-tag {
        font-size: 10px;
        padding: 4px 8px;
    }
    .proj-status .proj-progress-perc {
        padding: 4px 12px;
        font-size: 12px;
    }
    .proj-status .completion-date {
        font-size: 15px;
    }
    .simple-opt-cards .light-col-bg .sec-details {
        margin-bottom: 50px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 40px 20px;
    }
    .simp-opt-card-wrapper {
        padding: 20px;
    }
    .simp-opt-card-wrapper h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .simp-opt-card-wrapper .desc {
        font-size: 16px;
    }
    .all-counter_wrapper .counter_wrapper .counter-hours {
        font-size: 50px;
    }
    .stats-slider .counter_wrapper .counter {
        font-size: 36px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-title {
        font-size: 17px;
    }
    .stats-slider .counter_wrapper .counter-title {
        font-size: 15px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 15px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 15px;
    }
    .b-grid .g-card .content-wrap {
        padding: 15px 15px 0 15px;
    }
    .b-grid .g-card .title {
        font-size: 18px;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 110px;
    }
    .b-grid .g-card-2 img {
        max-width: 170px;
    }
    .b-grid .g-card-4 img {
        max-width: 85px;
        margin-right: 20px;
    }
    .b-grid .g-card-5 img {
        max-width: 65px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .service_detail_hero.v2 {
        padding: 150px 0 100px;
    }
    .service_detail_hero.v2 .section-title {
        font-size: 32px;
    }
    .service_detail_hero.v2 .main-btn {
        margin: auto;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -60px;
        margin-bottom: 0px;
    }
    .ser-video-w-content .row {
        gap: 25px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 15px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 12px 24px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 20px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 26px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap {
        column-gap: 35px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 13px;
        padding: 5px 12px 5px 12px;
    }
    .v2 .cta-sec-bg-wrapper {
        max-height: 375px;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        font-size: 24px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 20px;
        margin: 15px 0 25px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .read-more-btn {
        font-size: 15px;
    }
    .review-content {
        padding: 15px 15px 12px 15px;
        height: 100%;
    }
    .review-slider-v2.v2 .review-content {
        padding: 75px 25px 25px 25px;
    }
    .review-slider-v2 .review-item .review-img {
        max-width: 130px;
    }
    .review-slider-v2 .review-item .review-by {
        font-size: 20px;
    }
    .review-slider-v2 .review-item .review-desgn {
        font-size: 16px;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 14px;
        margin: 5px 0 10px;
    }
    .review-slider-v2 .owl-nav button span {
        width: 45px;
        height: 45px;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon {
        width: 30px;
        height: 30px;
        margin: -16px auto;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon img {
        max-width: 18px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .step-count {
        margin: 1em 0 0 0;
        font-size: 10px;
        line-height: 1.1;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .heading {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .desc {
        font-size: 8px;
        line-height: 1.2;
    }
    .a-v-portfolio .image-wrapper .dev-type {
        right: 0;
    }
    .title-w-dot {
        font-size: 11px;
    }
    .link-grid .a-link-wrap a {
        padding: 3px 10px;
        font-size: 12px;
    }
    .a-v-portfolio .portfolio-content .cat-name {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 22px;
    }
    .a-v-portfolio .portfolio-content .p-desc {
        font-size: 13px;
    }
    .portfolio-link {
        padding: 3px 12px;
        font-size: 13px;
    }
    .a-v-portfolio .dev-type .dev-type-wrap .dev-type-link {
        padding: 3px 10px;
        font-size: 10px;
    }
    .ser-video-w-content .ser_video_wrapper,
    .ser-video-w-content video.service-video {
        height: 250px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        min-height: 240px;
    }
    .hero-text-img-wrap {
        font-size: 20px;
        line-height: 40px;
    }
    .hero-text-img-wrap .first-line-wrap {
        gap: 3px;
    }
    .hero-text-img-wrap .second-line-wrap {
        gap: 5px;
    }
    .hero-text-img-wrap img {
        max-width: 60px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 15px;
        max-width: 80%;
    }
    .black-btn {
        padding: 12px 40px;
        font-size: 16px;
    }
    .au-cards .all-counter_wrapper {
        padding: 25px 20px;
    }
    .au-cards .counter-up-wrap {
        gap: 15px;
        padding: 20px 15px;
    }
    .au-cards .counter {
        font-size: 26px;
    }
    .au-cards .counter-hours {
        font-size: 36px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3,
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 15px;
    }
    .fs-cards .img-n-desc,
    .fc-cards .img-n-desc {
        max-width: 60px;
    }
    .fs-grid .fs-title,
    .fc-grid .fs-title {
        font-size: 22px;
    }
    .fs-desc,
    .fc-desc {
        font-size: 16px;
    }
    .fs-cta-title,
    .fc-cta-title {
        font-size: 30px;
        max-width: 300px;
        margin: 0 auto 30px;
    }
    .fc-cards.card-4 img.fc-img {
        width: 100%;
    }
    .white-btn {
        padding: 12px 30px;
        font-size: 16px;
    }
    .wwdb-flex-cols {
        row-gap: 30px;
    }
    .a-wwdb-f-col {
        flex: 1 1 calc(100% - 0px);
    }
    .a-wwdb-img {
        max-width: 80px;
    }
    .a-wwdb-title {
        font-size: 20px;
        margin: 18px 0 16px;
    }
    .a-wwdb-list li {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .wcz-cards {
        padding: 18px;
    }
    .wcz-grid .wcz-title.big {
        font-size: 34px;
    }
    .wcz-grid .wcz-title {
        font-size: 20px;
    }
    .z-credit-box {
        padding: 18px;
    }
    .wcz-grid .z-credit-logo {
        margin-bottom: 13px;
    }
    .n-hire-dev-wrapper {
        gap: 45px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .n-hire-dev-sec .gradient-btn {
        margin: auto;
    }
    .v-marquee-wrap {
        gap: 20px;
        height: 350px;
        flex: auto;
        width: 100%;
        justify-content: center;
    }
    .m-col-1 .tile {
        width: 100px;
        height: 100px;
    }
    .m-col-2 .tile {
        width: 90px;
        height: 90px;
    }
    .m-col-3 .tile {
        width: 80px;
        height: 80px;
    }
    .req-call .cta-form-field-wrap {
        margin-bottom: 30px;
    }
    .cta-form-field-wrap p {
        flex-direction: column;
    }
    .cta-form-field-wrap span.wpcf7-spinner {
        top: 110%;
        right: 2%;
    }
    .cta-form-field-wrap .white-btn {
        padding: 8px 14px;
        font-size: 13px;
    }
    .req-call .acc-terms-txt {
        font-size: 12px;
    }
    .step-slider .step:nth-child(1) {
        background: #f6efe7;
    }
    .step-slider .step-label {
        padding: 3px 10px;
        margin-bottom: 15px;
    }
    .step-slider .preview-content {
        font-size: 26px;
    }
    .step-slider .preview-content br {
        display: none;
    }
    .step-slider .full-content .step-title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-desc {
        font-size: 16px;
    }
    .step-slider .step.active {
        gap: 30px;
    }
    .step-slider .step:nth-child(1).active {
        padding: 24px;
    }
}

@media screen and (max-width: 379px) {
    #ind-we-serve .sec-details,
    .portfolio_wrapper .sec-details,
    .blogs_section .sec-details,
    #reviews .sec-details,
    #faq .sec-details {
        margin: 0 auto 40px;
    }
    .section-title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .section-desc {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 10px;
    }
    /* .main-btn {
        padding: 10px 15px;
    } */
    .main-btn {
        padding: 10px 15px;
        font-size: 14px;
    }
    .hero_wrapper {
        padding: 20px 15px;
    }
    .hero_wrapper h3.title {
        font-size: 22px;
    }
    .hero_wrapper h1.big-title,
    h1.banner_title {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .hero_wrapper p.desc,
    .banner_center .banner_patch .banner_para {
        font-size: 14px;
        line-height: 1.5;
    }
    .hero_wrapper .cta-btn {
        margin-top: 0;
    }
    #hero .img-content .img_wrapper {
        text-align: center;
    }
    #hero .img-content .img_wrapper img {
        width: 100%;
    }
    .logo-slider .slick-slide {
        margin: 0 20px;
    }
    .about_wrapper .section-title {
        font-size: 28px;
    }
    .about_wrapper .content_wrapper {
        padding: 20px 10px;
    }
    .about_wrapper .all-counter_wrapper {
        padding: 10px 5px;
    }
    .about_wrapper .cta {
        margin-top: 25px;
    }
    .counter_wrapper {
        padding: 15px;
    }
    .counter_wrapper .counter {
        font-size: 32px;
    }
    .counter_wrapper p {
        font-size: 16px;
    }
    .about_wrapper video.abt-video {
        height: 450px;
    }
    #services .service_wrapper {
        min-height: 920px;
        padding: 10px;
    }
    #services .tab {
        padding: 8px 10px;
        font-size: 14px;
    }
    #services .tabs-container-wrapper .arrow {
        padding: 0px 6px;
    }
    .tabs-container-wrapper .arrow svg {
        width: 15px;
        height: 15px;
    }
    #services .tabs-container-wrapper .tabs-container {
        width: 75%;
        margin: 20px auto 40px;
    }
    #services .tab-content .title {
        font-size: 34px;
    }
    #services .content {
        padding: 0 5px;
    }
    #services .details_wrapper .simple_desc p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    #services .details_wrapper .simple_desc {
        margin-bottom: 30px;
    }
    #services .details_wrapper ul.pointers li a {
        font-size: 14px;
    }
    #services .details_wrapper ul.pointers li {
        margin-bottom: 5px;
    }
    #portfolio .portfolio-item {
        padding: 10px;
    }
    #portfolio .section-title {
        font-size: 40px;
    }
    #portfolio .section-title.th-border::after {
        width: 69%;
        border: 2px solid #FC6A03;
        bottom: 17px;
        right: 0;
        z-index: -1;
    }
    #portfolio .portfolio-item .p-detail h6:after {
        left: 2px;
        width: 6px;
        height: 6px;
    }
    #portfolio .portfolio-item .p-detail h6 {
        font-size: 16px;
    }
    #portfolio .portfolio-item .p-detail .c-btn {
        padding: 5px 7px;
        font-size: 12px;
    }
    #portfolio .portfolio-item .c-btn .icon {
        width: 12px;
        margin-left: 5px !important;
    }
    .process-slider .slick-slide {
        margin: 0px 5px;
    }
    .process-slider .slick-slide .pro-info img {
        width: 75px;
    }
    .process-slider .slick-slide .wrapper {
        padding: 20px;
        min-height: 363px;
    }
    .slick-prev {
        top: 50%;
        left: -10px;
    }
    .slick-next {
        top: 50%;
        right: 10px;
    }
    .process-slider .slick-slide h3.pro-title {
        font-size: 21px;
    }
    .process-slider .slick-slide .pro-info {
        margin-bottom: 20px;
    }
    .process-slider .pro-pointer ul {
        padding-left: 21px;
    }
    .process-slider .slick-slide .pro-pointer li {
        font-size: 16px;
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 20px;
        padding: 10px;
    }
    .process-slider .slick-slide .pro-number {
        font-size: 90px;
        right: -8px;
        bottom: 20px;
    }
    #hire-dev .hire_wrapper {
        padding: 40px;
    }
    #hire-dev .hire_wrapper .title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hire_wrapper .section-desc {
        font-size: 14px;
        line-height: 1.5;
    }
    .hire_wrapper .content_wrapper .cta-btn {
        margin-top: 25px;
    }
    .hiring-steps li:nth-child(odd)::before,
    .hiring-steps li:nth-child(even)::before {
        font-size: 18px;
    }
    .shape img {
        left: 0px;
        top: -2px;
        width: 101%;
    }
    .point .point-content h4 {
        font-size: 30px;
    }
    .point .point-content p {
        font-size: 14px;
    }
    .footer {
        padding: 0 20px;
    }
    .footer_upper {
        padding: 25px 0 30px;
    }
    .footer_middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 0 25px;
    }
    .footer_middle .child {
        flex: 1 1 50%;
        margin: 15px 0;
    }
    .f-title {
        margin-bottom: 5px;
    }
    .footer_middle .nav {
        gap: 10px;
    }
    .footer_middle .nav a,
    .footer_middle .info a {
        font-size: 16px;
    }
    .footer_lower .upper {
        padding-bottom: 15px;
    }
    .footer_lower .socials {
        gap: 8px;
    }
    .footer_lower .socials a,
    .footer_lower .upper .info,
    .footer_lower .rights {
        font-size: 15px;
    }
    .footer_wrapper .contact-info .info {
        gap: 15px;
    }
    .intro_bg_wrapper {
        height: 350px;
    }
    h1.page-sub-title {
        font-size: 22px;
    }
    h2.page-title {
        font-size: 38px;
        margin-bottom: unset;
    }
    .page-desc {
        width: 95%;
        font-size: 14px;
    }
    .intro_bg_wrapper .cta-btn {
        margin-top: 15px;
    }
    .img-info-sec .content_wrapper,
    .img-info-sec.img-left .content_wrapper {
        padding: 10px;
    }
    .founders .founder_wrapper {
        padding: 15px;
        gap: 15px;
    }
    .founder_wrapper img {
        /* max-width: 175px; */
        object-fit: cover;
        border-radius: 20px;
    }
    .founders .f-info .design {
        font-size: 14px;
        margin-top: 10px;
    }
    .founders .f-info .name {
        font-size: 20px;
        margin-top: 5px;
    }
    .founders .v2 .f-info .design {
        margin-bottom: 10px;
    }
    .founders .f-info .desc {
        font-size: 15px;
        margin-top: 10px;
    }
    .founders .f-info .socials i {
        font-size: 30px;
    }
    .promise .light_bg_wrapper {
        padding: 20px 15px;
    }
    .promise .section-title {
        font-size: 29px;
    }
    .promises_wrapper {
        padding: 15px;
    }
    .promises_wrapper .number {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .promises_wrapper .title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .promises_wrapper .desc {
        font-size: 14px;
    }
    .contact_wrapper {
        padding: 20px 15px;
    }
    .contact_wrapper .c-info .info {
        gap: 10px;
        margin-bottom: 20px;
    }
    .contact_wrapper .c-info h3.title {
        font-size: 40px;
        margin-bottom: 30px;
    }
    .contact_wrapper .c-info .info .icon {
        padding: 4px 8px;
    }
    .contact_wrapper .c-info .info .icon i {
        font-size: 14px;
    }
    .c-info .info .detail {
        font-size: 15px;
    }
    .form .wrapper {
        padding: 20px 15px 0;
    }
    .form .form-label {
        font-size: 18px;
    }
    .form input.form-control {
        height: 40px;
    }
    .blog-info {
        padding: 20px 12px;
    }
    .blogs_section .sec-details {
        margin: 0px auto 40px;
    }
    .blogs_section .blogs_wrapper {
        padding: 50px 10px 10px;
    }
    .blog-info .info .blog-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .blog-info .blog-desc {
        font-size: 14px;
    }
    .review {
        padding: 20px;
    }
    .review p {
        font-size: 14px;
    }
    .why-dezdok .why_dezdok_wrapper {
        padding: 25px 15px;
    }
    .point .point-content h4 {
        font-size: 26px;
    }
    .point .point-content .number {
        font-size: 28px;
    }
    .section-title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .about-us .section-title {
        font-size: 22px;
    }
    .why-dezdok .section-title {
        font-size: 28px;
    }
    button.accordion-button.collapsed,
    button.accordion-button {
        padding: 15px;
    }
    .accordion-body {
        padding: 0 15px 15px;
    }
    button.accordion-button {
        font-size: 16px;
    }
    .accordion-body {
        font-size: 14px;
    }
    /* /* section#faq {
        margin-bottom: 0;
    } */
    */ .marquee-sec {
        margin: 40px 0;
    }
    .marquee {
        height: 40px;
    }
    .marquee span {
        font-size: 30px;
    }
    .footer_upper h3.title {
        font-size: 42px;
        margin-bottom: 30px;
    }
    .h-founder_wrapper,
    .h-founder_wrapper.without_bg {
        padding: 20px 15px;
    }
    .about-founder .intro-sent,
    .founder_name h1 {
        font-size: 25px;
    }
    .detail-desc {
        font-size: 14px;
    }
    .img-info-sec .image_wrapper img {
        max-height: 350px;
    }
    .first_blog_wrapper .blog-title a {
        font-size: 24px;
    }
    .first_blog_wrapper .blog-category a {
        font-size: 18px;
    }
    .first_blog_wrapper .blog_by-date a.author,
    .first_blog_wrapper .blog_by-date .blog_date {
        font-size: 16px;
    }
    .blog-category a {
        font-size: 16px;
    }
    .blog-title a {
        font-size: 22px;
    }
    .blog-description {
        font-size: 15px;
    }
    .time-sec .hour:before {
        width: 5px;
    }
    .time-sec .clock {
        min-height: 8em;
        min-width: 8em;
    }
    .time-sec .hour {
        height: 5em;
        width: 5em;
    }
    .time-sec .min {
        height: 6em;
        width: 6em;
    }
    .time-sec .sec {
        height: 7em;
        width: 7em;
    }
    .clock_wrap h3 {
        font-size: 20px;
        margin-left: 0px;
    }
    .time-sec .simpl-desc {
        font-size: 16px;
    }
    .ser-card {
        padding: 20px;
    }
    .ser-card h2.ser-title {
        font-size: 20px;
    }
    .ser-card .ser-desc {
        font-size: 16px;
    }
    .why-dezdok.v2 .wd_wrapper h3 {
        font-size: 20px;
    }
    .why-dezdok.v2 .wd_wrapper p {
        font-size: 14px;
    }
    nav.breadcrumb {
        font-size: 13px;
    }
    .service_detail_hero .content {
        margin: 30px 0 25px;
    }
    .service_detail_hero .section-sub-title {
        font-size: 18px;
    }
    .service_detail_hero .section-title {
        font-size: 28px;
    }
    .service_detail_hero.hero-video-sec .hero-vid-content-wrap .content .section-title {
        font-size: 28px;
    }
    .service_detail_hero.hero-video-sec .main-btn {
        margin: auto;
    }
    .service_detail_hero .section-desc {
        width: 100%;
    }
    .service_detail_hero .logo-img {
        width: 15%;
    }
    .service_detail_hero .logo_wrapper {
        bottom: -6px;
        right: -830px;
    }
    .service_detail_hero .main-btn {
        padding: 8px 12px;
    }
    .service_detail_hero .cta-btn.btns {
        padding-bottom: 30px;
        flex-direction: column;
    }
    .ser_video_wrapper,
    video.service-video {
        height: 300px;
    }
    .ser_title {
        font-size: 24px;
    }
    .simple-desc {
        font-size: 16px;
    }
    .tech-grid span {
        padding: 10px 0;
        flex: 0 0 27%;
    }
    .process .process_title {
        padding: 15px 20px 15px 20px;
        font-size: 20px;
    }
    .process_content_wrapper {
        padding: 20px;
    }
    .process_content_wrapper .title {
        font-size: 20px;
    }
    .process_content_wrapper .desc,
    .process_content_wrapper .process_pointers {
        font-size: 15px;
    }
    .service-opt {
        padding: 25px 15px;
        row-gap: 13px;
    }
    .service-title {
        font-size: 22px;
    }
    .service-opt ul.service-pointer li {
        font-size: 16px;
        padding-left: 20px;
    }
    .service-opt ul.service-pointer li::before {
        width: 15px;
        height: 15px;
    }
    .service-opt ul.service-pointer li::after {
        left: 6.5px;
        width: 3px;
        height: 7px;
    }
    .current-openings .accordion-button span {
        font-size: 14px;
    }
    .current-openings button.accordion-button {
        padding: 30px 15px;
    }
    .current-openings .accordion-body {
        padding: 0 15px 20px;
    }
    .job-description .a-desc {
        margin-bottom: 15px;
    }
    .job-description .a-desc h6 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .job-description .a-desc p,
    .job-description .a-desc ul li,
    .current-openings .accordion-body .cf7-form input {
        font-size: 14px;
    }
    .current-openings .accordion-body .cf7-form .upload-cv label {
        font-size: 13px;
        top: 50px;
        width: 75%;
    }
    .page-template-hire-developer .intro_bg_wrapper {
        height: 400px;
    }
    .hire-cta-sec .hire_wrapper,
    .hd_process_wrapper {
        padding: 25px 20px;
    }
    .ben-card .benefit_wrapper {
        padding: 15px;
    }
    .benefit_wrapper .title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .benefit_wrapper .desc ul li,
    .hiring-steps-v2 .step .info .desc ul li,
    .hd-p-content .desc {
        font-size: 14px;
    }
    .hiring-steps-v2 .step .info .title {
        font-size: 22px;
    }
    .hd-p-content .title {
        font-size: 26px;
    }
    .hiring-steps-v2 .step .dot {
        width: 12px;
        height: 12px;
    }
    .hiring-steps-v2 .step:after {
        left: 5px;
    }
    .hiring-steps-v2 .step .info {
        margin-bottom: 0px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side h2 {
        font-size: 28px;
    }
    .hire-cta-sec-bg-img .inner-content .content-side p {
        font-size: 16px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li {
        font-size: 10px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .img-wrap img {
        width: 200px;
        height: auto;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list {
        margin-left: -165px;
        margin-bottom: -15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(1) {
        margin-left: 15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(2) {
        margin-left: 30px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(3) {
        margin-left: 15px;
    }
    .hire-cta-sec-bg-img .inner-content .book-wrapper .content-list li:nth-child(4) {
        margin-left: -35px;
    }
    .industry-list .industry .wrapper {
        padding: 20px 0;
    }
    .industry-list .industry {
        width: calc((100%/3) - -39px);
    }
    .industry-list .industry img {
        width: 50px;
    }
    .industry-list .industry h3 {
        font-size: 16px;
    }
    .mobile-screens-cards .wrapper.light-col-bg {
        padding: 25px 15px 0;
    }
    .mobile-frame img {
        border-radius: 0 0 7px 7px;
    }
    .screen-card {
        max-width: 275px;
    }
    .flow-content {
        padding: 20px;
        gap: 0;
    }
    .flow-content h3 {
        font-size: 22px;
    }
    .flow-number {
        width: 75px;
        height: 100px;
    }
    .flow-number span {
        font-size: 40px;
    }
    .flow-number::before {
        top: -35px;
        right: -35px;
        width: 80px;
        height: 80px;
    }
    .service-tech-cta .service-tech-bg {
        width: 150px;
        bottom: -32px;
        right: -15px;
    }
    .mobile-screens-cards .sec-details {
        margin-bottom: 60px;
    }
    .screen-card {
        padding: 70px 25px 20px;
    }
    .mobile-screens-cards .screen-card .icon img {
        width: 35px;
    }
    .mobile-screens-cards .screen-card .desc {
        font-size: 14px;
    }
    .mobile-screen-cards .slick-prev {
        left: 0px;
    }
    .mobile-screen-cards .slick-next {
        right: 3px;
    }
    .mobile-screen-cards .slick-next:before,
    .mobile-screen-cards .slick-prev:before {
        font-size: 25px;
        width: 20px;
        height: 20px;
    }
    .project-status-wrapper .nav.nav-pills {
        margin-bottom: 35px;
        display: flex;
        overflow-y: scroll;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .project-status-wrapper .nav .nav-item .nav-link {
        padding: 0.6rem .75rem;
        font-size: 16px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-upper-cont {
        gap: 10px;
        margin-bottom: 15px;
    }
    .project-status-wrapper .col-12 {
        padding: 10px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main {
        padding: 15px 10px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-details h2 {
        font-size: 20px;
    }
    .project-status-wrapper .projects_wrapper .a-proj-wrap-main .proj-content .proj-desc {
        font-size: 14px;
    }
    .proj-tags .a-tag {
        font-size: 10px;
        padding: 4px 8px;
    }
    .proj-status .proj-progress-perc {
        padding: 4px 8px;
        font-size: 12px;
    }
    .proj-status .completion-date {
        font-size: 14px;
    }
    .simple-opt-cards .light-col-bg .sec-details {
        margin-bottom: 50px;
    }
    .simple-opt-cards .light-col-bg {
        padding: 30px 15px;
    }
    .simp-opt-card-wrapper {
        padding: 20px;
    }
    .simp-opt-card-wrapper h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .simp-opt-card-wrapper .desc {
        font-size: 14px;
    }
    .all-counter_wrapper .counter_wrapper .counter-hours {
        font-size: 40px;
    }
    .stats-slider .counter_wrapper .counter {
        font-size: 32px;
    }
    .all-counter_wrapper .dev-hours-wrap .counter_wrapper .counter-title {
        font-size: 16px;
    }
    .stats-slider .counter_wrapper .counter-title {
        font-size: 16px;
    }
    .why-dezdok.v3 .why_dezdok_wrapper {
        padding: 30px 5px;
    }
    .why-dezdok.v3 ul.nav-pills {
        margin-bottom: 25px;
    }
    .why-dezdok.v3 .nav-pills .nav-link {
        font-size: 14px;
    }
    .why-dezdok.v3 .tab-content-wrapper p {
        font-size: 14px;
    }
    .b-grid .g-card .content-wrap {
        padding: 15px 15px 0 15px;
    }
    .b-grid .g-card .title {
        font-size: 17px;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    .b-grid .g-card .desc {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .b-grid .g-card-1 img,
    .b-grid .g-card-3 img {
        max-width: 110px;
    }
    .b-grid .g-card-2 img {
        max-width: 170px;
    }
    .b-grid .g-card-4 img {
        max-width: 85px;
        margin-right: 20px;
    }
    .b-grid .g-card-5 img {
        max-width: 65px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .service_detail_hero.v2 {
        padding: 150px 0 100px;
    }
    .service_detail_hero.v2 .section-title {
        font-size: 28px;
    }
    .service_detail_hero.v2 .main-btn {
        margin: auto;
    }
    .wavy-bg dotlottie-wc {
        margin-top: -40px;
        margin-bottom: 0px;
    }
    .ser-video-w-content .row {
        gap: 25px;
    }
    .ser-video-w-content .video-content-wrapper .ser-title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .ser-video-w-content .video-content-wrapper .simple-desc {
        font-size: 14px;
    }
    .portfolio-tabs .port_tab.tab-links li {
        padding: 8px 16px;
        border-radius: 7px;
    }
    .portfolio-tabs .port_tab_content {
        padding: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .title {
        font-size: 24px;
    }
    .portfolio-tabs .port_tab_content .tab-details .desc {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type .c-name {
        margin-bottom: 15px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap {
        column-gap: 30px;
    }
    .portfolio-tabs .port_tab_content .tab-details .details_wrap .detail-type ul li {
        font-size: 12px;
        padding: 5px 10px 5px 10px;
    }
    .v2 .cta-sec-bg-wrapper {
        max-height: 375px;
    }
    .v2 .cta-sec-bg-wrapper .page-title {
        font-size: 20px;
    }
    .a-blog .blog-content .blog-title {
        font-size: 20px;
        margin: 15px 0 25px;
    }
    .a-blog .blog-content .blog-desc {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .read-more-btn {
        font-size: 14px;
    }
    .review-content {
        padding: 15px 15px;
        height: 100%;
        text-align: center;
    }
    .review-slider-v2 .review-item {
        flex-direction: column;
    }
    .review-slider-v2 .review-item .review-img {
        max-width: 130px;
        max-height: 130px;
        margin-top: 10px;
        border-radius: 100%;
    }
    .review-slider-v2 .review-item .review-by {
        font-size: 18px;
    }
    .review-slider-v2 .review-item .review-desgn {
        font-size: 15px;
    }
    .review-slider-v2 .review-item .review-desc {
        font-size: 13px;
        margin: 5px 0 10px;
    }
    .review-slider-v2 .owl-nav button span {
        width: 40px;
        height: 40px;
    }
    .review-slider-v2.owl-carousel .owl-item {
        padding-right: 3px;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon {
        width: 28px;
        height: 28px;
        margin: -15px auto;
    }
    .landing-process .landing-process-desktop .circle--rotate>li .icon img {
        max-width: 15px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .step-count {
        margin: 1em 0 0 0;
        font-size: 9px;
        line-height: 1.1;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .heading {
        font-size: 9px;
        margin-bottom: 5px;
    }
    .landing-process .landing-process-desktop .circle--slider .animate-more .desc {
        font-size: 7px;
        line-height: 1.2;
    }
    .landing-process .landing-process-desktop .circle--slider .prev-container .prev,
    .landing-process .landing-process-desktop .circle--slider .next-container .prev,
    .landing-process .landing-process-desktop .circle--slider .prev-container .next,
    .landing-process .landing-process-desktop .circle--slider .next-container .next {
        height: 30px;
        width: 30px;
    }
    .landing-process .landing-process-desktop .circle--slider .prev-container .prev i {
        margin-right: 2px;
        font-size: small;
    }
    .landing-process .landing-process-desktop .circle--slider .next-container .next i {
        margin-left: 2px;
        font-size: small;
    }
    .review-slider-v2.v2 .review-content {
        padding: 75px 15px 20px 15px;
    }
    .a-v-portfolio .image-wrapper .dev-type {
        right: 0;
    }
    .title-w-dot {
        font-size: 11px;
    }
    .link-grid .a-link-wrap a {
        padding: 3px 10px;
        font-size: 11px;
    }
    .a-v-portfolio .portfolio-content .cat-name {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .a-v-portfolio .portfolio-content .p-name a {
        font-size: 18px;
    }
    .a-v-portfolio .portfolio-content .p-desc {
        font-size: 13px;
    }
    .portfolio-link {
        padding: 2px 10px;
        font-size: 12px;
    }
    .a-v-portfolio .dev-type .dev-type-wrap .dev-type-link {
        padding: 3px 10px;
        font-size: 10px;
    }
    .ser-video-w-content .ser_video_wrapper,
    .ser-video-w-content video.service-video {
        height: 225px;
    }
    .why-dezdok.v3 .tab-content-wrapper {
        max-width: 95%;
        min-height: 216px;
    }
    .hero-text-img-wrap {
        font-size: 18px;
        line-height: 36px;
    }
    .hero-text-img-wrap .first-line-wrap {
        gap: 2px;
    }
    .hero-text-img-wrap .second-line-wrap {
        gap: 3px;
    }
    .hero-text-img-wrap img {
        max-width: 45px;
    }
    .home_banner.new-v .hero-desc {
        font-size: 14px;
        max-width: 80%;
    }
    .black-btn {
        padding: 10px 30px;
        font-size: 15px;
    }
    .au-cards .all-counter_wrapper {
        padding: 25px 20px;
    }
    .au-cards .counter-up-wrap {
        gap: 15px;
        padding: 20px 15px;
    }
    .au-cards .counter {
        font-size: 24px;
    }
    .au-cards .counter-hours {
        font-size: 36px;
    }
    .about-grid .card-4 {
        padding: 20px 15px 0;
    }
    .industries-slider .a-industry {
        font-size: 14px;
        padding: 12px 10px;
        gap: 8px;
    }
    .fs-cards.card-1,
    .fs-cards.card-2,
    .fs-cards.card-3,
    .fc-cards.card-1,
    .fc-cards.card-2,
    .fc-cards.card-3 {
        gap: 15px;
    }
    .fs-cards .img-n-desc,
    .fc-cards .img-n-desc {
        max-width: 60px;
    }
    .fs-grid .fs-title,
    .fc-grid .fs-title {
        font-size: 18px;
    }
    .fs-desc,
    .fc-desc {
        font-size: 14px;
    }
    .fs-cta-title,
    .fc-cta-title {
        font-size: 24px;
        max-width: 300px;
        margin: 0 auto 25px;
    }
    .fc-cards.card-4 img.fc-img {
        width: 100%;
    }
    .white-btn {
        padding: 12px 30px;
        font-size: 15px;
    }
    .wwdb-flex-cols {
        row-gap: 30px;
    }
    .a-wwdb-f-col {
        flex: 1 1 calc(100% - 0px);
    }
    .a-wwdb-img {
        max-width: 80px;
    }
    .a-wwdb-title {
        font-size: 20px;
        margin: 18px 0 16px;
    }
    .a-wwdb-list li {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .wcz-cards {
        padding: 16px;
    }
    .wcz-grid .wcz-title.big {
        font-size: 30px;
    }
    .wcz-grid .wcz-title {
        font-size: 18px;
    }
    .z-credit-box {
        padding: 16px;
    }
    .wcz-grid .z-credit-logo {
        margin-bottom: 11px;
    }
    .z-credit-desc {
        font-size: 11px;
    }
    .n-hire-dev-wrapper {
        gap: 45px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .n-hire-dev-sec .gradient-btn {
        margin: auto;
    }
    .v-marquee-wrap {
        gap: 20px;
        height: 350px;
        flex: auto;
        width: 100%;
        justify-content: center;
    }
    .m-col-1 .tile {
        width: 90px;
        height: 90px;
    }
    .m-col-2 .tile {
        width: 80px;
        height: 80px;
    }
    .m-col-3 .tile {
        width: 70px;
        height: 70px;
    }
    .req-call .cta-form-field-wrap {
        margin-bottom: 30px;
    }
    .cta-form-field-wrap p {
        flex-direction: column;
    }
    .cta-form-field-wrap span.wpcf7-spinner {
        top: 110%;
        right: 2%;
    }
    .cta-form-field-wrap .white-btn {
        padding: 8px 14px;
        font-size: 13px;
    }
    .req-call .acc-terms-txt {
        font-size: 12px;
    }
    .step-slider .step:nth-child(1) {
        background: #f6efe7;
    }
    .step-slider .step-label {
        padding: 3px 10px;
        margin-bottom: 10px;
    }
    .step-slider .preview-content {
        font-size: 24px;
    }
    .step-slider .preview-content br {
        display: none;
    }
    .step-slider .full-content .step-title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .step-slider .full-content .step-desc {
        font-size: 15px;
    }
    .step-slider .step.active {
        gap: 25px;
    }
    .step-slider .step:nth-child(1).active {
        padding: 20px;
    }
    .step-slider .step {
        padding: 20px;
    }
}