@media (min-width: 1602px) {
    .bloco1-img1 {
        width: 62%;
        margin-left: 35%;
        margin-top: -3%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 46%;
        margin-left: -61%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -58%;
    }

    .bloco2-img1 {
        width: 104%;
        margin-left: -26%;
        margin-top: -7%;
    }

    .bloco2-img2 {
        width: 39%;
        margin-left: -59%;
        margin-top: 21%;
    }


    .bloco2-img3 {
        width: 21%;
        margin-left: -48%;
        margin-top: 20%;
    }

    .bloco3-img1 {
        width: 87%;
        margin-left: 25%;
        margin-top: 9%;
    }

    .bloco3-img2 {
        width: 30%;
        margin-left: -84%;
        margin-top: 40%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: -5%;
        margin-top: 1%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -71%;
        margin-top: 8%;
    }

    .altura-corpo {
        height: 600px;
    }

    .space {
        margin-top: 10%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 3%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: -2%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 11%;
    }

    .position-inventory {
        background-position: 1% -21%;
        padding-bottom: 3%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 12%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}


@media (max-width: 1601px) {

    .altura-corpo {
        height: 640px;
    }

    .space {
        margin-top: 11%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 35%;
        margin-top: -3%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 46%;
        margin-left: -61%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -58%;
    }

    .bloco2-img1 {
        width: 104%;
        margin-left: -26%;
        margin-top: -7%;
    }

    .bloco2-img2 {
        width: 39%;
        margin-left: -59%;
        margin-top: 21%;
    }


    .bloco2-img3 {
        width: 21%;
        margin-left: -48%;
        margin-top: 20%;
    }

    .bloco3-img1 {
        width: 87%;
        margin-left: 25%;
        margin-top: 9%;
    }

    .bloco3-img2 {
        width: 30%;
        margin-left: -84%;
        margin-top: 40%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: -5%;
        margin-top: 1%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -71%;
        margin-top: 8%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 3%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: -2%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 12%;
    }

    .position-inventory {
        background-position: 1% 21%;
        padding-bottom: 3%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 9%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}


@media (max-width: 1445px) {
    .altura-corpo {
        height: 641px;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 3%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: -2%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 17%;
    }

    .position-inventory {
        background-position: 1% 21%;
        padding-bottom: 3%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 9%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}



@media (max-width: 1368px) {
    .space {
        margin-top: 11%;
    }

    .altura-corpo {
        height: 643px;
    }

    .bloco1-img1 {
        width: 60%;
        margin-left: 35%;
        margin-top: -1%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: 8%;
        margin-left: -38%;
    }

    .bloco1-img3 {
        width: 46%;
        margin-left: -62%;
        margin-top: 3%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: 5%;
        margin-left: -58%;
    }

    .bloco2-img1 {
        width: 104%;
        margin-left: -8%;
        margin-top: -12%;
    }

    .bloco2-img2 {
        width: 39%;
        margin-left: -59%;
        margin-top: 16%;
    }

    .bloco2-img3 {
        width: 21%;
        margin-left: -48%;
        margin-top: 20%;
    }

    .bloco3-img1 {
        width: 87%;
        margin-left: 16%;
        margin-top: 5%;
    }

    .bloco3-img2 {
        width: 30%;
        margin-left: -88%;
        margin-top: 34%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: 1%;
        margin-top: 5%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -71%;
        margin-top: -11%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 3%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: -2%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 17%;
    }

    .position-inventory {
        background-position: 1% 21%;
        padding-bottom: 3%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 9%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}


@media (max-width: 1284px) {
    .space {
        margin-top: 11%;
    }

    .bloco1-img1 {
        width: 60%;
        margin-left: 35%;
        margin-top: -1%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: 8%;
        margin-left: -38%;
    }

    .bloco1-img3 {
        width: 46%;
        margin-left: -62%;
        margin-top: 3%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: 5%;
        margin-left: -58%;
    }

    .bloco2-img1 {
        width: 104%;
        margin-left: -8%;
        margin-top: -12%;
    }

    .bloco2-img2 {
        width: 39%;
        margin-left: -59%;
        margin-top: 16%;
    }

    .bloco2-img3 {
        width: 21%;
        margin-left: -48%;
        margin-top: 20%;
    }

    .bloco3-img1 {
        width: 87%;
        margin-left: 16%;
        margin-top: 5%;
    }

    .bloco3-img2 {
        width: 30%;
        margin-left: -88%;
        margin-top: 34%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: 1%;
        margin-top: 5%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -71%;
        margin-top: -11%;
    }

    .altura-corpo {
        height: 651px;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 3%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: -2%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 17%;
    }

    .position-inventory {
        background-position: 1% 21%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 9%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}


@media (max-width: 1200px) {
    .space {
        margin-top: 11%;
    }

    .altura-corpo {
        height: 648px;
    }

    .bloco1-img1 {
        width: 60%;
        margin-left: 35%;
        margin-top: 5%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: 8%;
        margin-left: -38%;
    }

    .bloco1-img3 {
        width: 46%;
        margin-left: -62%;
        margin-top: 3%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: 5%;
        margin-left: -58%;
    }

    .bloco2-img1 {
        width: 104%;
        margin-left: -8%;
        margin-top: 2%;
    }

    .bloco2-img2 {
        width: 39%;
        margin-left: -59%;
        margin-top: 24%;
    }

    .bloco2-img3 {
        width: 21%;
        margin-left: -48%;
        margin-top: 20%;
    }

    .bloco3-img1 {
        width: 87%;
        margin-left: 20%;
        margin-top: 20%;
    }

    .bloco3-img2 {
        width: 30%;
        margin-left: -93%;
        margin-top: 55%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: -5%;
        margin-top: 29%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -71%;
        margin-top: 8%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 16%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: 15%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 17%;
    }

    .position-inventory {
        background-position: 1% 21%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 27%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}


@media (max-width: 1113px) {
    .space {
        margin-top: 11%;
    }

    .altura-corpo {
        height: 649px;
    }

    .bloco1-img1 {
        width: 60%;
        margin-left: 35%;
        margin-top: 5%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: 8%;
        margin-left: -38%;
    }

    .bloco1-img3 {
        width: 46%;
        margin-left: -62%;
        margin-top: 3%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: 5%;
        margin-left: -58%;
    }

    .bloco2-img1 {
        width: 104%;
        margin-left: -8%;
        margin-top: 2%;
    }

    .bloco2-img2 {
        width: 39%;
        margin-left: -59%;
        margin-top: 24%;
    }

    .bloco2-img3 {
        width: 21%;
        margin-left: -48%;
        margin-top: 20%;
    }

    .bloco3-img1 {
        width: 87%;
        margin-left: 20%;
        margin-top: 20%;
    }

    .bloco3-img2 {
        width: 30%;
        margin-left: -93%;
        margin-top: 55%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: -5%;
        margin-top: 29%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -71%;
        margin-top: 8%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 16%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: 15%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 17%;
    }

    .position-inventory {
        background-position: 1% 21%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 27%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}

@media (max-width:1025px) {
    .space {
        margin-top: 13%;
    }

    .altura-corpo {
        height: 644px;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 33%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .bloco2-img1 {
        width: 102%;
        margin-left: -9%;
        margin-top: 8%;
    }

    .bloco2-img2 {
        width: 37%;
        margin-left: -58%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 24%;
        margin-left: -50%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 88%;
        margin-left: 14%;
        margin-top: 25%;
    }

    .bloco3-img2 {
        width: 38%;
        margin-left: -97%;
        margin-top: 50%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: -5%;
        margin-top: 24%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -70%;
        margin-top: 8%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-top: 16%;
        margin-left: 9%;
    }

    .img-qr-code2 {
        width: 42%;
        margin-left: -10%;
        margin-top: 15%;
    }

    .position-qr {
        padding-top: 14%;
        padding-bottom: 8%;
    }

    .titulo-textos-right {
        font-size: 39px;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 17%;
    }

    .position-inventory {
        background-position: 1% 21%;
    }

    .img-management1 {
        width: 103%;
        margin-left: -4%;
        margin-top: 27%;
    }

    .img-management2 {
        width: 47%;
        margin-left: 21%;
        margin-top: -92%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}

@media (max-width: 992px) {
    .space {
        margin-top: 15%;
    }

    .pos-celular {
        margin-left: 15%;
        margin-top: 9%;
    }

    .img-apple {
        width: 40%;
    }

    .img-google-play {
        width: 43%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 21%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .titulo-textos-right {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 55px;
        padding-bottom: 2%;
    }

    .titulo-textos-left {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 57px;
        padding-bottom: 2%;
    }

    .textos-left {
        text-align: center;
        line-height: 1.6;
        font-size: 22px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .textos-right {
        text-align: center;
        line-height: 1.6;
        font-size: 22px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
        padding-bottom: 4%;
    }

    .bloco2-img1 {
        width: 84%;
        margin-left: 8%;
        margin-top: 14%;
    }

    .bloco2-img2 {
        width: 28%;
        margin-left: -46%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 19%;
        margin-left: -40%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 76%;
        margin-left: 14%;
        margin-top: 14%;
    }

    .bloco3-img2 {
        width: 27%;
        margin-left: -80%;
        margin-top: 39%;
    }

    .bloco4-img1 {
        width: 68%;
        margin-left: 19%;
        margin-top: 24%;
    }

    .bloco4-img2 {
        width: 36%;
        margin-left: -54%;
        margin-top: 8%;
    }


    .btn-read-dir {
        border-radius: 50px !important;
        float: none;
        margin-top: 23px;
        margin-left: 43%;
    }

    .btn-read-esq {
        border-radius: 50px !important;
        margin-top: 23px;
        margin-left: 43%;
        float: none;
    }

    .corpo {
        margin-bottom: 12%;
    }

    .margin-img1 {
        margin-bottom: -16%;
    }

    .margin-img2 {
        margin-bottom: 9%;
    }

    .margin-img3 {
        margin-bottom: 22%;
    }

    .margin-img4 {
        margin-bottom: 11%;
    }

    .position-qr {
        padding-top: 16%;
    }

    .img-qr-code1 {
        width: 27%;
        margin-left: 24%;
        padding-bottom: 9%;
        margin-top: 10%;
    }

    .img-qr-code2 {
        width: 28%;
        margin-left: -5%;
        margin-top: 0%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 24%;
    }

    .position-inventory {
        background-position: 10% 110%;
        padding-bottom: 7%;
    }

    .img-management1 {
        width: 88%;
        margin-left: 6%;
        margin-top: 0%;
    }

    .img-management2 {
        width: 34%;
        margin-left: -65%;
        margin-top: 0%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 2%;
    }
}

@media (max-width: 769px) {
    .space {
        margin-top: 21%;
    }

    .pos-celular {
        margin-left: 15%;
        margin-top: 9%;
    }

    .img-apple {
        width: 40%;
    }

    .img-google-play {
        width: 43%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 21%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .titulo-textos-right {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 55px;
        padding-bottom: 2%;
    }

    .titulo-textos-left {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 57px;
        padding-bottom: 2%;
    }

    .textos-left {
        text-align: center;
        line-height: 1.6;
        font-size: 22px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .textos-right {
        text-align: center;
        line-height: 1.6;
        font-size: 22px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
        padding-bottom: 6%;
    }

    .bloco2-img1 {
        width: 84%;
        margin-left: 8%;
        margin-top: 14%;
    }

    .bloco2-img2 {
        width: 28%;
        margin-left: -46%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 19%;
        margin-left: -40%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 76%;
        margin-left: 14%;
        margin-top: 14%;
    }

    .bloco3-img2 {
        width: 27%;
        margin-left: -80%;
        margin-top: 39%;
    }

    .bloco4-img1 {
        width: 75%;
        margin-left: 10%;
        margin-top: 6%;
    }

    .bloco4-img2 {
        width: 36%;
        margin-left: -56%;
        margin-top: 8%;
    }


    .btn-read-dir {
        border-radius: 50px !important;
        float: none;
        margin-top: 23px;
        margin-left: 43%;
    }

    .btn-read-esq {
        border-radius: 50px !important;
        margin-top: 23px;
        margin-left: 43%;
        float: none;
    }

    .corpo {
        margin-bottom: 12%;
    }

    .margin-img1 {
        margin-bottom: -16%;
    }

    .margin-img2 {
        margin-bottom: 9%;
    }

    .margin-img3 {
        margin-bottom: 22%;
    }

    .margin-img4 {
        margin-bottom: 11%;
    }

    .position-qr {
        padding-top: 16%;
    }

    .img-qr-code1 {
        width: 29%;
        margin-left: 22%;
        margin-top: 11%;
        padding-bottom: 8%;
    }

    .img-qr-code2 {
        width: 30%;
        margin-left: -8%;
        margin-top: 2%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 24%;
    }

    .position-inventory {
        background-position: 10% 110%;
        padding-bottom: 7%;
    }

    .img-management1 {
        width: 88%;
        margin-left: 6%;
        margin-top: 0%;
    }

    .img-management2 {
        width: 34%;
        margin-left: -65%;
        margin-top: 0%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 3%;
    }
}

@media (max-width: 656px) {

    .space {
        margin-top: 21%;
    }

    .pos-celular {
        margin-left: 15%;
        margin-top: 9%;
    }

    .img-apple {
        width: 40%;
    }

    .img-google-play {
        width: 43%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 21%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .titulo-textos-right {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 40px;
        padding-bottom: 2%;
    }

    .titulo-textos-left {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 42px;
        padding-bottom: 2%;
    }

    .textos-left {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .textos-right {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .bloco2-img1 {
        width: 97%;
        margin-left: 1%;
        margin-top: 8%;
    }

    .bloco2-img2 {
        width: 37%;
        margin-left: -58%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 24%;
        margin-left: -50%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 88%;
        margin-left: 14%;
        margin-top: 6%;
    }

    .bloco3-img2 {
        width: 38%;
        margin-left: -97%;
        margin-top: 50%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: 5%;
        margin-top: 24%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -70%;
        margin-top: 8%;
    }


    .btn-read-dir {
        border-radius: 50px !important;
        float: none;
        margin-top: 23px;
        margin-left: 43%;
    }

    .btn-read-esq {
        border-radius: 50px !important;
        margin-top: 23px;
        margin-left: 43%;
        float: none;
    }

    .corpo {
        margin-bottom: 11%;
    }

    .margin-img1 {
        margin-bottom: -16%;
    }

    .margin-img2 {
        margin-bottom: 9%;
    }

    .margin-img3 {
        margin-bottom: 22%;
    }

    .margin-img4 {
        margin-bottom: 11%;
    }

    .position-qr {
        padding-top: 21%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-left: 17%;
        padding-bottom: 10%;
    }

    .img-qr-code2 {
        width: 40%;
        margin-left: -11%;
        margin-top: 6%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 32%;
    }

    .position-inventory {
        background-position: 10% 110%;
        padding-bottom: 7%;
    }

    .img-management1 {
        width: 88%;
        margin-left: 6%;
        margin-top: 0%;
    }

    .img-management2 {
        width: 34%;
        margin-left: -65%;
        margin-top: 0%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}


@media (max-width: 545px) {
    .space {
        margin-top: 21%;
    }

    .pos-celular {
        margin-left: 15%;
        margin-top: 9%;
    }

    .img-apple {
        width: 40%;
    }

    .img-google-play {
        width: 43%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 21%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .titulo-textos-right {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 40px;
        padding-bottom: 2%;
    }

    .titulo-textos-left {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 42px;
        padding-bottom: 2%;
    }

    .textos-left {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .textos-right {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .bloco2-img1 {
        width: 97%;
        margin-left: 1%;
        margin-top: 8%;
    }

    .bloco2-img2 {
        width: 37%;
        margin-left: -58%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 24%;
        margin-left: -50%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 88%;
        margin-left: 14%;
        margin-top: 7%;
    }

    .bloco3-img2 {
        width: 38%;
        margin-left: -97%;
        margin-top: 50%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: 5%;
        margin-top: 24%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -70%;
        margin-top: 8%;
    }


    .btn-read-dir {
        border-radius: 50px !important;
        float: none;
        margin-top: 17px;
        margin-left: 37%;
    }

    .btn-read-esq {
        border-radius: 50px !important;
        margin-top: 17px;
        margin-left: 37%;
        float: none;
    }

    .corpo {
        margin-bottom: 10%;
    }

    .margin-img1 {
        margin-bottom: -16%;
    }

    .margin-img2 {
        margin-bottom: 9%;
    }

    .margin-img3 {
        margin-bottom: 22%;
    }

    .margin-img4 {
        margin-bottom: 11%;
    }

    .position-qr {
        padding-top: 23%;
        margin-bottom: 7%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-left: 17%;
    }

    .img-qr-code2 {
        width: 40%;
        margin-left: -11%;
        margin-top: 6%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 32%;
    }

    .position-inventory {
        background-position: 10% 110%;
        padding-bottom: 7%;
    }

    .img-management1 {
        width: 88%;
        margin-left: 6%;
        margin-top: 0%;
    }

    .img-management2 {
        width: 34%;
        margin-left: -65%;
        margin-top: 0%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}

@media (max-width: 419px) {
    .space {
        margin-top: 27%;
    }

    .pos-celular {
        margin-left: 15%;
        margin-top: 9%;
    }

    .img-apple {
        width: 40%;
    }

    .img-google-play {
        width: 43%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 21%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .titulo-textos-right {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 40px;
        padding-bottom: 2%;
    }

    .titulo-textos-left {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 42px;
        padding-bottom: 2%;
    }

    .textos-left {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .textos-right {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .bloco2-img1 {
        width: 97%;
        margin-left: 1%;
        margin-top: 8%;
    }

    .bloco2-img2 {
        width: 37%;
        margin-left: -58%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 24%;
        margin-left: -50%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 88%;
        margin-left: 14%;
        margin-top: 6%;
    }

    .bloco3-img2 {
        width: 38%;
        margin-left: -97%;
        margin-top: 50%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: 5%;
        margin-top: 24%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -70%;
        margin-top: 8%;
    }


    .btn-read-dir {
        border-radius: 50px !important;
        float: none;
        margin-top: 17px;
        margin-left: 37%;
    }

    .btn-read-esq {
        border-radius: 50px !important;
        margin-top: 17px;
        margin-left: 37%;
        float: none;
    }

    .corpo {
        margin-bottom: 7%;
    }

    .margin-img1 {
        margin-bottom: -16%;
    }

    .margin-img2 {
        margin-bottom: 9%;
    }

    .margin-img3 {
        margin-bottom: 22%;
    }

    .margin-img4 {
        margin-bottom: 11%;
    }

    .position-qr {
        padding-top: 32%;
        padding-bottom: 7%;
        margin-bottom: 17%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-left: 17%;
        padding-bottom: 19%;
    }

    .img-qr-code2 {
        width: 40%;
        margin-left: -11%;
        margin-top: 6%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 43%;
    }

    .position-inventory {
        background-position: 10% 110%;
        padding-bottom: 10%;
    }

    .img-management1 {
        width: 88%;
        margin-left: 6%;
        margin-top: 0%;
    }

    .img-management2 {
        width: 34%;
        margin-left: -65%;
        margin-top: 0%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 8%;
    }
}

@media (max-width: 376px) {
    .space {
        margin-top: 27%;
    }

    .pos-celular {
        margin-left: 15%;
        margin-top: 9%;
    }

    .img-apple {
        width: 40%;
    }

    .img-google-play {
        width: 43%;
    }

    .bloco1-img1 {
        width: 62%;
        margin-left: 21%;
        margin-top: 11%;
    }

    .bloco1-img2 {
        width: 40%;
        margin-top: -7%;
        margin-left: -39%;
    }

    .bloco1-img3 {
        width: 35%;
        margin-left: -54%;
        margin-top: -15%;
    }

    .bloco1-img4 {
        width: 24%;
        margin-top: -9%;
        margin-left: -50%;
    }

    .titulo-textos-right {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 40px;
        padding-bottom: 2%;
    }

    .titulo-textos-left {
        font-family: Roboto-Thin;
        font-weight: normal !important;
        text-align: center;
        font-size: 42px;
        padding-bottom: 2%;
    }

    .textos-left {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .textos-right {
        text-align: center;
        line-height: 1.6;
        font-size: 21px;
        font-family: Helvetica, "Myriad Pro", sans-serif;
    }

    .bloco2-img1 {
        width: 97%;
        margin-left: 1%;
        margin-top: 8%;
    }

    .bloco2-img2 {
        width: 37%;
        margin-left: -58%;
        margin-top: 29%;
    }

    .bloco2-img3 {
        width: 24%;
        margin-left: -50%;
        margin-top: 30%;
    }

    .bloco3-img1 {
        width: 88%;
        margin-left: 14%;
        margin-top: 25%;
    }

    .bloco3-img2 {
        width: 38%;
        margin-left: -97%;
        margin-top: 50%;
    }

    .bloco4-img1 {
        width: 93%;
        margin-left: 5%;
        margin-top: 24%;
    }

    .bloco4-img2 {
        width: 43%;
        margin-left: -70%;
        margin-top: 8%;
    }


    .btn-read-dir {
        border-radius: 50px !important;
        float: none;
        margin-top: 17px;
        margin-left: 37%;
    }

    .btn-read-esq {
        border-radius: 50px !important;
        margin-top: 17px;
        margin-left: 37%;
        float: none;
    }

    .corpo {
        margin-bottom: 22%;
    }

    .margin-img1 {
        margin-bottom: -16%;
    }

    .margin-img2 {
        margin-bottom: 9%;
    }

    .margin-img3 {
        margin-bottom: 22%;
    }

    .margin-img4 {
        margin-bottom: 11%;
    }

    .position-qr {
        padding-top: 32%;
        padding-bottom: 7%;
        margin-bottom: 17%;
    }

    .img-qr-code1 {
        width: 40%;
        margin-left: 17%;
        padding-bottom: 14%;
    }

    .img-qr-code2 {
        width: 40%;
        margin-left: -11%;
        margin-top: 6%;
    }

    .img-inventory-1 {
        width: 77%;
        margin-left: 12%;
        margin-top: -12%;
    }

    .img-inventory-2 {
        width: 28%;
        margin-left: -70%;
        margin-top: 0%;
    }

    .img-inventory-3 {
        width: 32%;
        margin-top: 10%;
        margin-left: -4%;
    }

    .space-inventory {
        margin-top: 40%;
    }

    .position-inventory {
        background-position: 10% 110%;
        padding-bottom: 10%;
    }

    .img-management1 {
        width: 77%;
        margin-left: 10%;
        margin-top: 0%;
    }

    .img-management2 {
        width: 30%;
        margin-left: -56%;
        margin-top: 0%;
    }

    .margin-management {
        margin-bottom: 7%;
    }

    .padding-management {
        padding-bottom: 0%;
    }

    .background-img-app {
        background-position: 7% 135% !important;
    }
}