@media screen and (max-width:575px) {

    /* .design-dev-other-service{
    padding-bottom: 50px !important;
} */
    .why-choose-state .counter-item p {
        /* text-align: center !important; */
    }

    .why-choose-state .counter-item {
        max-width: 100%
    }

    .keyword-search.cards2 .custom-card {
        text-align: start
    }

    .cta-ban {
        margin-top: 2rem !important
    }

    .seo-adv-ser .image-container img {
        margin-top: 20px
    }

    .service-area .service-box-1 svg {
        width: 30px
    }

    .service-area .service-box-1 .ser-icon {
        display: none
    }

    .service-box-1 .btn-wrapper .t-btn svg {
        width: 40px !important
    }

    .section-title-wrapper {
        text-align: left
    }

    .hero-f p {
        text-align: center !important
    }

    .team-area-4 .team-area-4-inner {
        padding: 15px 0 !important
    }

    .btn-wrapper {
        display: flex;
        justify-content: start !important;
        align-items: start;
        flex-direction: column;
        align-items: left !important;
        margin-top: 10px
    }

    .team-area-4 .pros {
        text-align: left
    }

    .team-area-4 .pros .text {
        text-align: left !important
    }

    .dev-platforms2 {
        padding: 15px 0 !important
    }

    .gradient-tabs .nav-link {
        font-size: 20px;
        padding: 7px;
        margin-bottom: 8px
    }

    .footer-area-2.cta.cta2 .cta-area .section-title {
        font-size: 2rem !important
    }

    .accordion-wrapper-4 .accordion-button {
        line-height: 26px !important;
        padding-top: 15px
    }

    .text {
        font-size: 16px;
        text-align: left !important
    }

    .gradient-tabs .tab-content {
        padding: 30px 30px
    }

    p {
        font-size: 16px;
        text-align: left !important
    }

    .choose-area .feature-box .text {
        font-size: 16px
    }

    .service-box-4 .text {
        font-size: 16px
    }

    .service-area-5.core-seo .service-box-5 .text {
        font-size: 16px;
        margin-top: 10px
    }

    .service-area-5.core-seo .service-box-5 .feature-list li {
        font-size: 16px !important
    }

    .faq-area .accordion-body {
        font-size: 16px
    }

    .service-area-5.core-seo.ppc .service-name .title {
        font-size: 22px !important
    }

    .custom-card .title {
        font-size: 22px
    }

    .feature-box h4 {
        font-size: 22px
    }

    .digital-marcon .ullist {
        display: flex;
        justify-content: center
    }

    .ullist ul li {
        font-size: 16px
    }

    .testimonial-area .testimonial-nav-active .swiper-slide .avatar span {
        font-size: 20px;
        left: 28%;
        bottom: 33%
    }

    .accordion.seo-adv {
        margin-top: 40px !important
    }

    .process-area.ad-tools .process-wrapper {
        gap: 0 30px
    }

    .seo-adv-ser strong.title {
        display: flex;
        line-height: 22px
    }

    .hero-f .brand-area-4 h3 {
        margin-top: 5px !important;
        font-size: 21px !important
    }

    .service-f .service-box-1 .sub {
        font-size: 20px;
        line-height: 24px
    }

    .service-f .service-box-1 .service-list li {
        font-size: 19px;
        font-weight: 600;
        line-height: 24px
    }

    .service-f .section-subtitle {
        font-size: 16px
    }

    .why-choose-f .section-subtitle {
        font-size: 16px
    }

    .team-area-f .section-subtitle {
        font-size: 16px
    }

    .testimonial-f .section-subtitle {
        font-size: 16px
    }

    .section-title.f-head {
        font-size: 30px
    }

    .team-area-f .pros .team-members {
        display: flex;
        justify-content: center
    }

    .team-area-f .section-content .team-members .number {
        font-size: 60px
    }

    .team-area-f .section-content .btn-wrapper {
        display: flex !important;
        justify-content: center !important;
        text-align: center;
        align-items: center
    }

    .contact-area .social-links-wrapper {
        margin-top: 29px;
        display: flex;
        align-items: center !important;
        justify-content: start !important
    }

    .contact-area {
        padding-top: 0
    }

    .contact-area .text-wrapper p {
        text-align: left !important
    }

    .contact-area .contact-list ul {
        text-align: left !important
    }

    .captcha-form.captcha-area img {
        height: 38px !important
    }

    .section-content.thank-text {
        margin-top: 50px
    }

    .accordion-item .accordion-body strong.title {
        font-size: 18px;
        line-height: 24px
    }

    .service-box-1 .btn-wrapper .t-btn span {
        opacity: 1
    }

    .service-box-5 .title {
        margin-top: 22px !important
    }

    .faq-area .title-wrapper {
        margin-bottom: 20px !important
    }

    .faq-area .accordion-wrapper {
        margin-top: 20px
    }

    .process-box-1 {
        padding: 15px 20px 27px !important
    }

    .page-title-area .breadcrumb li+li:before {
        padding: 0 6px;
        color: var(--primary);
        content: "/ "
    }

    .advai-gads h4.title {
        font-size: 22px
    }

    .captcha-form.captcha-area input {
        width: 40% !important
    }

    h1.error-text {
        font-size: 100px;
        font-weight: 800;
    }

    .contact-area.pagenot-found-page .social-links-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

@media screen and (max-width:375px) {
    .page-title-area .section-content-wrapper {
        margin-top: 30px
    }

    .hero-f .brand-area-4 h3 {
        font-size: 16px !important
    }

    .section-content.thank-text {
        margin-top: 40px
    }
}

@media (min-width:320px) and (max-width:374px) {
    .captcha-form.captcha-area img {
        height: 38px !important;
        width: 38%
    }
}

.hero-f .brand-area-4 h3 {
    margin: 0 !important;
    margin-left: 10px !important
}

@media only screen and (max-width:767px) {
    .step-box .step-img img {
        padding-top: 50px;
    }

    .mobile-menu.mean-container .mean-nav ul li a {
        font-size: 20px
    }

    .team-area-f .pros .team-members {
        display: flex;
        justify-content: start !important
    }

    .team-area-f .section-content .btn-wrapper {
        justify-content: start !important;
        align-items: start !important
    }

    .work-area-2.page-portfolio-3 .works-wrapper-box {
        padding-top: 20px !important;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .work-area-2.page-portfolio-3 .works-wrapper-box {
        padding-top: 20px !important;
    }

    .step-box .step-img img {
        padding-top: 50px;
    }

    .service-3 .service-box-1 .service-list li a {
        font-size: 22px;
        line-height: 26px
    }

    .seo-adv-ser .title-wrapper h2 {
        margin-bottom: 25px !important
    }

    .seo-adv-ser .image-container {
        margin-top: 25px
    }

    .process-area.ad-tools .process-wrapper {
        gap: 0 30px
    }

    .section-title-wrapper {
        text-align: left
    }

    .testimonial-area .testimonial-nav-active .swiper-slide .avatar span {
        font-size: 28px;
        font-weight: 500;
        position: absolute;
        left: 18%;
        bottom: 25%;
        color: #a5a5a5
    }

    .gradient-tabs .nav-link {
        font-size: 20px;
        padding: 7px
    }

    .footer-area-2.cta.cta2 .cta-area .section-title {
        font-size: 1.8rem !important
    }

    .custom-card .title {
        font-size: 22px
    }

    .feature-box h4 {
        font-size: 22px
    }

    .keybnf-linkdads .ullist ul li {
        text-align: start !important;
        list-style: disc
    }

    .digital-marcon .ullist {
        display: flex;
        justify-content: center
    }

    .section-content.thank-text {
        margin-top: 50px
    }

    .process-box-1 {
        padding: 15px 20px 27px !important
    }
}

@media only screen and (max-width:991px) {
    .step-section1 .step-box .step-img img {
        max-width: 100% !important;
    }

    .step-section .service-area-5.core-seo .service-box-5 img {
        max-width: 50%;
    }

    .design-dev-other-service {
        background-color: #fff !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .products-service-img {
        padding: 0px 0px 0px 48px !important;
    }

    .design-dev-other-service .ullist ul li {

        font-size: 20px;
        font-weight: 500;

    }

    .design-dev-other-service .ullist ul li p {

        margin-top: 10px !important;

    }

}

@media (min-width:768px) and (max-width:991px) {
    .work-area-2.page-portfolio-3 .works-wrapper-box {
        padding-top: 20px;
    }

    .step-box .step-img img {
        padding-top: 50px;
        max-width: 70% !important;
    }

    .testimonial-area .testimonial-nav-active .swiper-slide .avatar span {
        font-size: 28px;
        font-weight: 500;
        position: absolute;
        left: 18%;
        bottom: 25%;
        color: #a5a5a5
    }

    .service-3 .service-box-1 .service-list li {
        font-size: 22px;
        line-height: 26px
    }

    .footer-area-2.cta.cta2 .cta-area .section-title {
        font-size: 31px !important;
        color: var(--primary)
    }

    .custom-card .title {
        font-size: 22px
    }

    .feature-box h4 {
        font-size: 22px
    }

    .digital-marcon .ullist {
        display: flex;
        justify-content: left
    }

}

@media (min-width:1024px) and (max-width:1199px) {
    .state-related-mar .content {
        max-width: 225px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .main-menu__wrap .mega_menu_wrapper.desdev-wrap {
        max-width: 100% !important;
    }

    .service-3 .service-box-1 .service-list li a {
        font-size: 22px
    }

    .footer-area-2.cta.cta2 .cta-area .section-title {
        font-size: 34px !important;
        color: var(--primary)
    }

    .off-page-seo .off-page.process-area-4-inner {
        grid-template-columns: 380px 1fr
    }

    .custom-card .title {
        font-size: 22px
    }

    .testimonial-area .testimonial-nav-active .swiper-slide .avatar span {
        font-size: 24px;
        left: 24%;
        bottom: 26%
    }

    .service-box-1 {
        height: auto
    }

    .service-area .services-wrapper {
        display: grid;
        gap: 40px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .state-related-mar .content {
        max-width: 290px;
    }

    .footer-area-2.cta.cta2 .cta-area .section-title {
        font-size: 38px !important;
        color: var(--primary)
    }

    .service-box-1 {
        height: auto
    }

    .service-area .services-wrapper {
        display: grid;
        gap: 40px
    }

    .service-3 .service-box-1 .service-list li a {
        font-size: 24px
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    .service-area .services-wrapper {
        display: grid;
        gap: 40px
    }

    .service-box-1 {
        height: auto
    }

    .service-3 .service-box-1 .title {
        font-size: 34px
    }

    .service-3 .service-box-1 .service-list li a {
        font-size: 24px
    }

    .service-area.core-services {
        padding-bottom: 65px
    }
}

@media (min-width:1600px) and (max-width:1799px) {
    .service-area .services-wrapper {
        display: grid;
        gap: 40px
    }

    .service-box-1 {
        height: auto
    }

    .service-3 .service-box-1 .title {
        font-size: 38px
    }

    .service-3 .service-box-1 .service-list li a {
        font-size: 24px
    }

    .service-area.core-services {
        padding-bottom: 65px
    }
}

@media (min-width:1191px) and (max-width:1440px) {
    .off-page.process-area-4-inner {
        grid-template-columns: 560px 1fr
    }
}

@media only screen and (max-width:1199px) {


    .ecommerce-web .cta-ban {
        font-size: 19px !important;
    }

    .work-area-2.page-portfolio-3 .works-wrapper-box {
        margin-top: 0px !important;

    }

    .service-area-4.enterpr .services-wrapper {
        grid-template-columns: 380px 1fr
    }

    .choose-area .feature-box .title {
        font-size: 22px
    }

    h3.title {
        font-size: 25px
    }

    .accordion.seo-adv .accordion-button {
        font-size: 20px;
        font-weight: 600;
        background: var(--gra)
    }

    .service-box-4 .title {
        font-size: 22px
    }

    .service-box-5 .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 26px;
        margin-top: 35px
    }
}