@media only screen and (min-width: 1540px) {
    .sticky {
        padding-right: 800px;
    }
    .nav-div {
        margin-top: 0px;
    }
}



@media only screen and (min-width: 1340px) and (max-width: 1417px) {
    .nav-div a {
        font-size: 0.28em;
    }
}



@media only screen and (max-width: 1340px) {
    body {
        font-size: 33px;
    }

    .nav-div {
        margin-top: 60px;
    }

    .sticky {
        margin-top: 0px;

    }


}

@media only screen and (max-width: 1280px) {
    body {
        font-size: 30px;
    }

    .nav-div {
        width: 55%;
    }

    .sticky {
        margin-top: 0px;
    }
}



@media only screen and (max-width: 1110px) {
    body {
        font-size: 30px;
    }

    .logo-div {
        width: 12%;
    }

    .nav-div {
        top: 22px;
        padding-left: 29px;
        width: 56%;
    }

    .sticky {
        top: 0px;

        padding-left: 120px;



    }
}

@media only screen and (max-width: 990px) {
    body {
        font-size: 27px;
    }

    .nav-div {
        margin-top: 85px;
        padding-left: 29px;
        width: 55%;
    }

    .sticky {
        margin-top: 0;
        padding-left: 100px;
    }

}


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

        font-size: 24px;
    }

    .sticky {
        margin-top: 0px;

        padding-left: 100px;


    }


}

@media only screen and (max-width: 800px) {
    body {
        font-size: 22px;
    }



    .nav-div {
        margin-top: 8%;


    }
}

