@media only screen and (max-width: 1440px) {
    .banner .carousel-dev1 {
        bottom: 380px;
    }
    .bg-web .careers-text {
        margin-top: 300px;
        margin-right: -130px;
        float: right;
    }
    .bg-implementation .careers-text {
        margin-left: 240px;
    }
    .bg-application .careers-text {
        margin-top: 370px;
        margin-left: -120px;
    }
    .bg-api .careers-text {
        margin-top: 370px;
        float: right;
        margin-right: -130px;
    }
    .bg-captive .careers-text {
        margin-top: 470px;
        float: right;
        margin-right: -130px;
    }
    .bg-construction .careers-text {
        margin-top: 380px;
        float: left;
        margin-left: 500px;
    }
    .bg-ios .careers-text {
        margin-top: 65px;
        width: 65%;
        float: left;
        margin-left: -120px;
    }
    .bg-ios {
        background-size: 100% 100%;
        background-position: center;
    }
    .bg-android .careers-text {
        margin-left: -110px;
    }
    .bg-android {
        background-size: 100% 100%;
        background-position: center;
    }
    .hybrid-bg .careers-text {
        margin-left: -110px;
    }
    .hybrid-bg {
        background-size: 100% 100%;
        background-position: center;
    }
    .bg-bluetooth .careers-text {
        margin-left: -110px;
    }
    .bg-bluetooth {
        background-size: 100% 100%;
    }
    .bg-cyber .careers-text {
        margin-left: -110px;
    }
    .Cloud-bg .container-fluid .careers-text {
        bottom: -600px;
        left: 20px;
    }
    .database-text {
        margin-right: -130px;
        margin-top: 430px;
        float: right;
    }
    .user-text {
        width: 65%;
        margin-left: -110px;
        margin-top: 120px;
    }
    .bg-uiux {
        background-size: 100% 100%;
    }
    .bg-qa .careers-text {
        margin-left: -110px;
    }
    .careers-text {
        width: 63%;
    }
    .bg-cross .careers-text {
        margin-left: -130px;
        margin-top: 430px;
    }
    .mobile-bg .careers-text {
        margin-left: -130px;
    }
    .bg-itconsulting .careers-text {
        margin-left: -130px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-nav .navbar-dark .nav-link {
        color: #f7f7f7;
        font-size: .65rem;
        text-transform: uppercase;
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, .5);
        border-color: rgba(255, 255, 255, 0);
    }
    .banner .carousel-caption h5 {
        font-size: 1.2rem;
    }
    .slick-slide img {
        width: 100%;
    }
    .join-news .slick-slide img {
        width: 50%;
    }
    .ourservices .pr-0 {
        padding-right: 15px;
    }
    .ourservices .pl-0 {
        padding-left: 15pxt;
    }
    .contact-information {
        padding: 25px;
        margin-top: 0px;
        z-index: 1;
        color: #fff;
    }
    .header-nav .dropdown-menu .dropdownmenu {
        overflow: auto;
        max-height: 250px;
    }
    .technologies {
        max-width: 100%;
        min-width: 100%;
        min-height: auto;
        border-radius: 7px;
    }
    .divservic {
        max-width: 100%;
        min-width: 100%;
        min-height: auto;
        border-radius: 7px;
    }
    .banner .carousel-caption {
        position: absolute;
        bottom: 105px;
        left: 5%;
        background: rgb(0 0 0 / 50%);
        border-radius: 3px;
        box-shadow: 1px 0px 1px #1d2124;
        /* display: block !important; */
    }
    .bg-construction {
        background-size: 100% 100%;
    }
    .bg-web {
        background-size: cover;
    }
    /*   .bg-appdevelopment {
        background: url(../images/assects/bg-mobileaap.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: -81px;
        height: 45vh;
    } */
    .bg-appdevelopment .careers-text {
        margin-top: 215px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        float: left;
        margin-left: 5px;
    }
    .md-section img {
        width: 100%;
    }
    .Cloud-bg .container-fluid .careers-text {
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 10%);
        position: relative;
        top: 270px;
        width: 55%;
    }
    .database-text {
        margin: 100px 0;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 49%);
        width: 100%;
        margin-right: 7px;
        float: right;
    }
    .bg-uiux {
        background: url(../images/assects/uiuxbg.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center;
        margin-top: -80px;
        height: 100vh;
    }
    .user-text {
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        margin-left: 7px;
        margin-top: 150px;
    }
    .uiux-bg .card {
        margin-bottom: 20px;
        max-height: auto;
        min-height: auto;
        margin-right: -15px;
    }
    .bg-qa .careers-text {
        margin-top: 100px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 50%;
        margin-left: 0px;
    }
    .careers-text {
        margin: 5px 0;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 25%);
        width: 94%;
    }
    .bg-web .careers-text {
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 0px;
        margin-top: 840px;
    }
    .careers-text h4 {
        font-size: 1.5rem;
    }
    .bg-web .careers-text {
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 0px;
        margin-top: 445px;
    }
    .bg-implementation .careers-text {
        margin-top: 100px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 50%);
        width: 100%;
        float: left;
        margin-left: 5px;
    }
    .deploymentsection .card {
        margin-bottom: 0px;
        max-height: 330px;
        min-height: 310px;
        margin-right: -15px;
    }
    .customsection .card {
        max-height: 345px;
        min-height: 345px;
    }
    .bg-application .careers-text {
        margin-top: 430px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 80%;
        float: left;
        margin-left: 10px;
    }
    .bg-api .careers-text {
        margin-top: 400px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 70%;
        float: right;
    }
    .bg-captive .careers-text {
        margin-top: 500px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 76%;
        float: right;
    }
    .bg-white .specializ-section .card {
        margin-bottom: 20px;
        max-height: 450px;
        min-height: 450px;
        margin-right: -15px;
        padding: 10px 0px;
    }
    .bg-ustomsoftware .careers-text {
        margin-top: 350px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 85%;
        float: right;
    }
    .bg-construction .careers-text {
        margin-top: 400px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 75%;
        float: right;
    }
    .bg-ios .careers-text {
        margin-top: 65px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 65%;
        float: left;
        margin-left: 0px;
    }
    .bg-iosapp .card {
        max-height: 300px;
        min-height: 300px;
    }
    .bg-android .careers-text {
        margin-top: 65px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 60%;
        float: left;
        margin-left: 0px;
    }
    .hybrid-bg .careers-text {
        margin: 5px 0;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 25%);
        width: 70%;
        margin-top: 80px;
        margin-left: 0px;
    }
    .bg-appsection .card {
        max-height: 385px;
        min-height: 385px;
    }
    .bg-bluetooth .careers-text {
        margin: 5px 0;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 25%);
        width: 70%;
        margin-top: 80px;
        margin-left: 0;
    }
    .bluetooth-section .card {
        max-height: auto;
        min-height: auto;
    }
    .bluetooth-section .card-title {
        font-size: .65rem;
    }
    .bg-cyber .careers-text {
        width: 60%;
        margin-top: 90px;
        margin-left: 0;
    }
    .Cloud-bg .container-fluid .careers-text {
        width: 60%;
        position: initial;
        margin-top: 100px;
        margin-left: 30px;
    }
    .android-section .card {
        max-height: 250px;
        min-height: 250px;
    }
}

