@media (max-width: 1500px) 
{
    .panel-2025 .panel-container,
    .panel-2025 .panel-container .panel-container-shapes    {border-radius: 0}
}

@media (max-width: 1340px) 
{
    
    
    .listing .panel-2025 .panel-container-text h3   {font-size: 4.5vw}
    .panel-2025 .panel-container-text               {flex: 1;}   
    
    .listing .panel-container-outer.anna .panel-container .panel-container-text,
    .listing .panel-container-outer.michelle .panel-container .panel-container-text    {padding-left: 25px}

    
}
	
	
@media (max-width: 1200px) 
{
    
    .listing .panel-2025 .panel-container-text  {flex: 0 0 calc(50% - 20px);}
    .listing .panel-2025 .panel-container-image {flex: 0 0 calc(50% - 20px);}
 
    .style-2025 .panel-container    {min-height: unset}
    .style-2025 .content-header .panel-container-text p {font-size: 20px;}
    
    .blockquote-container blockquote            {margin-left: 70px;}
    .blockquote-container-graphic blockquote    {margin-right: 0; margin-left: 70px;}
    .style-2025 .page-graphic                   {right: 10px; bottom: 0; top: auto; left: auto; margin: 0;}
    
}

@media (max-width: 1050px) {
    
    .style-2025 .panel-container-text h2 svg            {left: -50px !important; top: -20px !important;}
    .style-2025 .panel-container                        {padding-top: 0}
    
    .style-2025 .content-header .panel-container-text           {width: 50%; padding:20px 0 50px 0}    
    .style-2025 .content-header .panel-container-text h2        {margin-top: 0}
    .style-2025 .content-header .panel-container-text p         {font-size: 18px;}
    .style-2025 .content-header .panel-container-text h2 svg    {margin: 0 auto}
    .style-2025 .panel-container .panel-container-shapes:before {width: 568px; height: 365px;}
    
    
    .style-2025 .related-articles .cols   {flex-direction: column}
    .style-2025 .related-articles .col-2  {width: 100%;}
    
}

@media (max-width: 950px) 
{
    
    .style-2025 .page-graphic   {width: 150px;}
}

@media (max-width: 860px) 
{
    .listing .panel-container-outer.kimin .panel-container .panel-container-text,
    .listing .panel-container-outer.anna .panel-container .panel-container-text,
    .listing .panel-container-outer.michelle .panel-container .panel-container-text    {padding-left: 15px}
}

@media (max-width: 870px) 
{
    
    .tab    {font-size: 24px}
    
    .panel-2025 .panel-container .panel-container-shapes:before {width: 418px; height: 271px;}
    
    .blockquote-container-graphic.blockquote-container blockquote    {width: calc(100% - 220px);}
    
}

@media (max-width: 780px) 
{
    
    .style-2025 blockquote         {margin-top: 88px;}    
    .style-2025 blockquote:before {width: 42px; height: 32px; background-size: cover; left: 0px; top: -45px;}
    
    .blockquote-container blockquote    {margin-left: 30px}
    
    .blockquote-container blockquote        {width: calc(100% - 40px);}
    .blockquote-container-graphic.blockquote-container blockquote {width: calc(100% - 180px);}
    
}
     
     
@media (max-width: 680px) 
{
    .style-2025 .content-header .panel-container:before {display: none}
    
    .style-2025 .content-header .panel-container-text       {width: 430px; max-width: 100%; padding-bottom: 20px;}
    .style-2025 .content-header .panel-container-text h2    {font-size: 34px;}            
    .style-2025 .panel-container-text h2 svg                {left: auto !important; top: auto !important}
    
    .style-2025 .blockquote-container p {font-size: 30px !important;}
    .style-2025 blockquote              {padding: 0;}
    
    footer.tvn-footer   {padding-top: 50px}
    
    .style-2025 h2  {font-size: 30px;}
    
    .poll-row-top .radio-btn:before {width: 30px; height: 30px;}
    .poll-row-top .radio-btn        {font-size: 16px;}
    .poll-row-result span           {font-size: 18px;}
    
    .poll-container {margin-bottom: 40px;}
    
}

@media (max-width: 640px) 
{
    .panel-2025 .panel-container .panel-container-shapes:before {width: 250px; height: 162px;}
    .panel-2025 .panel-container .panel-container-shapes:after  {width: 230px; height: 148px;}
    
    .logo {width: 150px; max-width: 100%;}
    
}

@media (max-width: 550px) 
{
    .panel-2025 .panel-container                {gap: 20px;}
    .listing .panel-2025 .panel-container-text  {padding: 0}
    .listing .panel-2025 .panel-container-text  {flex: 0 0 calc(55% - 10px);}
    .listing .panel-2025 .panel-container-image {flex: 0 0 calc(45% - 10px);}
    
    .style-2025 .blockquote-container           {margin-top: 30px; margin-bottom: 30px;}
    .style-2025 .blockquote-container:before    {left: -300px; width: calc(60% + 250px);}
    .style-2025 .blockquote-container p        {font-size: 24px !important}
    
    .style-2025 .button-container h4           {font-size: 26px;}
    .style-2025 .button-container .btn         {font-size: 18px; padding: 1em}
    
}

@media (max-width: 499px) 
{
    
    .listing .panel-2025 .panel-container-text  {padding: 15px 0}
    
    .tab    {font-size: 18px; padding-left: 10px; padding-right: 10px;}
    
    .listing .panel-container .btn  {font-size: 10px;}
    
    .robertk .style-2025 .page-graphic,
    .style-2025 .page-graphic   {width: 85px;}
    .blockquote-container-graphic.blockquote-container blockquote {width: calc(100% - 100px);}

    

}

@media (max-width: 414px) 
{
    .listing .panel-2025 .panel-container-text h3   {font-size: 6vw;}
    .tab    {font-size: 14px;}
    
    .style-2025 .content-header .panel-container-text p         {font-size: 16px;}

    
}