@media only screen and (max-width: 821px) {
    body {
        font-size: 25px;
    }

    .res-logo {
        display: inline;
        position: absolute;
        z-index: 1;
        width: 100px;
        height: 100px;
        top: 41px;
        right: 43%;
    }

    .wedont {

        margin-top: 60px;
    }

    .nav-div {
        display: none;
    }

    .nav-div {
        display: none;
    }

    .logo {
        width: 90px;
    }

    .home-div {

        background-image: url('../img/backa.png');
    }

    .owl-carousel .owl-stage-outer {
        margin-left: 20px;
    }

    .siminds-provides {
        font-weight: 600;
        width: 65%;
        padding-top: 40px;
        font-family: 'Roboto', sans-serif;
        font-size: 0.6em;
        color: #121e10;
        margin-left: 18%;
    }

    .hamburger {
        display: block;

        top: 102px;

    }

    .robot {
        width: 52%;
        height: 46%;
        margin-top: 185px;
        margin-left: 48%;
    }

    .paragraph-div {
        position: absolute;
        text-align: left;
        height: 100px;
        margin-top: 265px;
        width: 45%;
        /* margin-left: 15%; */
        left: -5%;
    }

    .sub-paragraph {
        font-size: 1.4em;
    }

    .head-paragraph {
        font-size: 1.8em;
    }

    .readmore {
        position: absolute;
        font-family: 'Neuropolitical', sans-serif;
        font-size: 0.7em;
        left: -31%;

    }

    .green-div {

        background-image: url(../img/green\ -\ Copy.png);
        width: 100%;
        margin: 80px 0;
        padding: 40px 0;

    }

    .good {
        width: 50%;
        font-size: 2em;
        line-height: 0.83;
        text-align: left;
        color: #fff;

    }

    .oursolutions {
        width: 50%;
        /* height: 20%; */
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        line-height: 1.2;
        text-align: left;
        color: #fff;

    }

    .contact-div {
        margin-top: 100px;
        width: 100%;
        height: 300px;
        background-image: url(../img/resposivecontact.png);
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .contact-head {
        padding: 0;
    }

    .address {
        display: flex;
        flex-direction: column;
        font-family: 'Roboto', sans-serif;
        font-size: 0.4em;
        font-weight: 900;
        width: 100%;
        color: #fff;
        align-items: center;
    }

    .address p {
        width: 100%;
        font-size: 1.3em;
    }

    .owl-item {
        width: 100%;
    }

    .vr-div {
        text-align: center;
        width: 100%;
        margin: 80px 0;
        background-image: url(../img/resbitmap.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 620px;
        padding-bottom: 8%;
    }

    .labs-home {
        font-size: 2em;
    }

    .for {
        font-size: 1.5em;
    }

    .notjust {
        margin-left: -5%;
        font-size: 1.7em;
    }

    .bringlab {
        margin-top: -7%;
        font-size: 1.1em;
        margin-left: 32%;
    }

    .wedont {
        font-size: 1em;
    }

    .readmore-two {
        font-size: 1em;

    }


    .forward-thinking p {
        font-size: 1em;
    }

    .sector-head {
        font-size: 1.8em;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 20px;
        top: 50%;
        position: absolute;
    }

    .card img {
        max-width: 300px;
    }
}

@media only screen and (max-width: 700px) {
    body {
        font-size: 25px;
    }

    .desc{
        display: none;
    }
    .phone{
        display: block;
    }
    .head-paragraph {
        font-size: 1.6em;
    }

    .sub-paragraph {
        font-size: 1.2em;
    }

    .oursolutions {
        width: 50%;
        /* height: 20%; */
        font-family: 'Roboto', sans-serif;
        font-size: 0.8em;
        line-height: 1;
        text-align: left;
        color: #fff;
    }

    .notjust {
        margin-left: -5%;
        font-size: 1.4em;

    }

    .bringlab {
        margin-top: -10%;
        font-size: 1em;
        margin-left: 21%;
    }
}

@media only screen and (max-width: 600px) {
    body {
        font-size: 25px;
    }


    .info {
        margin-top: 200px;
    }

    .head-paragraph {
        font-size: 0.9em;
    }

    .sub-paragraph {
        font-size: 0.9em;
    }

    .robot {
        width: 44%;
        height: 46%;
        margin-top: 108px;
        margin-left: 52%;
    }

    .paragraph-div {
        position: absolute;
        text-align: left;
        height: 100px;
        margin-top: 165px;
        width: 55%;
        /* margin-left: 15%; */
        left: -7%;
    }

    .res-logo {
        height: 70px;
        top: 10px;
        width: 70px;
    }

    .spector {
        width: 50%;
        height: 206px;
        position: absolute;
        margin-top: 140px;
        left: 5%;
        font-family: 'Neuropolitical', sans-serif;
        font-size: 0.9em;
        color: #fff;
    }

    .home-div {
        height: 540px;
    }

    .hamburger {
        top: 40px;
    }

    .hamburger div {
        width: 1.6em;
    }


    .good {
        width: 50%;
        font-size: 1.8em;
        line-height: 1;
        text-align: left;
        color: #fff;
    }

    .oursolutions {
        width: 50%;
        /* height: 20%; */
        font-family: 'Roboto', sans-serif;
        font-size: 0.8em;
        line-height: 1;
        text-align: left;
        color: #fff;
    }

    .notjust {
        margin-left: -5%;
        font-size: 1.4em;

    }

    .bringlab {
        margin-top: -20%;
        font-size: 1em;
        margin-left: 21%;
    }
    .news-subtitle{
        font-size: 0.4em;
    }
    .news-div{
     
        margin-left: 5%;
        width: 90%;
    }
   


}

@media only screen and (max-width: 500px) {
    body {
        font-size: 23px;
    }
    .news-div {
        height: 150px;
    }
    .news-container {
        height: 150px;
    }
    .carousel-control-prev {
 
        top: 110PX;
    }
    
    .carousel-control-next {
 
        top: 110PX;
    }

    .head-paragraph {
        font-size: 1em;
    }

    .sub-paragraph {
        font-size: 0.8em;
    }

    .paragraph-div {
        width: 47%;
    }

    nav a {
        font-size: 0.9em;
    }

    .sector-head {
        font-size: 1.5em;
    }

    .labs-home {
        font-size: 1.6em;
    }

    .good {
        width: 50%;
        font-size: 1.8em;
        line-height: 1;
        text-align: left;
        color: #fff;
    }

    .oursolutions {
        width: 50%;
        /* height: 20%; */
        font-family: 'Roboto', sans-serif;
        font-size: 0.8em;
        line-height: 1;
        text-align: left;
        color: #fff;
    }

    .notjust {
        margin-left: -5%;
        font-size: 1.2em;

    }

    .wedont {
        font-size: 0.8em;
    }

    .bringlab {
        margin-top: -19%;
        font-size: 0.8em;
        margin-left: 15%;
    }

    .robot {
        width: 56%;
        height: 44%;
        margin-top: 125px;
        margin-left: 43%;
    }
}







@media only screen and (max-width: 400px) {
    body {
        font-size: 20px;
    }

    .home-div {
        background-size: 100% 75%;
    }

    .robot {
        width: 56%;
        height: 40%;
        margin-top: 118px;
        margin-left: 44%;
    }


    .paragraph-div {
        width: 50%;
    }

    .vr-div {
        height: 510px;
    }

    .notjust {
        margin-left: -3%;
        margin-top: 5%;
        font-size: 1.1em;

    }

    .wedont {
        font-size: 0.8em;
    }

    .bringlab {
        margin-top: -19%;
        font-size: 0.8em;
        margin-left: 15%;
    }

    .readmore-two a {
        font-size: 0.5em;
    }




    .green-div {
        HEIGHT: 350px;
    }


    .contact-div {
        font-size: 1.3em;
    }

    


}





@media only screen and (max-width: 300px) {
    .hamburger div {
        width: 1.3em;
    }

    .paragraph-div {
        margin-top: 164px;
    }

    .head-paragraph {
        font-size: 0.8em;
    }

    .sub-paragraph {
        font-size: 0.6em;
    }

    .labs-home {
        font-size: 1.1em;
    }

    .notjust {
        font-size: 0.8em;
    }

    .bringlab {
        margin-top: -25%;
        font-size: 0.5em;
    }

    .readmore-two a {
        font-size: 0.5em;
    }

    .wedont {
        font-size: 0.6EM;
    }

    .res-logo {
        height: 60px;
        width: 60px;
        top: 20px;
    }
}