*{box-sizing:border-box;margin:0;padding:0}#bundles-products{margin:auto;max-width:900px;position:relative}#bundles-products,.double-bundle{align-items:center;display:flex;justify-content:center}.double-bundle{cursor:pointer}#bundles-products .first-b .bundle-2{margin:0 0 0 -9%}.second-b{margin-left:-4.7%}#bundles-products .second-b .bundle-2{margin:0 0 0 -10.6%}.bundle{width:fit-content}.modal-bundles{align-items:center;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 4px 24px -12px #627c9c;-moz-box-shadow:0 4px 24px -12px #627c9c;box-shadow:0 4px 24px -12px #627c9c;display:none;flex-direction:column;font-size:18px;font-weight:200;gap:20px;justify-content:center;left:0;line-height:135%;margin-left:auto;margin-right:auto;max-width:500px;padding:20px;position:absolute;right:0;text-align:center;top:40%;transition:all .5s ease;z-index:1}.bundle-1:hover .modal-bundles,.bundle-2:hover .modal-bundles,.bundle-3:hover .modal-bundles,.bundle-4:hover .modal-bundles{display:flex}@media screen and (max-width:700px){#bundles-products{flex-direction:column;max-width:550px}.second-b{flex-direction:row-reverse;margin:0}#bundles-products .first-b{margin-right:7%}#bundles-products .second-b{margin-left:6.5%;margin-top:-17%}#bundles-products .second-b .bundle-2{margin:0 -10.6% 0 0}.modal-bundles{margin:0 20px;top:15%}}@media screen and (max-width:372px){#bundles-products .first-b .bundle-2{width:73%}#bundles-products .second-b .bundle-2{width:80%}}