
@media only screen and (max-width:1700px) 
{
	.qs-first-section .container .a1 .img-control img{width:90%;}
    
}

@media only screen and (max-width:1500px) 
{
	.vantagens .block-control .cards-control .swiper-container2 .swiper-wrapper .swiper-slide:nth-of-type(4),
    .vantagens .block-control .cards-control .swiper-container2 .swiper-wrapper .swiper-slide:nth-of-type(5),
    .vantagens .block-control .cards-control .swiper-container2 .swiper-wrapper .swiper-slide:nth-of-type(6){display:flex;}
    .qs-first-section .container .a1 .img-control img{width:80%;}
    .qs-first-section .container{overflow:hidden;}
}

@media only screen and (max-width:1400px) 
{
	.nova-experiencia .content-controls .a2 .block p{width:368px;}
    .alem-do-codigo-de-barras .image-controls{margin-right:600px;}
    .alem-do-codigo-de-barras .image-controls img{width:900px;}
}

@media only screen and (max-width:1300px) 
{
	.qs-first-section .container .a1 .img-control img{width:70%;}
    .section-donna-carioca .container .div1{flex-direction: column;height:auto!important;}
    .section-donna-carioca .container .div2{display:flex;flex-direction: column-reverse!important;width:100%;height:auto!important;margin-bottom:60px;}
    .section-donna-carioca .container .div2 .container-txt{width:100%;max-width:470px;height:350px;}
    .section-donna-carioca .container{height:auto!important;width:100% !important;}

    .section-donna-carioca{padding:40px;width:calc(100% - 80px);padding-top:80px;}
    .section-donna-carioca .container .div1 .a1{width:100%;height:auto;}
    .section-donna-carioca .container .div1 .a2{width:100%;margin-top:40px;}
    .section-donna-carioca .container .div2{width:100% !important;}
    .section-donna-carioca .container .div2 .container-txt{width:100% !important;max-width:100% !important;margin-top:0px;height:auto;}
    .section-donna-carioca .container .div2 .container-txt spam{width:100% !important;position: relative;}

        
    .floating-icon5 {
        top: -115px;
        right: 40px !important;
        left: auto !important; /* ou unset, se for herança */
        width: 54px;
        height: 52px;
        border-radius: 25px;
        border: 8px solid #FFF;
        z-index: 100;
        position: absolute; /* necessário se ainda não estiver posicionado */
        }

        .section_three, .section_two, .section_one{padding:40px;width:calc(100% - 80px);}
        .section_three .div_img, .section_one .div_img{width:500px;}
        .section_three .text-controls, .section_one .text-controls{width:500px;}
        


}

