﻿.lottie-container-6-mb  {display: none}

@media (min-width: 1366px) {

    .article-header {height: 570px;}
    .article-header .article-header-people  {width: 620px; margin-left: -310px;}
    
    .article-2025.video-2025 .article-header    {height: 490px;}
    
}

@media (max-width: 1300px) {

}
    
@media (max-width: 1190px) {

    #tvn-content h2 {line-height: 1em; padding: 16px 0 16px 30px}
        
    .heading    {left: auto; margin-left: auto; margin-right: auto; width: 808px; max-width: 100%; padding: 0 20px;}
    .heading:after  {width: 1500px; left: 20px;}
    .heading h2     {}
}

@media (max-width: 1060px) {
 
    .cta-container  {width: calc(100% - 50px);}
    
    .cta-container a        {width: 100%;}
    .cta-container a svg    {width: 100%; height: 100%;}
}

@media (max-width: 1024px) {

    #tvn-content h1             {font-size: 40px; padding-left: 10px; padding-right: 10px;}
    .box-master-container.box-master-container-hero  {max-width: calc(100% - 40px);}
    
    #tvn-content h2 {font-size: 40px;}

}

@media (max-width: 990px) {
    
    .box-master-container           {max-width: 100%}
    .box-master-container .lottie   {max-width: calc(100% - 20px);}
    
}

@media (max-width: 940px) {
    
    .article-inner  {width: 660px;}
    .heading        {width: 720px;}
    
    .blockquote-container           {margin: 60px auto; width: 550px;}
    .blockquote-container:before    {display: block; position: relative; top: auto; left: auto; margin-bottom: 20px;}
    
    .blue,
    .white,
    .light-blue,
    .white.white-pb {padding-bottom: 40px;}
    
    .cta-container-section  {padding-bottom: 0;}
    .cta-container:after    {border-radius: 0}
    
    .cta-container a span    {font-size: 5.5vw}
    .cta-container:has(a:hover):after  {height: 90%; border-radius: 0 0 10px 10px;}
    
}

@media (max-width: 800px) {
		
    #tvn-content h1 {font-size: 30px;}
    #tvn-content h2 {font-size: 36px;}
    #tvn-content p.intro    {font-size: 26px;}   
    
    .box-master-container-hero  {margin-top: -35px;}
    
    #lottie3    {width: 500px; max-width: 100%;}
    
}

@media (max-width: 768px) {

    .lottie-container-glasses, .lottie-container    {margin: 40px auto}
    
    .lottie-container.has-source    {margin-bottom: 10px;}
    .source {margin-bottom: 40px;}
}

@media (max-width: 700px) {

}

@media (max-width: 650px) {
    
    #tvn-content h1         {font-size: 25px;}
    #tvn-content p.intro    {font-size: 22px;}   
    
    .box-outer-container:before,
    .box-outer-container:after,
    .box-outer:before,
    .box-outer:after        {width: 10px; height: 10px;}
    
    .box-outer-container:before {left: -5px; top: -5px;}
    .box-outer-container:after  {right: -5px;top: -5px;}
    .box-outer:before           {left: -5px;bottom: -5px;}
    .box-outer:after            {right: -5px; bottom: -5px;}
    
    #tvn-content blockquote p   {font-size: 30px; line-height: 1.4em}
    
    .blue,
    .white,
    .light-blue,
    .white.white-pb {padding-bottom: 40px;}
    
    .lottie-container-6-dk  {display: none}
    .lottie-container-6-mb  {display: block}
    
}
    
@media (max-width: 500px) {

    #tvn-content h1 br  {display: none}
    #tvn-content h2 {font-size: 30px;}    
    #tvn-content p.intro    {line-height: 1.55em; font-size: 19px;}   
    #tvn-content p          {font-size: 16px}

    .blockquote-container:before { width: 66px; height: 39px;}

    .blockquote-container       {max-width: calc(100% - 80px);}
    #tvn-content blockquote p   {font-size: 24px; line-height: 1.4em}
    #tvn-content blockquote cite    {font-size: 15px;}

    .lottie-container   {max-width: calc(100% - 20px); margin: 30px auto}
    
    .lottie-container.has-source    {margin-bottom: 10px;}
    .source {margin-bottom: 30px;}
    
    .cta-container a        {height: 70px;}
    .cta-container a span   {font-size: 6.5vw}

    .cta-container-section  {margin-top: 30px}
    
    .underlines span    {transform: scale(0.8); transform-origin: left}
    
    .video-container-outer {margin-top: 20px}
        
    .video-text {background-color: #8030F0; padding: 40px 0 50px;}
    
    .source {padding-left: 0}
    
    .source p {font-size: 11px !important}

    
}


@media (max-width: 440px) {

}

@media (max-width: 414px) {

    
        #tvn-content h2         {font-size: 26px;}

    
}

@media (max-width: 360px) {

}


@media (max-width: 350px) {

}




