/* Modal 1.0.0 */
.lvd-pkg-modal-overlay          {display: none; position: fixed; z-index: 9999;  left: 0; top: 0; width: 100%;  height: 100%;   background-color: rgba(0,0,0,0.4);}
.lvd-pkg-modal                  {position:absolute; border-radius: var(--lvd-rounded-md); left:calc(50% - 516px); top:40px; bottom:40px;  background-color: var(--lvd-color-white); padding:40px 8px 8px 8px;  max-width:1024px; width:100%; animation: zoom-in-zoom-out 1s ease 1;}
@keyframes zoom-in-zoom-out    {0% {transform: scale(0, 0);} 100% {transform: scale(1, 1);}}
.lvd-pkg-modal-close            {color: var(--lvd-color-black); position:absolute; top:8px; right:8px; font-size:24px;}
.lvd-pkg-modal-close span       {font-size: 28px; font-weight: bold; vertical-align: middle;}


/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-pkg-modal                  {left:2px; right:2px; top:40px;  padding:40px 2px 2px 2px;  max-width:1024px; width: calc(100% - 4px); }
}

/* Bt */
@media (min-width:768px) and (max-width:1024px)
{
.lvd-pkg-modal                  {left:8px; right:8px; top:100px;  background-color: var(--lvd-color-white); padding:40px 8px 8px 8px;  max-width:1024px; width: calc(100% - 16px); }
}

/* Full HD */
@media (min-width:1025px) and (max-width:1344px)
{
.lvd-pkg-modal                  {left:calc(50% - 516px); top:40px;}
}