@media only screen and (max-width:1250px) 
{
    .container-menu .controls .login button{padding: 10px 40px!important;}
    .container-menu .controls .logo{width:200px;padding-left: 33px;}
    .container-menu .controls .menu{width:calc(100% - 160px);}
    .hero .container .ctn-text{padding-left: 33px;}
    .nossos-produtos{height:1800px;}
    .control-dimension .part1{flex-direction: column;display:flex;justify-content: center;align-items: center;height:60%!important;}
    .control-dimension .part1 .produtos-floating .control-cards{margin-top:0px !important;}
    .control-dimension .part2{flex-direction: column;height:40%!important;display:flex;justify-content: center;align-items: center;}
    .control-dimension .part2 .show-video{display:flex;justify-content: center!important;align-items: center;margin-bottom:30px;}
    .control-dimension .part2 .entendendo-processos{display: flex;justify-content: center!important;align-items: center!important;}
    .control-dimension .part2 .entendendo-processos .floating-object{left: 50%;transform: translateX(-50%);}
    .nova-experiencia{height:auto;}
    .nova-experiencia .content-controls{height: auto;flex-direction: column;}
    .nova-experiencia .content-controls .a1{width:100%!important;}
    .nova-experiencia .content-controls .a1 img{width:100%!important;}
    .nova-experiencia .content-controls .a2{width:calc(100% - 50px)!important;padding:25px!important;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .nova-experiencia .content-controls .a2 h2{width:500px!important;padding-left: 130px;}
    .nova-experiencia .content-controls .a2 p{margin-left:-95px;}
    .nova-experiencia .content-controls .a2 .block p{margin-left:0px;}
    .nova-experiencia .btn-control{width:100%!important;display:flex;justify-content: center;align-items: center;}
    .nova-experiencia .btn-control button{width:100%!important;font-size:14px;}
    .o-que-e-rfid{height:auto !important;margin-top:100px;display:flex;justify-content: center;align-items: center;width:calc(100% - 120px);padding:60px;}
    .o-que-e-rfid .orange-container{height:auto !important;width:100%;flex-direction: column-reverse;padding-bottom:60px;}
    .o-que-e-rfid .orange-container .img-controls{width:100%!important;}
    .o-que-e-rfid .orange-container .img-controls img{width:100%!important;}
    .alem-do-codigo-de-barras .image-controls{margin-right:500px;}
    .alem-do-codigo-de-barras .image-controls img{width:700px;}
    .alem-do-codigo-de-barras .text-controls{width:700px;margin-left:630px;}
    .mapa{height:auto;flex-direction: column-reverse;}
    .mapa .text-container{position:relative;margin-top:150px;width:100%;display: flex;justify-content: center;align-items: center;}
    .mapa .img-map img{position:relative;width:800px;}

    .qs-first-section .container .a2 h2{font-size:26px;width:90%;}
    .qs-first-section .container .a2 p{font-size:14px;width:90%;}
    .qs-first-section .container .a2{width:360px;}
    .c-hero .container .box-control img{height:500px}
        
}

@media only screen and (max-width:1150px) 
{
	.container-menu .controls .login button{padding: 10px 30px!important;}
    .container-menu .controls .logo{width:182px;}
    .control-dimension .produtos-floating .control-cards{margin:0!important;}
    .swiper-container3 .swiper-wrapper .swiper-slide:nth-of-type(4),
    .swiper-container3 .swiper-wrapper .swiper-slide:nth-of-type(5),
    .swiper-container3 .swiper-wrapper .swiper-slide:nth-of-type(6){display:block!important;}
    .alem-do-codigo-de-barras .text-controls h2{font-size:36px;}
    .perguntas-frequentes .container .a2{flex-direction: column;}
    .perguntas-frequentes{padding: 40px;width:calc(100% - 80px);}
    .perguntas-frequentes .container .a2 .contato{margin-top:60px;}
    .c-hero .container .box-control img{height:400px}

    .section_three .div_img, .section_one .div_img{width:480px;}
    .section_three .text-controls, .section_one .text-controls{width:480px;}
}


@media only screen and (max-width:1000px) 
{
    .container-menu .controls .login{display: none;}
	.container-menu .controls .menu{display: none;}
    .container-menu .controls{justify-content: space-between;}
    .container-menu .controls .menu-mobile .btn-sandwich{display: flex;}
	.hero{height:555px;}
    .hero h1{font-size: 36px !important;line-height: 42px !important;margin-top:20px;}
    .hero p{width:240px;text-align: left;padding:0 !important;margin-top: 10px !important;}
    .hero button{width:150px;font-size:12px!important;font-weight: 500;padding: 15px 15px !important;margin-top:0px!important;}
    .hero .container .ctn-text{padding-left: 33px;width:320px;}
    .hero .container .cnt-info{font-size: 18px;padding: 28px 60px;width:calc(100% - 350px)!important;}
    .alem-do-codigo-de-barras{height:auto;margin:80px 0px;}
    .alem-do-codigo-de-barras .text-controls{position:relative;margin:0;height:auto;margin-top:50px;width:calc(100% - 80px) !important;padding:40px;}
    .alem-do-codigo-de-barras .image-controls{display:flex;justify-content: center;align-items: center;margin:0;width:100%;}
    .alem-do-codigo-de-barras .image-controls img{width:100%;}
    .alem-do-codigo-de-barras{flex-direction: column;}
    .principais-seguimentos-de-mercado .swiper-container{margin-top:0px!important;}
    .principais-seguimentos-de-mercado .swiper-container{margin-top:-50px;}
    .swiper-pagination{margin-bottom: 50px!important;}
    .principais-seguimentos-de-mercado .mais-seguimentos{margin-top:-30px;width:260px;padding:10px 20px!important;font-size: 14px!important;}
    .qs-hero .container h1{font-size: 29px;}
    .seg-hero .container h1{font-size: 29px;}
    .s-hero .container h1{font-size: 29px;line-height: 40px;}
    .qs-first-section {height: 1000px;}
    .qs-first-section .a1 .img-control{margin-left:-678px!important;width:200%;}
    .qs-first-section .a2{margin-top:50px!important;}
    .qs-first-section .container{display: flex;flex-direction: column-reverse;}
    .qs-first-section .container .a2 h2{font-size:26px;width:90%;}
    .qs-first-section .container .a2 p{font-size:14px;width:90%;}
    .qs-first-section .container .a2{width:calc(100% - 100px);padding:50px;}
    .qs-second-section .container{flex-direction: column;}
    .qs-second-section{height:auto!important;}
    .floating-icon2{display:none;}
    .floating-icon3{display:none;}
    .qs-second-section{border-radius: 0px 0px 35px 35px;}
    .principais-seguimentos-de-mercado.quem-somos-controls .swiper-pagination{bottom:-80px;}
    .segmentos .bloco{flex-direction: column;padding: 20px 0;margin-top:30px;overflow:hidden;}
    .segmentos .bloco:nth-child(even) {flex-direction: column;}
    .segmentos .bloco:nth-child(even) .bloco_txt {display:flex;align-items: start;}
    .segmentos .bloco:nth-child(even) .bloco_txt div {padding-right: 65px;}
    .segmentos .bloco .bloco_txt{height:auto !important;margin-top:40px;}
    .c-hero .container{flex-direction: column;height:auto;width:100%;}
    .c-hero .container .box-control{margin-top: 0px;margin-left:0;margin-right:0;width:100%;display:flex;justify-content: center;align-items: center;}
    .c-hero .container .hero-title-control{margin-top: 100px;width:100%;display: flex;justify-content: center;align-items: center;}
    .c-hero .container .hero-title-control .title{margin-top: -40px;margin-left:-230px;}
    .c-hero .container .hero-title-control{width:calc(100% - 80px);padding:0px 40px;display:flex;flex-direction:column;position:relative!important;}
    .c-hero .container .hero-title-control p{width:100%!important;display:flex;height:auto!important;position:relative;}
    .c-hero .container .hero-title-control .title{width:100%;display:flex;margin:0;margin-top:-40px;}

    .section_one{flex-direction: column-reverse;}
    .section_one .text-controls{width:100%;height:auto;margin:0;}
    .section_one .div_img{width:100%;height:auto;margin:0;}

    .section_three{flex-direction: column;}
    .section_three .text-controls{width:100%;height:auto;margin:0;}
    .section_three .div_img{width:100%;height:auto;margin:0;}
}

@media only screen and (max-width:920px) 
{
	.qs-first-section .a1 .img-control{margin-left:-678px!important;width:220%;}
}

@media (max-width: 900px) {
  .footer-top {
    flex-direction: column;
    align-items: center;
  }

  .footer-nav {
    justify-content: center;
  }

  .footer-column {
    text-align: center;
  }
}

@media only screen and (max-width:850px) 
{
	.qs-first-section .a1 .img-control{margin-left:-678px!important;width:240%;}
}

@media only screen and (max-width:800px) 
{
    .mapa{width:100%!important;height:auto;flex-direction: column-reverse;}
    .mapa .text-container{position:relative;margin-top:150px;width:100%;display: flex;justify-content: center;align-items: center;}
    .mapa .img-map{width:100% !important;display:flex!important;justify-content: center!important;align-items: center!important;}
    .mapa .img-map img{position:relative;width:100%;right:-20px;margin:0!important;top:20px;}
    .qs-first-section .a1 .img-control{margin-left:-678px!important;width:260%;}

}

@media only screen and (max-width:700px)
{
	.nossos-produtos .control-dimension .part2 .show-video .video{width:408px !important;height:334px !important;}
    .mapa .text-container .floating-object .last-txt{width:400px!important;}
    .qs-first-section {height: 1100px;}
    .qs-first-section .a1 .img-control{margin-left:-678px!important;width:280%;}

    .section-donna-carioca .container .div2 .container-imgs {
    display: grid !important;
    grid-template-columns: 1fr !important; /* vertical: 1 coluna */
    grid-template-rows: auto auto !important;
    height: auto !important;
  }

  .section-donna-carioca .container .div2 .container-imgs .first-big {
    height: auto !important;
    border-radius: 18px 18px 0px 0px;
  }

  .section-donna-carioca .container .div2 .container-imgs .first-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none !important;
  }

 .section-donna-carioca .container .div2 .container-imgs .last-two {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important; /* 2 colunas */
  grid-template-rows: unset !important;     /* <- esta linha resolve */
  height: auto !important;
  gap: 5px;
  border-radius: 0 0 18px 18px;
}


  .section-donna-carioca .container .div2 .container-imgs .last-two img {
    width: 100% !important;
    height: auto !important; /* Anula o height 100% global */
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important; /* Mantém quadrado e igual entre as duas */
    display: block;
  }

  
    
}

