.troca1 {
            position: absolute;
            top: 44%;
            right: 46%;
        }

        .hotspot1 {
            flex-direction: row-reverse;
            top: 42%;
            right: 54%;
        }

        .hotspot1 .thumb-label {
            text-align: left;
        }


        .linhaProdTroca1 {
            width: 50px;
            height: 1px;
            border-radius: 999px;
            background: #fff;

        }

        .bolaProdTroca1 {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;

        }

        @media (max-width: 768px) {

            .linhaProdTroca1 {
                width: 20px;
            }
            
            .bolaProdTroca1 {
                width: 3px;
                height: 3px;
            }

            .thumb-label{
                padding-right: 2px;
                padding-left: 2px;
            }

            .troca1 {
                top: 42%;
                right: 46%;
            }

            .hotspot1 {
                top: 40%;
                right: 53%;
            }
        }