.ClasicInfoPanelLeft
{
    width: 50%; 
    min-width: 450px;
    padding-top: 20px; 
    padding-left: 80px;
    padding-right: 50px;
}

.ClasicInfoPanelRight
{
    width: 50%; 
    min-width: 450px; 
    padding-left: 70px;
    padding-right: 40px;
}

.ProgramTitle3Clasic    
 {
     display: block;;
 }




.ClasicChMenu
{
    width: 20px; 
    height: 20px; 
    border: 0px solid #345; 
    border-radius: 3px; 
    position: absolute; 
    right: 8px; 
    bottom: 8px;
    color: #3087ff;
    opacity: 0.8;
}

.ClasicChMenu:hover
{
    border: 0px solid #345; 
    color: #cde;
    opacity: 0.9;
}



.ClasicChListTimeStart
{
  display: block;  
}

.ClasicChListTimeStop
{
   display: block; 
}


@media (max-width: 1300px) {

 
 .ClasicInfoPanelLeft
{
    width: 50%; 
    min-width: 450px;
    padding-top: 20px; 
    padding-left: 50px;
    padding-right: 20px;
}

.ClasicInfoPanelRight
{
    width: 50%; 
    min-width: 450px; 
    padding-left: 50px;
    padding-right: 20px;
}


}



@media (max-width: 910px) {
    
.ClasicInfoPanelLeft
{
    width: 100%; 
    min-width: 380px; 
    padding: 5px; 
    padding-left: 80px;
    padding-right: 50px;
}

.ClasicInfoPanelRight
{
    width: 100%; 
    min-width: 380px; 
    padding: 5px; 
    padding-left: 80px;
    padding-right: 20px;
}    
    
.ProgramTitle3Clasic    
 {
     display: none;
 }
    

    
}



@media (max-width: 640px) {
  .ClasicInfoPanelLeft
{
    width: 100%; 
    min-width: 380px; 
    padding: 5px; 
    padding-left: 30px;
    padding-right: 5px;
}

.ClasicInfoPanelRight
{
    width: 100%; 
    min-width: 380px; 
    padding: 5px; 
    padding-left: 30px;
    padding-right: 5px;
}

.ClasicChListTimeStart
{
  display: block;  
}

.ClasicChListTimeStop
{
   display: none; 
} 
    
}