/* Hero sitebun 1.0.0 */
.lvd-hero-sitebun                            {position:relative;}
.lvd-hero-sitebun .lvd-container             {position:relative; z-index:2;}
.lvd-hero-sitebun .lvd-keyword               {color:var(--lvd-color-black); font-weight: 700; font-size: var(--lvd-text-h4); margin-bottom:8px; text-transform:uppercase; opacity:0.6;}
.lvd-hero-sitebun .lvd-title                 {color:var(--lvd-color-black); font-weight: 700; margin-bottom:16px;}
.lvd-hero-sitebun ul                         {display: grid; margin:0 0 16px 0 !important; padding-left:20px !important;}
.lvd-hero-sitebun .lvd-col1 ul               {grid-template-columns: repeat(1, minmax(0, 1fr));}
.lvd-hero-sitebun .lvd-col2 ul               {grid-template-columns: repeat(2, minmax(0, 1fr));}
.lvd-hero-sitebun .lvd-col3 ul               {grid-template-columns: repeat(3, minmax(0, 1fr));}
.lvd-hero-sitebun .lvd-col4 ul               {grid-template-columns: repeat(4, minmax(0, 1fr));}

/*Author*/
.lvd-hero-sitebun .lvd-author-box       {max-width:360px; margin:0 auto;}
.lvd-hero-sitebun .lvd-author-image     {width:70px; margin-right:10px;}
.lvd-hero-sitebun .lvd-author-image img {border-radius:35px; padding:0; border:1px solid var(--lvd-color-white); margin-bottom:0;}
.lvd-hero-sitebun .lvd-author-details   {width: calc(100% - 80px); color:var(--lvd-color1); text-align: left;}
.lvd-hero-sitebun .lvd-author-function  {margin-bottom:6px;}

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-hero-sitebun.lvd-px, .lvd-hero-sitebun.lvd-pxy         {padding-left:16px; padding-right:16px;}    
.lvd-hero-sitebun .lvd-content                              {padding-left:16px; padding-right:16px;}
.lvd-hero-sitebun .lvd-keyword               {font-size: var(--lvd-text-body); }
.lvd-hero-sitebun .lvd-col2 ul                              {grid-template-columns: repeat(1, minmax(0, 1fr));}
.lvd-hero-sitebun .lvd-col3 ul                              {grid-template-columns: repeat(1, minmax(0, 1fr));}
.lvd-hero-sitebun .lvd-col4 ul                              {grid-template-columns: repeat(1, minmax(0, 1fr));}
.lvd-hero-sitebun.lvd-style-white .lvd-content              {padding-bottom:0;} /* fix extra space bellow */
}

/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-hero-sitebun .lvd-content                {padding-left:40px; padding-right:40px;}
}

/* Full HD */
@media (min-width:1024px) and (max-width:1344px)
{
.lvd-hero-sitebun .lvd-content                {padding-left:40px; padding-right:40px;}
}