@media (max-width: 500px) {
    /* .navbar-nav .nav-link {
        padding: 8px 0px !important;
    } */

    .topSlideMainHeadingResp {
        font-size: 35px;
        line-height: normal;
        padding-top: 0rem;
        top: 2rem;
    }

    .sliderYellowBG {
        width: 100%;
    }

    .navbar-brand img {
        width: 230px;
    }

    .mainHeading {
        font-size: 2rem;
    }

    .letsWork_3 {
        top: 2%;
        width: 50px;
    }

    .headMphasizes {
        font-size: 2rem;
    }

    .zigzagImg_2 {
        left: 4%;
        width: 25px;
    }

    .headCountray {
        font-size: 2rem;
    }

    .tree-container img {
        top: 0rem;
        right: 0rem;
        width: 80px;
    }

    .letsContrary_1 {
        left: 3%;
        top: 2%;
    }

    .letsContrary_3 {
        display: none;
    }

    .treeRow {
        margin-top: 50px;
    }

    .letsContrary_2 {
        bottom: 3%;
        width: 20px;
    }

    .solutions_1 {
        top: -8%;
        width: 50px;
    }

    .headSolutions {
        font-size: 2rem;
    }

    .headSolutions img {
        width: 160px;
        left: 31%;
        bottom: -5%;
    }

    .solutions_2 {
        right: 0;
        top: auto;
        bottom: 12%;
        width: 100px;
        display: none;
    }

    .tab-content-section img.bg-img {
        height: 65vh;
        object-fit: cover;
    }

    .whereContainer img {
        top: 1rem;
        left: -2rem;
        width: 60px;
    }

    .slideImgeRespContainer {
        top: auto !important;
    }

    .slideImgeResp {
        position: absolute;
        width: 90%;
        right: 0;
    }

    .where_1,
    .where_2,
    .variationsImg_1,
    .variationImg_3 {
        display: none;
    }

    .headThere,
    .headVariations,
    .headTestimonials {
        font-size: 2rem;
    }

    .variationsImg_2 {
        bottom: 0%;
        width: 40px;
    }

    .variationImg_1 {
        top: 8%;
    }

    .googleLogoResp {
        width: 120px;
    }

    /* About us */

    .aboutOverlay {
        width: 100%;
        right: auto;
        bottom: 0%;
    }

    .historyHeading {
        margin: 0 auto;
    }

    .historyHeading img {
        right: 4rem;
    }

    .drivesImg_1 {
        top: 2%;
        width: 20px;
    }

    .drivesImg_2 {
        width: 60px;
    }

    .drivesImg_3 {
        left: auto;
        bottom: 20%;
        right: 20%;
    }

    .card-group>.card {
        margin-bottom: 0;
    }

    .aboutBanner {
        background: url('../images/aboutMainResp.png') no-repeat center center;
        height: 90vh;
    }

    .zigzagBorderResp {
        width: 28%;
    }

    .aboutNumberFont {
        font-size: 25px;
    }

    .timelineSection {
        background: url("../images/zigzagBorderResp.png") center no-repeat;
        background-size: contain;
        min-height: 700px;
    }

    .historyCircle span {
        font-size: 13px;
    }

    .historyCircle {
        width: 150px;
        height: 150px;
    }

    .historyCircleResp_1 {
        position: absolute;
        top: 6%;
        left: 20%;
    }

    .historyCircleResp_2 {
        position: absolute;
        top: 25.5%;
        right: 27%;
    }

    .historyCircleResp_2 .historyCircle{
        width: 120px;
        height: 120px;
    }

    .historyCircleResp_3 {
        position: absolute;
        top: 42%;
        left: 20%;
    }

    .historyCircleResp_4 {
        position: absolute;
        bottom: 25.5%;
        right: 27%;
    }

    .historyCircleResp_4 .historyCircle{
        width: 120px;
        height: 120px;
    }

    .historyCircleResp_5 {
        position: absolute;
        bottom: 6%;
        left: 20%;
    }

    .timelineSectionDev {
        padding: 8rem 0;
    }


    /* services */

    .servicesBanner {
        height: 30vh;
    }

    .servicesMainHead {
        font-size: 30px;
    }

    .headMajority {
        font-size: 30px;
    }

    .servicesLogoDiv {
        width: 96%;
    }

    .majorityLogoImgDiv .card-body {
        height: 180px;
    }

    /* full services */

    .fullservicesContainer {
        width: 100%;
    }

    .listCircle div {
        width: 35px;
        height: 35px;
    }

    .headServicesResp {
        font-size: 40px;
    }

    .fullservicesContainer img {
        left: 18%;
        width: 300px;
    }

    .headFullservices,
    .headFullservices_2,
    .headFullservices_3 {
        width: 100%;
    }

    .headFullservices p,
    .headFullservices_2 p,
    .headFullservices_3 p {
        font-size: 28px;
    }

    .headFullservices_3 img {
        width: 200px;
        bottom: -20%;
    }

    .headFullservices img {
        left: -2rem;
        width: 50px;
        bottom: 18%;
    }

    .headFullservices_2 img {
        right: -1rem;
        width: 200px;
        bottom: -15%;
    }

    /* Career */
    .careerContainer {
        width: 100%;
    }

    .careerContainer img {
        left: 12%;
        width: 200px;
    }

    .contactBorder_2 img {
        width: 50px;
        top: -1.4rem;
        right: 0;
    }

    /* contact */

    .contactBanner {
        height: 30vh;
    }

    .contactContainer img {
        width: 150px;
    }

    .mapHeadCotainer img {
        right: 20%
    }

    .tooltipBubbleIndia {
        left: 38.3%;
    }

    .tooltipBubbleUsa {
        left: 38.3%;
    }

    .tooltipBubbleCanada {
        left: 38.3%;
    }

    .tooltipBubbleDubai {
        left: 38.3%;
    }

    .tooltip-bubbleUK {
        left: 29.5% !important;
    }

    .testimonialsContainer img {
        top: 1.5rem;
        width: 200px;
    }

    .headSolutions_1 {
        font-size: 35px;
    }

    .contactUsButton {
        left: 0.8rem;
        width: 180px;
        font-size: 18px;
    }

    .variationImg_2 {
        bottom: 4%;
    }

    .mainHeadBorderImg {
        left: 25%;
        width: 50%;
        top: auto;
        bottom: 3%;
    }

    .subContent {
        margin-bottom: 2rem;
    }

    .topSliderButton {
        margin: 0 auto;
        width: 180px;
        padding: 10px;
        font-size: 18px;
    }

    .topSliderButton i {
        font-size: 20px;
    }

    .fs-50 {
        font-size: 30px;
    }

    .service-card {
        width: 90%;
        margin: 0 auto;
    }

    .card-group,
    .marketing-card {
        width: 88%;
        margin: 0 auto;
    }

    .directorsHeading {
        top: 1.5rem;
        left: auto;
    }

    .servicesHead img {
        right: 10%
    }

    .increaseImg_1,
    .increaseImg_2,
    .increaseImg_3,
    .increaseImg_4,
    .careerAnimatedIcon,
    .careerAnimatedIcon1,
    .careerAnimatedIcon2,
    .careerAnimatedIcon3,
    .careerAnimatedIcon4,
    .careerAnimatedIcon5 {
        display: none;
    }

    .careerHead img {
        top: 0;
        right: 14%;
    }

    .hereAreImg {
        left: 33%;
        width: 150px;
        top: 56%;
    }

    .callDetails {
        width: 93%;
    }

    .learMoretUsButton {
        width: 200px !important;
        padding: 12px 16px !important;
        font-size: 16px !important;
    }

    .contactUsButton i {
        font-size: 20px;
    }

    .abcdHeadBorResp {
        width: 230px !important;
        top: -0.4rem !important;
    }

    .whatsapp-float {
        width: 50px;
        height: 50px;
        font-size: 25px;
        bottom: 15px;
        right: 15px;
    }
}