@media only screen and (max-width: 768px) {
    .uiux-bg .card {
        max-height: auto;
        min-height: auto;
    }
    .bg-ustomsoftware .careers-text {
        margin-top: 270px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        float: right;
    }
    .bg-construction .careers-text {
        margin-top: 480px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 85%;
        float: right;
    }
    .bg-opssection .card {
        max-height: 400px;
        min-height: 400px;
    }
    .bg-opssection .card-text {
        text-align: justify;
    }
    .bg-white .specializ-section .card {
        margin-bottom: 20px;
        max-height: 350px;
        min-height: 350px;
        margin-right: -15px;
        padding: 10px 0px;
    }
    .bg-ios {
        background-position: right;
    }
    .bg-android {
        background-position: right;
    }
    .bg-android .careers-text {
        margin-top: 65px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        float: left;
        margin-left: 0px;
    }
    .android-section .card {
        max-height: 300px;
        min-height: 300px;
    }
    .hybrid-bg {
        background-position: right;
    }
    .hybrid-bg .careers-text {
        background: rgb(0 0 0 / 50%);
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-text {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .inner-bg .bg-firm {
        width: 100%;
        margin: auto;
    }
    footer .col {
        width: 100%;
        display: block;
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, .5);
        border-color: rgba(255, 255, 255, 0);
    }
    .bg-qa {
        background: url(../images/assects/qa-testing.jpg) no-repeat;
        background-size: cover;
        background-position: top;
        margin-top: -80px;
        height: 100vh;
    }
    .bg-qa .careers-text {
        margin-top: 240px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        /* margin-left: -150px; */
    }
    .header-nav .dropdown-menu .dropdownmenu {
        overflow: auto;
        max-height: 250px;
    }
    .technologies {
        max-width: 100%;
        min-width: 100%;
        min-height: auto;
        border-radius: 7px;
    }
    .divservic {
        max-width: 100%;
        min-width: 100%;
        min-height: auto;
        border-radius: 7px;
    }
    .banner .carousel-caption {
        position: absolute;
        bottom: 30px;
        left: 0%;
        background: rgb(0 0 0 / 50%);
        border-radius: 3px;
        box-shadow: 1px 0px 1px #1d2124;
        display: block !important;
    }
    .banner {
        margin-top: 80px;
    }
    .banner .carousel-caption h5 {
        font-size: 1rem;
    }
    .ourservices .card {
        border-radius: 0rem 0 0 0rem;
    }
    .contact-information {
        border-radius: 0 0rem 0rem 0 !important;
    }
    .slick-slide img {
        width: 100%;
    }
    .ourservices .pr-0 {
        padding-right: 15px !important;
    }
    .ourservices .pl-0 {
        padding-left: 15px !important;
    }
    .contact-information {
        padding: 0px;
        margin-top: 0px;
        z-index: 1;
        color: #fff;
    }
    .carousel-item img {
        width: 100%;
        max-height: auto;
        min-height: auto;
    }
    .contact-information h4 {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .contact-information span {
        left: 20px;
    }
    .header-nav {
        background: rgb(52 58 64) !important;
        position: absolute;
        width: -webkit-fill-available;
    }
    .text_associates {
        text-align: justify;
    }
    .bg-implementation {
        background: url(../images/assects/software-bg.jpg) no-repeat;
        background-size: contain;
        margin-top: 80px;
        height: 100vh;
    }
    header {
        top: -80px;
    }
    .bg-web {
        background: url(../images/assects/webbg.jpg) no-repeat;
        margin-top: 80px;
        height: auto;
    }
    .careers-text h4 {
        font-size: .95rem;
    }
    .bg-web .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .uiux-bg .card {
        margin-right: 0px;
        max-height: auto;
        min-height: auto;
    }
    .customsection .card {
        max-height: auto;
        min-height: auto;
    }
    .Cloud-bg .container-fluid .careers-text {
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 10%);
        position: relative;
        top: 0px;
        width: 100%;
    }
    .Cloud-bg {
        background: url(../images/assects/Cloud-bg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 80px;
        height: auto;
    }
    .database-text h4 {
        font-size: .95rem;
        text-align: justify;
    }
    .database-text p {
        font-size: .9rem;
        text-align: justify;
    }
    .user-text h4 {
        font-size: .95rem;
    }
    .user-text p {
        font-size: .9rem;
    }
    .banner-team {
        background: #022b7e;
        margin-top: 80px;
        height: auto;
    }
    .md-section img {
        width: 100%;
    }
    .bg-construction {
        background: url(../images/assects/construction-bg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 80px;
        height: auto;
    }
    .bg-appdevelopment {
        background: url(../images/assects/bg-mobileaap.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 81px;
        height: auto;
    }
    .bg-appdevelopment .careers-text {
        margin-top: 0;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        float: left;
        margin-left: 7px;
    }
    .bg-db {
        background: url(../images/assects/bd-bg.png) no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 80px;
        height: auto;
    }
    .database-text {
        width: 100%;
        margin-right: 0px;
        margin-top: 3px;
        float: right;
        margin-bottom: 0;
    }
    .bg-uiux {
        margin-top: 80px;
        height: auto;
    }
    .user-text {
        width: 100%;
        margin-left: 8px;
        margin-top: 0px;
    }
    .bg-qa {
        background-size: cover;
        background-position: top;
        margin-top: 80px;
        height: auto;
    }
    .bg-qa .careers-text {
        margin-top: 0px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 20%);
        width: 100%;
        margin-left: 0px;
    }
    .bg-contacts .container-fluid .contact-text {
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 10%);
        position: relative;
        top: 0px;
        left: 0px;
    }
    .bg-contacts {
        margin-top: 80px;
        background-size: cover;
        position: relative;
        height: auto;
    }
    .bg-contacts .container-fluid .card {
        margin-bottom: 20px;
        width: 100%;
        margin: auto;
    }
    .bg-careers {
        background: url(../images/assects/careers-bg.jpg) no-repeat;
        margin-top: 80px;
        background-size: cover;
        height: auto;
        position: relative;
    }
    .bg-careers .container-fluid {
        position: initial;
        bottom: 0;
    }
    .careers-text {
        margin: 5px 0;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 25%);
        width: 100%;
    }
    .about-bg .card-img-top {
        width: 43%;
        margin: auto;
        padding: 8px;
        background: #f1f1f1;
        margin-top: 20px;
        border-radius: 50%;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 27%);
        text-align: center;
        display: block;
    }
    .bg-cyber {
        background: url(../images/assects/cyber-bg.jpg) no-repeat;
        margin-top: 80px;
        background-size: 100% 100%;
        height: auto;
        position: relative;
    }
    .bg-cyber .careers-text {
        margin-top: 0px;
        z-index: 1;
        color: #fff;
        background: rgb(0 0 0 / 80%);
        width: 100%;
        margin-left: 0px;
    }
    .bg-implementation {
        background: url(../images/assects/software-bg.jpg) no-repeat;
        margin-top: 80px;
        height: auto;
    }
    .careers-text h4 {
        font-size: .81rem;
    }
    .bg-implementation .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .and_font {
        font-size: 1.2rem !important;
    }
    .bg-application {
        background: url(../images/assects/application-bg.jpg) no-repeat;
        background-size: cover;
        margin-top: 80px;
        height: auto;
    }
    .bg-application .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .careers-text p {
        font-size: .75rem;
        text-align: justify;
    }
    .bg-api {
        background: url(../images/assects/api-bg.jpg) no-repeat;
        background-size: cover;
        margin-top: 80px;
        height: auto;
    }
    .bg-api .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .bg-captive {
        background: url(../images/assects/captivebg.jpg) no-repeat;
        background-size: cover;
        margin-top: 80px;
        height: auto;
    }
    .bg-captive .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .bg-ustomsoftware {
        background: url(../images/assects/customsoftware.jpg) no-repeat;
        background-size: cover;
        margin-top: 80px;
        height: auto;
    }
    .bg-ustomsoftware .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .bg-construction {
        background: url(../images/assects/construction-bg.jpg) no-repeat;
        background-size: cover;
        margin-top: 80px;
        height: auto;
    }
    .bg-construction .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 50px;
    }
    .bg-opssection .col-md-6 {
        padding-right: 15px;
    }
    .bg-opssection .card {
        max-height: 420px;
        min-height: auto;
    }
    .bg-ios {
        background: url(../images/assects/ios_bg.png) no-repeat;
        background-size: contain;
        margin-top: 80px;
        height: auto;
    }
    .bg-ios .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: -10px;
    }
    .bg-appsection .container {
        width: 100%;
    }
    .mobile-bg {
        background: url(../images/assects/bg-mobile.jpg) no-repeat;
        background-size: cover;
        margin-top: 80px;
        height: auto;
    }
    .mobile-bg .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: 0px;
    }
    .bg-appsection .card {
        margin-right: 15px;
        max-height: auto;
        min-height: auto;
    }
    .banner .carousel-caption p {
        font-size: 0.9rem;
    }
    .bg-android {
        background: url(../images/assects/android_bg.png) no-repeat;
        background-size: contain;
        margin-top: 80px;
        height: auto;
    }
    .bg-android .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: -30px;
    }
    .android-section .col {
        width: 100%;
        flex-basis: auto;
        margin: auto;
        padding-right: 0;
    }
    .hybrid-bg {
        background: url(../images/assects/bg-hybrid.jpg) no-repeat;
        background-size: contain;
        margin-top: 80px;
        height: auto;
    }
    .hybrid-bg .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: -30px;
    }
    .bg-appsection .col {
        width: 100%;
        flex-basis: auto;
        margin: auto;
        padding-right: 0;
    }
    .bg-bluetooth {
        background: url(../images/assects/bluetooth-bg.jpg) no-repeat;
        background-size: contain;
        margin-top: 80px;
        height: auto;
    }
    .bg-bluetooth .careers-text {
        color: #fff;
        background: rgb(0 0 0 / 65%);
        width: 100%;
        margin-left: 7px;
        margin-top: -30px;
    }
}

@media only screen and (max-width: 640px) {
    .toolbar-contact-left ul li {
        border-left: 0px solid #fff;
    }
    .bg-firm {
        padding: 20px;
    }
    .bg-firm h3 {
        font-size: .75rem;
    }
    .bg-firm p {
        text-transform: capitalize;
        font-size: 0.75rem;
    }
    .wrap-service .card-body a {
        font-size: .78rem;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-brand {
        width: 70%;
    }
}