.heading {
    padding-top: 7em;
}

.misc-svg {
    position: absolute;
    height: 28px;
    width: 11em;
    top: 0;
    /* top: 12em; */
    background: url(../img/misc.svg);
    background-repeat: no-repeat;
}

.uppercase {
    text-transform: uppercase;
}

.misc-svg-reverse {
    position: absolute;
    height: 12em;
    width: 2em;
    right: 6em;
    bottom: -9em;
    background: url(../img/misc-reverse.svg);
    background-repeat: no-repeat;
}

.loading-left-svg {
    position: absolute;
    height: 28px;
    width: 11em;
    top: 90em;
    background: url(../img/loading-left.svg);
    background-repeat: no-repeat;
}
@media only screen and (max-width:400px) {
   .special-width{
      width: 12em;
      height: 13em;
   }
}

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

@media only screen and (max-width: 575.98px) {
    .hand-poster {
        display: none;
    }
    /* .section-about-title {
    padding-top: 0rem;
  } */
}

@media only screen and (max-width: 767.98px) {
    .hand-poster {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .hand-poster img.hand {
        width: 34em;
        height: 23em;
    }
}

@media only screen and (max-width: 1439px) {
    .col-service {
        flex: 0 0 33.3333%;
        width: 360px;
    }
    .col-service img {
        width: 160px;
    }
    .we-do .we-do-content {
        flex-wrap: wrap;
    }
    .section-info .team-title {
        font-size: 1.5em;
    }
    .section-info h4 {
        font-size: 1.2em;
    }
    .hanging-left,
    .hanging-right {
        width: 100px;
        height: 90px;
    }
    .hanging-left-bottom {
        width: 50px;
        height: 90px;
    }
    .team-hr {
        width: 440px;
    }
    .we-solve {
        width: 700px;
    }
    .section-about-title {
        font-size: 3.3rem;
    }
}

@media only screen and (max-width: 1199px) {
    .we-solve {
        width: 600px;
    }
    .section-about-title {
        font-size: 3.3rem;
    }
    .we-do {
        flex-direction: column;
    }
    .we-do .we-do-content {
        margin-top: 0rem;
        justify-content: center;
    }
    .col-service {
        text-align: center;
    }
    .col-service img {
        margin: 0;
        display: inline-block;
    }
    .col-service p {
        width: 160px;
        display: inline-block;
    }
}

@media only screen and (max-width: 991px) {
    .we-solve {
        width: 500px;
    }
    .section-about-title {
        font-size: 2.3rem;
    }
    .hand-poster {
        bottom: 5rem;
    }
    .hand-poster img.hand {
        width: 42em;
        height: 24em;
    }
    .misc-svg-reverse {
        bottom: 0;
    }
    .section-info .team-title {
        font-size: 1.3em;
    }
    .section-info h4 {
        font-size: 1em;
    }
    .hanging-left,
    .hanging-right {
        width: 75px;
        height: 58px;
    }
    .hanging-left-bottom {
        width: 40px;
        height: 58px;
    }
    .row-contact {
        margin-top: -50px;
    }
    .team-hr {
        width: 300px;
    }
}

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

@media only screen and (max-width: 767px) {
    .about-inner-box {
        flex-direction: column;
        align-items: normal;
    }
    .we-solve {
        width: 600px;
    }
    .section-about-title {
        font-size: 3.3rem;
    }
    .we-do {
        flex-direction: column;
    }
    .we-do .we-do-content {
        flex-direction: column;
        align-items: center;
    }
    .col-service {
        padding: 0;
    }
    .title-hr-vr {
        width: 450px;
    }
    .team-container {
        width: 96%;
        padding: 120px 20px 80px;
    }
    .row-contact {
        margin-top: -50px;
    }
}

@media only screen and (max-width: 600px) {
    .row-contact {
        margin-top: 0;
        flex-direction: column;
    }
    .team-hr {
        width: 250px;
    }
    .footer-flex {
        flex-direction: column;
    }
    .footer-flex .flex-item p {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .hand-poster {
        bottom: 5rem;
    }
    .hand-poster img.hand {
        width: 47em;
        height: 23em;
    }
}

@media only screen and (min-width: 1199px) {
    .hand-poster {
        bottom: 5rem;
    }
    .hand-poster img.hand {
        width: 54em;
        height: 30em;
    }
}

@media only screen and (min-width: 1399px) {
    .hand-poster {
        bottom: 5rem;
    }
    .hand-poster img.hand {
        width: 68em;
        height: 34em;
    }
    .row {
        margin-right: -10%;
        margin-left: -10%;
    }
}

@media only screen and (min-width: 1900px) {
    .hand-poster {
        bottom: 5rem;
    }
    .hand-poster img.hand {
        width: 95em;
        height: 34em;
    }
    .we-do .we-do-content {
        justify-content: center;
    }
    .row {
        /* margin-right: -15%;
    margin-left: -15%; */
        margin-right: -4.2857rem;
        margin-left: -4.2857rem;
    }
    /* .title-hr {
    width: 120rem;
    max-width: 134%;
    left: -14em;
  } */
    /* .blob-img {
        top: -5vw;
        right: -19vw;
        transform: none;
    } */
    /* .blob-img .blob-hand-img {
        width: 70vw;
    } */
    /* .blob-img .blob-container{

    } */
    .main-head h1 {
        font-size: 5vw;
    }
    .col-service {
        width: calc(80vw / 3);
    }
    .col-service img {
        width: 12vw;
    }
    .col-service h4 {
        font-size: 2.2vw;
    }
    .col-service p {
        font-size: 1.2vw;
        width: 17vw;
    }
    .project-carousel-item {
        width: calc(80vw / 3);
        margin: 0 auto;
    }
    .project-carousel-item>a {
        display: block;
    }
    .project-carousel .project-carousel-item img {
        width: 100%;
    }
    .section-projects {
        min-height: 75vh;
    }
    .section-clients {
        min-height: 50vh;
    }
    .dots-image img {
        width: 42vw;
    }
    .we-solve {
        width: 44vw;
    }
    .we-solve p {
        font-size: 1.5vw;
        width: 50vw;
    }
    .section-our-team p {
        font-size: 1.3vw;
    }
    .contact-row,
    .contact-address {
        font-size: 1.1vw;
    }
    .col-contact h2 {
        font-size: 1.2vw;
    }
    .section-about-title {
        font-size: 4vw;
    }
}


/* Styles New */
/* 
@media only screen and (max-width: 1399px) {
    .blob-img {
        top: 0;
        right: -280px;
        transform: scale(0.9);
    }
} */

@media only screen and (max-width: 1199px) {
    #main {
        margin-top: 20px;
    }
    .main-head h1 {
        margin: 0;
    }
}

@media only screen and (max-width: 1023px) {
    /* .blob-img {
    top: -30px;
    right: -300px;
    transform: scale(0.7);
  } */
    .main-head h1 {
        font-size: 52px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main-head h1 {
        margin-top: 10vh;
    }
    /* .blob-img {
        top: 24vh;
    } */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn-white {
        margin-top: 15px;
    }
    #main {
        align-items: baseline;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    /* .blob-img {
        position: absolute;
        top: 17vh;
        transform: scale(0.8);
    } */
}

@media only screen and (max-width: 991px) {
    .pl-25{
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .blob-img {
        display: none;
    }
    .main-head {
        margin-top: 3vh;
        padding-top: 15vh;
    }
}

@media only screen and (max-width: 575.98px) {
    .main-head h1 {
        font-size: 10vw;
    }
}

@media only screen and (max-width: 479px) {
    .col-service h4 {
        font-size: 9.5vw;
    }
    .col-service p {
        font-size: 4.5vw;
        width: 46vw;
    }
}


/* Hand Animation */

@media only screen and (min-width: 767px) {
    .blob-img{
        top: 22rem;
        left: 35vw;
        transform: scale(.8);
    }
}

@media only screen and (min-width: 1040px) {
    .blob-img{
        top: 19rem;
        left: 35vw;
        transform: scale(.9);
    }
}

@media only screen and (min-width: 1175px) {
    .blob-img{
        top: 15rem;
        left: 50vw;
        transform: scale(1.1);
    }
}

@media only screen and (min-width: 1270px) {
    .blob-img{
        top: 8rem;
        left: 50vw;
        transform: scale(1.1);
    }
}

@media only screen and (min-width: 1500px) {
    .blob-img{
        top: 7rem;
        left: 53vw;
        transform: scale(1.2);
    }
}

@media only screen and (min-width: 1600px) {
    .blob-img{
        top: 7rem;
        left: 53vw;
        transform: scale(1.3);
    }
}

@media only screen and (min-width: 1800px) {
    .blob-img{
        top: 10rem;
        left: 60vw;
        transform: scale(1.6);
    }
}

@media only screen and (min-width: 2250px) {
    .blob-img{
        top: 10rem;
        left: 63vw;
        transform: scale(1.8);
    }
}

@media only screen and (min-width: 2500px) {
    .blob-img{
        top: 10rem;
        left: 70vw;
        transform: scale(2);
    }
}