@media only screen and (max-width:1800px) {
    .workorderCircle {
        max-width: 58rem;
        max-height: 58rem;
        min-height: 58rem;
        min-width: 58rem
    }

    .workordercircle-content strong {
        font-size: 16rem
    }

    .needforSpeed-main .angular-hiringgroup-bg p {
        max-width: 88%
    }
}

@media only screen and (max-width:1600px) {
    .navbar {
        width: 100% !important;
        max-width: 100% !important
    }

    .dedicatedresources-main h2 {
        max-width: 65%
    }

    .workorderCircle {
        max-width: 50rem;
        max-height: 50rem;
        min-height: 50rem;
        min-width: 50rem
    }

    .workorderCircle:nth-last-of-type(2) {
        margin-left: -4rem;
        background-image: linear-gradient(#00a2a0, #4263fb)
    }

    .workorderCircle:last-of-type {
        margin-left: -4rem;
        background-image: linear-gradient(#4c5157, #25282c)
    }
}

@media only screen and (max-width:1560px) {
    body .happycustomers-ppc h2 {
        max-width: 70% !important;
        position: relative;
        z-index: 1
    }

    .customdesign-main {
        overflow: hidden
    }

    .workordercircle-content strong {
        font-size: 16rem
    }

    .howitworks-blocks {
        padding: 3rem
    }

    .dedicatedresources-main h2 {
        max-width: 80% !important
    }
}

@media only screen and (max-width:1495px) {
    .navbar-nav>li>a {
        margin-right: 15px !important
    }

    .container-fluid,
    .container_new {
        padding-right: 40px;
        padding-left: 40px;
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width:1440px) {
    .home-expan-inner-content-box h3 {
        font-size: 2.2rem;
    }

    .home-expan-inner-content-box {
        padding: 2.5rem;
    }

    .titleTools-description {
        min-width: 100%;
        max-width: 100%;
    }

    .websiteoptimize-main::after {
        display: none;
    }

    .webuildwebsites-projects p {
        max-width: 100% !important
    }

    .engage-vocso-backend-projects p,
    .needforSpeed-main .angular-hiringgroup-bg p {
        max-width: 100% !important;
    }

    .vocso-stats-block-left .counter-main .counter-section h4 {
        font-size: 4rem
    }

    .vocso-stats-block-left .counter-main .counter-section .counter-title {
        font-size: 1.6rem
    }

    .needforSpeed-main .angular-hiringgroup-bg h2 {
        line-height: 5rem
    }

    .lead-form-main.lead-form-main-ppc {
        padding-left: 13rem
    }

    .needforSpeed-main .inner_block {
        padding-left: 6rem
    }

    .testimonial_box-img {
        width: 25%
    }

    .testimonial_box {
        min-height: 448px
    }

    .testimonial_box .video {
        height: 303px;
        object-fit: cover
    }

    .HappyCustomers:before {
        z-index: -1
    }

    body.customdesign-main.banner-women-bg {
        bottom: 8rem !important
    }

    .workorderCircle {
        max-width: 40rem;
        max-height: 40rem;
        min-height: 40rem;
        min-width: 40rem
    }

    .workordercircle-content strong {
        font-size: 10rem
    }

    .workordercircle-content {
        width: 70%
    }

    .faqs h2 {
        max-width: 60%
    }

    .howitworks-blocks {
        padding: 3rem 2rem !important;
        margin-bottom: 3rem
    }

    .howitworks-blocks img {
        width: 50%
    }
}

@media only screen and (max-width:1400px) {
    .testimonial_box-img {
        width: 25%
    }

    .testimonial_box {
        min-height: 448px
    }

    .testimonial_box .video {
        height: 303px;
        object-fit: cover
    }

    .HappyCustomers:before {
        z-index: -1
    }

    .howitworks-blocks ul li {
        line-height: 1.8rem;
        font-size: 1.4rem
    }

    .howitworks-blocks figure {
        max-width: 10rem;
        max-height: 10rem;
        min-width: 10rem;
        min-height: 10rem
    }

    .howitworks-blocks p {
        font-size: 1.4rem
    }

    .howitworks-blocks h3 {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .workordercircle-content span {
        font-size: 6rem;
        font-weight: 700
    }

    .workordercircle-content strong {
        font-size: 10rem
    }
}

@media only screen and (max-width:1394px) {
    .ourbackendService-mainBanner:before {
        display: none;
    }

    .navbar .navbar-toggle {
        display: block !important;
        border: none
    }

    .navbar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar .navbar-nav>li {
        float: none;
        margin-bottom: 0;
        border-bottom: 1px solid #4b4b4b;
        padding: 15px 0
    }

    .nav {
        display: block
    }

    .navbar-nav>li>a {
        color: #fff !important;
        padding: 10px 30px
    }

    .navbar-nav>li.raqblc a {
        background: #e11f49;
        padding: 0 13px !important
    }

    .navbar-nav>li {
        float: left
    }
}

@media only screen and (max-width:1280px) {
    .testimonial_box-job {
        margin: 0 0 0 2rem !important
    }

    .happycustomers-ppc .massonary-container {
        column-count: 3 !important
    }

    .lead-form-main.lead-form-main-ppc {
        padding-left: 8rem
    }
}

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

    .nav,
    .navbar-nav {
        margin: 0 !important
    }

    .drop-main-menu,
    .navbar {
        margin-bottom: 0
    }

    .drop-main-menu:hover {
        background: 0 0 !important
    }

    .menu-align-sec a {
        padding: 0 !important
    }

    .menu-align-sec {
        padding-left: 0;
        width: 100%
    }

    .box-menu-drop {
        width: 100%;
        float: left
    }

    .drop-main-menu p {
        font-size: 14px
    }

    .drop-main-menu {
        background: 0 0;
        margin-Right: 0;
        padding: 15px;
        display: inline-block;
        min-height: inherit;
        width: 220px
    }

    .fullMenu {
        padding: 0;
        background: 0 0;
        position: inherit;
        height: auto;
        width: auto
    }

    .fullMenu .container {
        width: 100%
    }
}

@media only screen and (max-width:1024px) {
    .home-card-expan-wrap {
        overflow: scroll;
    }

    .home-expand-card-main {
        flex-shrink: 0;
        width: calc(100% / 1.3);
        min-height: 33rem;
    }

    .home-expand-content-top-box svg {
        width: 40px;
    }

    .plus-icon {
        left: 15px;
        width: 31px;
    }

    .mobile-show .push-nav ul.nav.navbar-nav {
        width: 100%;
        margin-top: 25px;
    }

    .faqs .inner_block {
        padding-right: 1rem
    }

    .faqs .panel-group .panel-heading a {
        padding: 2rem
    }

    .faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 0 4rem 4rem 9.2rem
    }
}

@media only screen and (max-width:767px) {
    .extract-data-section h2 {
        margin-bottom: 4rem;
    }

    .massonary-container li:last-child {
        margin-bottom: 0 !important
    }

    body .webuildwebsites-projects h2 {
        font-size: 3.8rem !important;
        line-height: 5.7rem !important
    }

    .howitworks p,
    body .HappyCustomers.happycustomers-ppc h2 {
        max-width: 100% !important
    }

    .webuildwebsites-projects .massonary-container {
        column-count: 2 !important
    }

    .observedmetrics-main {
        padding-top: 5rem !important
    }

    body .darkmode .threecircle,
    body .threecircle {
        padding-bottom: 5rem !important;
        padding-top: 5rem
    }

    #trafficConversion .content-blockscroll h3,
    .whycustomWebdesign-block li.traffic-content p {
        padding-right: 0 !important
    }

    body .happycustomers-ppc {
        padding-bottom: 5rem !important
    }

    body .footer-contact-form {
        padding-top: 0 !important
    }

    #main #faq .card .card-header .btn-header-link,
    #main #faq .card-body {
        padding: 3rem
    }

    .HappyCustomers:before {
        width: 35rem;
        height: 35rem
    }

    .HappyCustomers h2 {
        line-height: 39px
    }

    .home-header ul.navbar-nav li a {
        font-size: 1.8rem
    }

    .scroll-to-top {
        display: none
    }

    .entypo-dot {
        display: inline-block !important
    }
}

@media only screen and (max-width:600px) {
    .menu-align-sec {
        padding-left: 0
    }
}

@media only screen and (max-width: 650px) {
    .HappyCustomers:before {
        z-index: -1
    }

    .testimonial_box p {
        font-size: 14px;
        line-height: 21px;
        padding: 30px
    }

    .testimonial_box-name {
        background: #fff;
        padding: 15 20px 30px
    }

    .testimonial_box-job {
        font-size: 16px;
        margin: -10px 0 0 70px;
        line-height: 26px
    }

    .testimonial_box-img {
        width: 20%;
        margin: -4px 0 0
    }

    .testimonial_box {
        min-height: 328px
    }

    .HappyCustomers .video {
        height: 203px;
        object-fit: cover
    }

    .HappyCustomers h2 {
        max-width: 100%;
        line-height: 38px
    }

    .redquoteimg img {
        width: 45px
    }
}

@media only screen and (max-width:480px) {
    .HappyCustomers:before {
        z-index: -1
    }

    .testimonial_box p {
        font-size: 14px;
        line-height: 21px;
        padding: 30px
    }

    .testimonial_box-name {
        padding: 0 20px 30px
    }

    .testimonial_box-job {
        font-size: 16px;
        margin: -5px 0 0 70px;
        line-height: 26px
    }

    .testimonial_box-img {
        width: 20%;
        margin: -4px 0 0
    }

    .testimonial_box {
        min-height: 328px
    }

    .HappyCustomers .video {
        height: 203px;
        object-fit: cover
    }

    .HappyCustomers h2 {
        max-width: 100%;
        line-height: 38px
    }

    .redquoteimg img {
        width: 45px
    }

    .videoIcon-Home {
        top: 10px;
        position: relative;
        vertical-align: bottom;
        height: 100%;
        display: inline-block
    }
}

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

    .container-fluid,
    .container_new {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    footer {
        padding-bottom: 35px
    }
}

@media only screen and (max-width:1280px) {
    .howitworks-blocks ul li {
        line-height: 2rem;
        font-size: 1.4rem
    }

    .dedicatedresources-main h2 {
        max-width: 100% !important
    }
}

@media only screen and (max-width:1199px) {
    .box-container {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 3rem;
    }

    .ourbackendService-mainBanner {
        padding-top: 5rem;
        padding-bottom: 5rem !important;
    }

    body .customdesign-main .banner-women-bg {
        display: none;
    }

    .ppc-stats-counter {
        overflow: hidden !important;
    }

    .ourbackendService-mainBanner figure {
        position: relative !important;
    }

    .hireangular-main p {
        max-width: 100% !important
    }

    .hireangular-main .banner-women-bg {
        bottom: inherit !important;
        width: 100%;
        position: relative;
        margin-top: 10rem
    }

    body .webuildwebsites-projects h2 {
        max-width: 80% !important
    }

    .main-counter-block h2 {
        font-size: 2rem !important;
        line-height: 3rem !important
    }

    .ppc-stats-counter .counter-main .counter-mg {
        margin: 0 3rem 0 0 !important
    }

    .ppc-stats-counter .counter-main .counter-mg .counter-section h3 {
        font-size: 3rem !important;
    }

    .vocso-stats-block-left .counter-main .counter-mg {
        margin: 0 2rem 2rem 0 !important;
        padding: 3rem 1rem;
        width: 40%
    }

    .ppc-stats-counter .counter-main .counter-mg .counter-section h4 {
        font-size: 3rem !important
    }

    .whycustomWebdesign-block li.traffic-content p {
        padding-right: 0
    }

    body .webuildwebsites-projects h2 {
        max-width: 80% !important
    }

    .weboptimize-priceSec .first_div {
        margin-top: 0;
        margin-bottom: 3rem
    }

    .testimonial_box p {
        font-size: 16px;
        line-height: 25px
    }

    .testimonial_box-img {
        width: 22%
    }

    .testimonial_box .video {
        height: 283px
    }

    .testimonial_box {
        min-height: 420px
    }

    .testimonial_box-job {
        margin: 2px 0 0 70px;
        line-height: 26px
    }

    .needforSpeed-main .inner_block {
        padding-left: 2rem
    }

    .websiteoptimize-main .banner-women-bg::before {
        width: 100% !important
    }

    .hireangular-main .banner-women-bg::before {
        display: none
    }

    body .customdesign-main .banner-women-bg {
        width: 100% !important;
    }

    .workorderCircle {
        max-width: 35rem;
        max-height: 35rem;
        min-height: 35rem;
        min-width: 35rem
    }

    .container-faq {
        max-width: 100%
    }

    .howitworks-blocks p {
        min-height: auto
    }

    body .faqs h2,
    body .hireangular-main p,
    body .ordertowork h2 {
        max-width: 100% !important
    }

    .hireangular-main .banner-women-bg {
        bottom: inherit !important;
        width: 100%;
        position: relative;
        margin-top: 10rem
    }

    .workordercircle-content p {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
    .HappyCustomers:before {
        z-index: -1
    }

    .testimonial_box p {
        font-size: 14px;
        line-height: 21px;
        padding: 30px
    }

    .testimonial_box-name {
        padding: 0 20px 30px
    }

    .testimonial_box-job {
        font-size: 16px;
        margin: -10px 0 0 10px;
        line-height: 25px
    }

    .testimonial_box {
        min-height: 328px
    }

    .HappyCustomers .video {
        height: 203px;
        object-fit: cover
    }

    .padding-130 {
        padding: 6rem 0
    }

    .HappyCustomers h2 {
        max-width: 100%;
        margin: 30px 0 0;
        font-size: 3.8rem
    }

    .testimonial_box-img {
        width: 20%
    }
}

@media only screen and (max-width:990px) {
    .ourbackendService-mainBanner {
        padding-top: 5rem;
        padding-bottom: 5rem !important;
    }

    body .customdesign-main .banner-women-bg {
        display: none;
    }

    .ourbackendService-mainBanner .banner-women-bg {
        display: none;
    }

    .engage-vocso-backend-projects h2 br {
        display: none;
    }

    .engagementModals h2 {
        margin-bottom: 3rem;
    }

    .hireangular-main .banner-women-bg,
    .letsfindResources {
        margin-top: 6rem
    }

    body .webuildwebsites-projects h2 {
        max-width: 80% !important
    }

    .angularloading-icon-track,
    .wordpressWebDesing-main .angularloading-icon-track {
        top: 10% !important;
        transform: inherit !important;
        width: 2px !important;
        height: 80% !important;
        margin: 0 auto;
        z-index: -1;
        border: 2px dashed #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 0
    }

    .angularbox-space,
    .wordpressWebDesing-main .container {
        z-index: 1;
        position: relative
    }

    .letsfindResources {
        margin-top: 0;
        flex-direction: column;
    }

    .observedmetrics-main li.traffic-content h2,
    .whychooseVocso-speed li.traffic-content h2 {
        font-size: 3.8rem !important;
        line-height: 5.4rem !important;
        font-weight: 600
    }

    .HappyCustomers:before {
        z-index: -1
    }

    .testimonial_box p {
        font-size: 2rem;
        line-height: 21px;
        padding: 30px
    }

    .testimonial_box-name {
        padding: 0 20px 20px
    }

    .testimonial_box-job {
        font-size: 17px;
        margin: 3px 0 0 90px;
        line-height: 28px
    }

    .testimonial_box-img {
        width: 18%;
        margin: -4px 0 0
    }

    .testimonial_box {
        min-height: 328px
    }

    .HappyCustomers .video {
        height: 221px;
        object-fit: cover
    }

    .padding-130 {
        padding: 6rem 0
    }

    body .HappyCustomers h2 {
        max-width: 100% !important;
        font-size: 3.8rem
    }

    .redquoteimg img {
        width: 60px
    }

    .angularloading-icon-track:before {
        width: 36%
    }

    .howitworks-blocks {
        margin-bottom: 2rem
    }

    .letsfindResources .angularSchedule-btn {
        margin: 2rem 0 0 !important
    }

    .workorderCircle {
        max-width: 45rem !important;
        max-height: 45rem !important;
        min-height: 45rem !important;
        min-width: 45rem !important
    }

    .faqs h2 {
        line-height: 5rem
    }

    .hireangular-main h1 {}

    .hireangular-main .banner-women-bg {
        margin-top: 6rem
    }

    .letsfindResources p {
        margin-bottom: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

    .howitworks-blocks img {
        width: 60%
    }

    .howitworks-blocks figure {
        width: 20vw;
        height: 20vw
    }

    .angularloading-icon {
        top: 15%
    }

    .orderCircle-main {
        flex-direction: column
    }

    .workorderCircle:last-of-type,
    .workorderCircle:nth-last-of-type(2) {
        margin-left: 0 !important;
        margin-top: -4rem
    }

    .content-blockscroll p {
        font-size: 2.2rem;
        line-height: 3.5rem;
        font-weight: 400
    }

    .animatedLoader-main {
        padding-bottom: 10rem
    }

    .observedmetrics-main .content-blockscroll ul li {
        margin-left: 8rem
    }

    .lead-form-main.lead-form-main-ppc {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .testimonial_box-img img {
        width: 100%
    }

    .box-menu-drop {
        padding: 0 6px
    }

    .navbar-toggle {
        padding: 22px 0
    }

    .awwardsNominee {
        display: none
    }
}

@media only screen and (max-width:767px) and (min-width:320px) {

    .main-counter-block h2,
    .main-counter-block p {
        max-width: 100%;
    }

    .main-counter-block h2,
    .main-counter-block p {
        font-weight: 600;
        color: #fff;
        font-size: 2.6rem;
        max-width: 100%;
        display: inline-flex;
        margin-bottom: 0;
        line-height: 3.5rem;
        width: 100%;
    }

    .extract-data-box {
        padding: 3rem;
    }

    .box-container {
        grid-template-columns: repeat(2, 1fr);
    }

    body .hireangular-main h1 {
        line-height: 5rem !important;
    }

    .ppc-stats-counter .angularPortfolioSlider {
        display: none;
    }

    .counter-title {
        font-size: 1.4rem !important;
    }

    .hireangular-main h1 {
        font-size: 4rem !important;
    }

    .happycustomers-ppc .massonary-container {
        column-count: 1 !important
    }

    .testimonial_box-img,
    .testimonial_box-img img {
        width: auto !important
    }

    .goodcompany-logo {
        overflow: hidden
    }

    .mobile-navigation .navbar-toggle {
        padding: 22px 0 !important
    }

    .btn-proposal {
        margin-top: .8rem;
        margin-left: 0;
        width: 100%;
        text-align: left;
        background-position: 96% center
    }

    .main-counter-block h2 {
        max-width: 100% !important;
        margin-bottom: 2rem !important
    }

    .ppc-stats-counter .counter-main {
        margin-left: 0 !important
    }

    .main-counter-block {
        flex-direction: column
    }

    .darkmode body .footer-contact-form,
    .ourbackend-services-box {
        padding-top: 5rem !important
    }

    .engage-vocso-backend-projects {
        padding-bottom: 0 !important
    }

    .ourbackend-services-box {
        padding-bottom: 5rem !important
    }


    .vocso-stats-block-left .counter-main {
        padding: 0 !important;
        justify-content: start;
        width: 100% !important;
        margin-bottom: 4rem
    }

    .vocso-stats-block-left .counter-main .counter-mg {
        width: 44% !important;
    }

    .confetti-icon img,
    .star-black-icon img {
        width: 30px
    }

    .ourbackend-services-box .fullservice-box .backendServices-box-tile h2 {
        font-size: 2.2rem !important
    }

    .allcategories-block h2 br,
    .angular-hiringgroup-bg {
        display: none
    }

    li.appdevelopment-logo img,
    li.clutch-logo img,
    li.goodfirm-logo img {
        position: relative;
        top: -7px
    }

    .dedicatedresources-main .slider .slide-track .slide img {
        width: 60% !important
    }

    .client-videobox {
        height: 230px
    }

    .observedmetrics-main .content-blockscroll ul li {
        margin-left: 0;
        padding-left: 4rem
    }

    .observedmetrics-main #section7 .content-blockscroll img {
        max-width: 100%
    }

    .whychooseVocso-speed .massonary-container {
        column-count: 1
    }

    .weboptimize-priceSec {
        padding: 5rem 0
    }

    .whychooseVocso-speed .fullservice-box {
        min-height: auto
    }

    .whychooseVocso-speed .fullservice-box h2 {
        font-size: 2.8rem !important
    }

    .whycustomWebdesign-block #section8 .mb-0 {
        margin-bottom: 0 !important
    }

    .whycustomWebdesign-block {
        padding-bottom: 0
    }

    .HappyCustomers:before {
        z-index: -1
    }

    .testimonial_box p {
        font-size: 14px;
        line-height: 21px;
        padding: 30px
    }

    .testimonial_box-job {
        font-size: 16px;
        margin: 0;
        line-height: 26px
    }

    .testimonial_box-img {
        width: 20%;
        margin: -4px 0 0
    }

    .testimonial_box {
        min-height: 328px
    }

    .HappyCustomers .video {
        height: 203px;
        object-fit: cover
    }

    .HappyCustomers h2 {
        max-width: 100%;
        line-height: 38px
    }

    .redquoteimg img {
        width: 45px
    }

    .needforSpeed-main .angular-hiringgroup-bg {
        display: block;
        padding: 0 15px !important;
        margin-bottom: 3rem
    }

    .needforSpeed-main .inner_block {
        padding-left: 0
    }

    .howitworks-blocks ul li {
        text-align: center
    }

    .trust-logos li.appdevelopment-logo {
        margin-left: 0 !important;
        width: 27% !important
    }

    .trust-logos li.goodfirm-logo {
        width: 26%
    }

    .cookieadd .content1 {
        padding: 20px;
        font-size: 1.6rem;
        line-height: 1.9rem
    }

    #cookie_action_close_header {
        padding: 8px 10px 7px;
        margin: 9px 0 0;
        font-size: 12px
    }

    .dedicatedresources-main .slider .slide-track .slide {
        padding: 3rem 4rem;
        width: 180px !important;
        height: 180px
    }

    .hiringangular-vocso h2 {
        margin-bottom: 5rem !important
    }

    .workordercircle-content {
        width: 60% !important;
        text-align: center
    }

    .workordercircle-content strong {
        font-size: 15rem !important;
    }

    .workordercircle-content p {
        font-size: 1.8rem;
        line-height: 2.8rem
    }

    .ordertowork h2 {
        line-height: 5.4rem
    }

    .hiringangular-vocso ul li {
        line-height: 2.2rem;
        font-size: 1.8rem
    }

    .hiringangular-vocso h3 {
        font-size: 2.2rem
    }

    .hiringangular-vocso p {
        font-size: 1.8rem
    }

    body .threecircle h2 {
        margin-bottom: 5rem !important;
        line-height: 5.4rem !important;
        max-width: 100%;
        z-index:
    }

    .angularPortfolioSlider .slider .slide {
        padding: 2rem;
        margin: 0 1rem;
        width: 130px;
        height: 130px !important
    }

    .faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 0 3rem 3rem
    }

    .faqs .inner_block {
        padding-right: 0;
        text-align: center
    }

    .angularSchedule-btn {
        margin-top: 6rem !important
    }
}

@media only screen and (max-width:576px) {
    .allcategories-block ul {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    }
}

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

    .HappyCustomers,
    .whychooseVocso-speed,
    body .footer-contact-form {
        overflow: hidden !important
    }
}