@media (max-width: 400px) {
    .navbar-brand img {
        width: 260px;
    }

    .tree-container img {
        top: 1.3rem;
        right: -0.5rem;
        width: 60px;
    }

    .testimonialsContainer img {
        top: 1.2rem;
        width: 165px;
    }

    .contactContainer img {
        width: 120px;
    }

    .bg-digital {
        background: radial-gradient(45% 50% at 50% 50%, #c8ffbf 28.85%, #ffffff 45.19%, #FFFFFF 65.87%, #dcffbf 81.73%);
    }

    .bg-email {
        background: radial-gradient(45% 50% at 50% 50%, #B4FFF5 28.85%, #FFFFFF 45.19%, #FFFFFF 65.87%, #B4FFF5 81.73%);
    }

    .bg-graphic {
        background: radial-gradient(45% 50% at 50% 50%, #FFDBFD 28.85%, #FFFFFF 45.19%, #FFFFFF 65.87%, #FFDBFD 81.73%);
    }

    .bg-webdev {
        background: radial-gradient(45% 50% at 50% 50%, #FFEDB0 28.85%, #FFFFFF 45.19%, #FFFFFF 65.87%, #FFEDB0 81.73%);
    }

    .bg-webapp {
        background: radial-gradient(45% 50% at 50% 50%, #E0E5FA 28.85%, #FFFFFF 45.19%, #FFFFFF 65.87%, #E0E5FA 81.73%);
    }

    .bg-webdev2 {
        background: radial-gradient(45% 50% at 50% 50%, #FEFFBF 28.85%, #FFFFFF 45.19%, #FFFFFF 65.87%, #FEFFBF 81.73%);
    }

    .headThere,
    .headVariations,
    .headTestimonials {
        font-size: 1.5rem;
    }

    .headServicesResp {
        font-size: 30px;
    }


    .tooltipBubbleIndia {
        left: 37.2%;
    }

    .tooltipBubbleUsa {
        left: 37.2%;
    }

    .tooltipBubbleCanada {
        left: 37.2%;
    }

    .tooltipBubbleDubai {
        left: 37.2%;
    }

    .tooltip-bubbleUK {
        left: 27.9% !important;
    }

}