@media only screen and (max-width:650px)
{
	.qs-first-section {height: 1100px;}
    .qs-first-section .a1 .img-control{margin-left:-650px!important;width:280%;}
}

@media only screen and (max-width:600px)
{
    .hero{background-position: 55% center;}
    .hero h1{font-size: 28px !important;line-height: 32px !important;margin-top:20px;}
    .hero p{width:220px;text-align: left;padding:0 !important;margin-top: 10px !important;font-size:14px!important;}
    .hero .container{background: linear-gradient(to right, #000000b7 0%, #00000000 100%);border-radius: 0px 0px 35px 35px ;}
    .hero .container .ctn-text{padding-left: 20px;width:250px;}
    .hero .container .cnt-info{font-size: 14px;padding: 18px 60px;width:calc(100% - 300px)!important;}
    .alem-do-codigo-de-barras .text-controls p,
    .alem-do-codigo-de-barras .text-controls h2{width:100%;}
    .principais-seguimentos-de-mercado .swiper-container .swiper-wrapper .swiper-slide {transform: scale(0.6);}
    .mapa .text-container{width:calc(100% - 80px);margin-left:0px;padding:40px;}
    .mapa .text-container .floating-object{width:100%;margin-left:0px;padding-left:0px;}
    .mapa .text-container .floating-object h2{width:100%!important;font-size: 25px;margin:0!important;padding:0!important;}
    .mapa .text-container .floating-object p{width:100%!important;font-size: 12px;margin:0!important;padding:0!important;}
    .mapa .text-container .floating-object .checkers h3{width:100%!important;font-size: 16px;margin:0!important;padding:0!important;}
    .mapa .text-container .floating-object .last-txt{width:200px!important;}
    .mapa .text-container .floating-object .last-txt .icon-controls{width:10px;}
    .mapa .text-container .floating-object .last-txt .icon-controls img{margin-left:-20px;}
    .mapa .text-container .floating-object .last-txt .last-words h3{width:100%;font-size:14px;}
    .mapa .text-container .floating-object .last-txt .last-words p{width:100%;font-size:12px;}
    .qs-first-section {height: 1100px;}
    .qs-first-section .a1 .img-control{margin-left:-600px!important;width:300%;}
    .perguntas-frequentes .container{width:100% !important;}
    .perguntas-frequentes .container .a2{width:100% !important;}
    .perguntas-frequentes .container .a2 .perguntas .pergunta h3{width:100% !important;font-size:18px;}
    .perguntas-frequentes .container .a2 .contato{width:100%;}
    .principais-seguimentos-de-mercado .swiper-container{margin-top:-70px!important;}
    .principais-seguimentos-de-mercado .title{width:100% !important;}
    .principais-seguimentos-de-mercado h2{width:100% !important; font-size: 18px;}
    .principais-seguimentos-de-mercado.quem-somos-controls .swiper-pagination{bottom:-0px;}
    .principais-seguimentos-de-mercado.quem-somos-controls{height:500px;}
    .segmentos .bloco{width:calc(100% - 60px) !important;padding:30px !important;}
    .segmentos .bloco .bloco_img{width:100% !important;}
    .segmentos .bloco .bloco_txt{padding-left:0px;width:100% !important;}
    .segmentos .bloco .bloco_txt div{width:100% !important;}
    .segmentos .bloco .bloco_txt div p{width:100% !important;}
    .c-hero .container .hero-title-control{width:calc(100% - 80px);padding:0px 40px;display:flex;flex-direction:column;position:relative!important;}
    .c-hero .container .hero-title-control p{width:100%!important;display:flex;height:auto!important;position:relative;}
    .c-hero .container .hero-title-control .title{width:100%;display:flex;margin:0;margin-top:-40px;}
    .c-hero .container .box-control img{height:300px;}
    .section-donna-carioca .container .div1 .a2{height:300px;}
    .section-donna-carioca .container .div1 .a2 .img-controls{height:300px;}
    .section-donna-carioca .container .div1 .a2 .video-controls{height:300px;}
    .section-donna-carioca .container .div1 .a1 h2{font-size: 20px;}
    .section-donna-carioca .container .div1{margin-top:0;}
}

@media only screen and (max-width:500px)
{
    .hero .container .cnt-info{font-size: 14px;padding: 18px 40px;width:calc(100% - 180px)!important;}
    .vantagens .block-control .cards-control .swiper-container2 .swiper-wrapper .swiper-slide{transform: scale(0.7);}
    .swiper-pagination-bullet {width: 8px;height: 8px;}
    .swiper-pagination-bullet-active {width: 28px;height: 8px;}
    .swiper-pagination2{margin-top: -40px;}
    .cards-control{margin-top: -40px!important;}
    .nossos-produtos .control-dimension .part2 .show-video .video{width:308px !important;height:234px !important;}
    .nova-experiencia .content-controls .a2{width:calc(100% - 100px)!important;}
    .nova-experiencia .content-controls .a2 h2{width:100%!important;padding:0;font-size:28px;line-height: 30px;}
    .nova-experiencia .content-controls .a2 p{width:100%!important;margin-left:0px;font-size:16px;}
    .nova-experiencia .content-controls .a2 .block p{width:100%!important;margin-left:0px;}
    .nova-experiencia .content-controls .a2 .block h3{font-size:16px;}
    .o-que-e-rfid{height:auto !important;margin-top:100px;display:flex;justify-content: center;align-items: center;width:calc(100% - 40px);padding:20px;}
    .o-que-e-rfid .orange-container{padding:30px;padding-top:0px;}
    .o-que-e-rfid .orange-container .content h2{font-size: 18px;width:100%!important;}
    .o-que-e-rfid .orange-container .content p{font-size: 12px;line-height: 20px;}
    .o-que-e-rfid .orange-container .floating-icon{transform: scale(0.7);left:20px;}
    .qs-first-section {height: 1100px;}
    .qs-first-section .a1 .img-control{margin-left:-500px!important;width:300%;}
    .c-hero .container .box-control img{height:250px;}
}

@media only screen and (max-width:440px) 
{
    .hero{background-position: 55% center;}
    .hero h1{font-size: 24px !important;line-height: 32px !important;margin-top:20px;}
    .hero .container .ctn-text{padding-left: 20px;width:210px;}
    .qs-first-section {height: 900px;}
    .qs-first-section .a1 .img-control{margin-left:-400px!important;width:300%;}
    .qs-first-section .container .a2{margin-top: 0!important;padding:20px;width:calc(100% - 40px);}
    .qs-first-section .container h2{width: 100% !important;font-size: 22px!important;}
    .qs-first-section .container p{width: 100% !important;}
    .perguntas-frequentes .container .a2 .perguntas .pergunta h3{width:100% !important;font-size:16px;}
    .perguntas-frequentes .container .a1 h2{width:100% !important;font-size:20px;}
    .perguntas-frequentes .container .a2{margin:0;}
    .perguntas-frequentes .container .a2 .contato .th{font-size:18px;}
    .perguntas-frequentes .container .a2 .contato .divcall{width:calc(100% - 10px);justify-content: start;padding-left: 10px;}
    .perguntas-frequentes .container .a2 .contato .divcall .telefone .a1s{font-size: 10px;}
    .perguntas-frequentes .container .a2 .contato .divcall .telefone .a2s{font-size: 28px;}
    
    .section-donna-carioca .container .div1 .a2{height:250px;}
    .section-donna-carioca .container .div1 .a2 .img-controls{height:250px;}
    .section-donna-carioca .container .div1 .a2 .video-controls{height:250px;}
    
}



