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

    /* home page */
    .work-div .work-img img {
        height: 290px;
    }

    .contact-form-row {
        width: 100%;
    }

    .we-do-content .tab-content {
        width: 87%;
    }

    .we-do-title {
        width: 65%;
    }

    /* service page */
    .ind-solution-p {
        width: 85%;
        margin-left: 23%;
    }

    /* portfolio page */
    .modal.show .modal-dialog.portfolio-dialog {
        max-width: 1140px;
    }

    /* hire developers page */
    .hire-banner-video {
        margin-top: -75px;
    }

    .hiring-steps-img {
        margin: 20px auto 70px;
    }

    .hiring-steps-col:nth-child(2n+2) .hiring-steps-img:before {
        top: -25px;
    }

    .hiring-steps-col:nth-child(2n+1) .hiring-steps-img:before {
        bottom: -43px;
    }

    /* about us page */
    .facts-figures-div {
        width: 180px;
        height: 180px;
        margin: 10px 20px;
    }

    /* hiring page */
    .work-at-company-content {
        width: 69%;
    }

    .work-at-company-div h3 {
        font-size: 22px;
    }
}

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

    /* home page */
    .banner-title,
    .home-banner-sec .banner-title {
        font-size: 36px;
    }

    .home-banner-sec .banner-p {
        width: 70%;
    }

    .main-title {
        font-size: 50px;
    }

    .clients-ball {
        width: 120px;
        height: 120px;
    }

    .clients-ball h3 {
        font-size: 30px;
    }

    .projects-ball {
        width: 140px;
        height: 140px;
    }

    .projects-ball h3,
    .companies-ball h3 {
        font-size: 35px;
    }

    .companies-ball {
        width: 105px;
        height: 105px;
    }

    .what-we-do-carousel .we-do-title h3 {
        left: 6%;
    }

    .we-do-content .tab-content {
        width: 100%;
    }

    .what-we-do-sec .nav-tabs .nav-link {
        padding: 30px 20px;
    }

    .we-do-content {
        padding: 30px 100px 35px;
    }

    .we-do-btn {
        margin-top: 10px;
    }

    .work-progress-div {
        width: auto;
        padding: 95px 10px 110px;
    }

    /* service page */
    .ind-solution-p {
        width: 90%;
        margin-left: 17%;
    }

    /* portfolio page */
    .modal.show .modal-dialog.portfolio-dialog {
        max-width: 960px;
    }

    /* hire us page */
    .hire-developer-content h3 {
        font-size: 24px;
    }

    .hire-full-stack-row .hire-developer-circle {
        height: 250px;
    }

    /* hire developers page */
    .hire-time-title h2 {
        font-size: 42px;
    }

    .hiring-steps-img {
        margin: 16px auto 55px;
        width: 160px;
        height: 160px;
    }

    .hiring-steps-col:nth-child(2n+2) .hiring-steps-img:before {
        top: -22px;
    }

    .hiring-steps-col:nth-child(2n+1) .hiring-steps-img:before {
        bottom: -40px;
    }

    .hiring-steps-img img {
        max-width: 80px;
    }

    /* about us page */
    .facts-figures-div {
        width: 165px;
        height: 165px;
        margin: 10px 10px;
    }

    .facts-figures-div h3 {
        font-size: 38px;
    }

    .facts-figures-div p {
        font-size: 18px;
    }

    /* contact us page */
    .contact-form-sec.contact-page .contact-form-title {
        font-size: 35px;
    }

    .contact-form-icons {
        width: 65px;
        height: 65px;
        /* font-size: 22px; */
        line-height: 64px;
    }

    /* journey page */
    .journey-img-border {
        right: -7px;
        bottom: -7px;
    }

    .journey-title {
        font-size: 32px;
    }
}

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

    /* home page */
    .home-banner-bg {
        background-size: 50%;
        background-image: none;
    }

    .home-banner-sec .banner-p {
        width: 100%;
    }

    .companies-ball {
        right: 14%;
    }

    .what-we-do-carousel .owl-stage,
    .what-we-do-carousel .owl-item {
        height: auto !important;
    }

    .what-we-do-carousel .owl-item,
    .what-we-do-carousel .owl-item:hover {
        width: calc((100% / 16) - 10px) !important;
    }

    .what-we-do-carousel .we-do-div {
        display: block;
    }

    .what-we-do-carousel .we-do-title {
        display: none;
    }

    .what-we-do-carousel .we-do-content {
        position: static;
        width: auto;
        border: none;
    }

    .what-we-do-carousel .we-do-icon {
        margin: 0px 20px;
    }

    .it-services-p,
    .it-services-icon-p {
        font-size: 18px;
    }

    .testi-desc {
        font-size: 17px;
    }

    .work-div .work-img img {
        height: 275px;
    }

    .contact-form-col {
        padding: 50px 70px;
    }

    .what-we-do-sec {
        display: none;
    }

    .work-process-sec {
        display: none;
    }

    /* service page */
    .service-banner-title {
        font-size: 40px;
    }

    .service-banner-ul li {
        justify-content: center;
    }

    .service-main-title {
        font-size: 42px;
    }

    .ind-solution-div {
        width: 25%;
    }

    /* portfolio page */
    .portfolio-banner-title {
        font-size: 42px;
    }

    .portfolio-banner-title span {
        font-size: 38px;
    }

    .modal.show .modal-dialog.portfolio-dialog {
        max-width: 720px;
        /* transform: none;
        top: 5%; */
    }

    /* hire developers page */
    .hire-banner-video {
        width: 75%;
    }

    .hire-banner-video2 {
        width: 65%;
    }

    .hiring-steps-bg,
    .hiring-steps-img:before {
        display: none;
    }

    .hiring-steps-img {
        margin: 0px auto 30px;
    }

    /* about us page */
    .celebration-overlay {
        padding: 0px 20px;
    }

    /* hiring page */
    .work-at-company-div h3 {
        font-size: 22px;
    }


    /* journey page */
    .journey-title {
        font-size: 28px;
    }

    .journey-p {
        font-size: 17px;
    }
}

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

    /* home page */
    .banner-title,
    .home-banner-sec .banner-title {
        font-size: 32px;
    }

    .home-banner-col .hire-banner-video {
        width: 100%;
    }

    .companies-ball {
        right: 3%;
    }

    .main-title {
        font-size: 40px;
    }

    .what-we-do-carousel .we-do-title h3 {
        font-size: 32px;
    }

    .what-we-do-carousel .we-do-icon {
        margin: 0px 15px;
    }

    .it-services-p {
        text-align: center;
    }

    .it-services-icon-p {
        font-size: 18px;
    }

    .testi-desc {
        text-align: center;
    }

    .contact-form-col {
        padding: 50px;
    }

    .contact-form-submit {
        font-size: 16px;
        padding: 10px 40px;
    }

    /* service page */
    .service-banner-title,
    .service-main-title {
        font-size: 35px;
    }

    .service-banner-p,
    .service-banner-ul,
    .expertise-p,
    .service-choose-sec p,
    .service-choose-sec ul,
    .service-seo-implement-sec ul,
    .app-dev-p,
    .faqAccordion .accordion-button,
    .faqAccordion .accordion-body,
    .portfolio-content-p {
        font-size: 17px;
    }

    .service-banner-ul li {
        margin-bottom: 5px;
    }

    .app-dev-div {
        padding: 40px 15px 5px;
    }

    .app-dev-number {
        font-size: 150px;
        left: -13px;
    }

    .app-dev-title {
        font-size: 19px;
    }

    .ind-solution-div {
        width: 33%;
    }

    .ind-solution-p {
        width: 87%;
        margin-left: 13%;
        font-size: 17px;
    }

    /* portfolio page */

    .portfolio-tabs .nav-item,
    .portfolio-tabs .nav-item .nav-link {
        width: 100%;
    }

    .portfolio-banner-title,
    .portfolio-banner-title span {
        font-size: 35px;
    }

    .portfolio-banner-p {
        font-size: 18px;
    }

    .portfolio-content-title {
        font-size: 28px;
    }

    .portfolio-div {
        height: auto;
        margin: 15px 0;
    }

    .portfolio-img {
        height: 350px;
        margin-top: 30px;
        transform: none;
    }

    .portfolio-div:hover .portfolio-img {
        transform: rotate(-4deg);
    }

    .modal.show .modal-dialog.portfolio-dialog {
        max-width: 540px;
    }

    /* hire us page */
    .hire-developer-content h3 span {
        font-size: 28px;
    }

    .dedicated-deveoper-div {
        padding: 30px 20px;
    }

    .dedicated-deveoper-div h3 {
        font-size: 30px;
    }

    .dedicated-deveoper-div p {
        font-size: 17px;
    }

    /* hire developers page */
    .hire-banner-video {
        margin-top: -55px;
    }

    .hiring-steps-content p {
        font-size: 17px;
    }

    .hiring-steps-img {
        width: 150px;
        height: 150px;
    }

    .hiring-steps-img img {
        max-width: 70px;
    }

    .hire-time-title {
        padding: 20px 0;
    }

    .hire-time-title h2 {
        font-size: 35px;
    }

    .design-tools-sec p {
        font-size: 18px;
    }

    /* about us page */
    .celebration-div img {
        height: 260px;
    }

    /* contact us page */
    .contact-form-sec.contact-page .contact-form-title {
        font-size: 28px;
    }

    .contact-form-sec.contact-page .contact-form-subtitle {
        font-size: 17px;
    }

    .contact-map-sec iframe {
        height: 300px;
    }

    /* hiring page */
    .hiring-form-title {
        font-size: 35px;
    }

    .hiring-form label {
        font-size: 17px;
    }

    .hiring-form input,
    .hiring-form input:focus,
    .hiring-form select,
    .hiring-form textarea {
        padding: 12px 18px;
    }
}

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

    /* home page */
    .banner-btn {
        padding: 10px 15px;
    }

    .banner-title,
    .home-banner-sec .banner-title {
        font-size: 25px;
    }

    .clients-ball,
    .projects-ball,
    .companies-ball {
        animation: none;
    }

    .clients-ball *,
    .projects-ball,
    .companies-ball * {
        display: none;
    }

    .clients-ball {
        width: 20%;
        height: 21%;
    }

    .projects-ball {
        width: 25%;
        height: 27%;
    }

    .companies-ball {
        width: 20%;
        height: 21%;
        right: 10%;
        top: auto;
        bottom: 10%;
    }

    .main-title,
    .service-main-title {
        font-size: 32px;
    }

    .work-div .work-img img {
        height: auto;
    }

    .contact-form-col {
        padding: 35px;
    }

    .contact-form-submit {
        padding: 10px 30px;
    }

    /* service page */
    .service-banner-ul {
        columns: 1;
    }

    .expertise-div img {
        width: 75px;
        margin-bottom: 15px;
    }

    .app-dev-div img {
        max-width: 80px;
    }

    .ind-solution-div {
        width: 50%;
    }

    .ind-solution-p {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }

    /* portfolio page */
    .portfolio-banner-title,
    .portfolio-banner-title span {
        font-size: 30px;
    }

    .portfolio-content-div {
        padding: 30px 20px;
    }

    .modal.show .modal-dialog.portfolio-dialog {
        max-width: 95%;
    }

    .modal-dialog.portfolio-dialog .modal-content {
        padding: 60px 20px 30px;
    }

    .modal-dialog.portfolio-dialog .btn-close {
        padding: 10px;
    }

    /* hire us page */
    .hire-developer-circle {
        display: none;
    }

    .hire-developer-div {
        display: block;
        text-align: center;
        padding: 25px;
    }

    .hire-developer-img {
        width: 100%;
        margin-bottom: 20px;
    }

    .hire-developer-content {
        padding: 0;
    }

    /* hire developers page */
    .hire-banner-video {
        margin-top: -30px;
    }

    /* about us page */
    .core-val-div {
        position: relative;
        z-index: 0;
    }

    .core-val-div img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0.3;
        border-radius: 10px;
    }

    .facts-figures-div {
        width: 150px;
        height: 150px;
        margin: 10px 10px;
    }

    /* contact us page */
    .work-at-company-img {
        width: 90px;
        height: 90px;
    }

    .contact-form-icons {
        width: 55px;
        height: 55px;
        font-size: 20px;
        line-height: 54px;
    }

    .contact-form-sec.contact-page .contact-form-col {
        padding: 30px 20px;
    }

    .hiring-form-title {
        font-size: 30px;
    }

    /* hiring page */

}