/* very high res */
@media only screen and (min-width:1px) and (max-width:1170px) {
    .site2center { width:97%; margin:0 auto; }
    #head { padding:12px 0px; }
    #head #logocontainer img { height:32px; } /* 2024: #50 */
    #fullwidth-slide { height:300px; }
    #slidevideo { width:407px; height:229px; top:36px; }
    #samenu-icon-container { top:7px; right:40px;}

    #slidetext-ancillary { width:440px; }
}

/* high res */
@media only screen and (min-width:1px) and (max-width:960px) {
    #fullwidth-slide { height:250px; }
    #slidevideo { width:318px; height:179px; }
    #slidetext { top:50px; width:420px; }
    #slidetext .p { font-size:14.5px; }
    #slidetext .p-bottom { font-size:11px; }
    #slidetext-ancillary { width:350px; }
}

/* only for slider text */
@media only screen and (min-width:1px) and (max-width:780px) {
    #slidetext { top:50px; width:320px; }
}

/* 2 columns */
@media only screen and (min-width:1px) and (max-width:710px) {
    #head { padding:10px 5px; }
    #head #logocontainer img { height:30px; } /* 2024: #42 */
    #footer .footer-menu { width:50%; padding-bottom:10px; }
    #footer .footer-text { width:100%; padding-bottom:10px; }
    #footer .footer-menu-inner { padding-left:5px;}
    #footer .footer-text-inner { padding:0px 5px 0px 5px; }
    
    #newshome .newsbox { width:49%; }
    #newshome #newsboxes .rowend { display:inline; }
    #newshome .newsbox-inner { padding: 0px 5px; }
    #newshome .newsbox p { text-align:left !important; }

    #newshome #newslist .newsdate { display:block; width:100%; color:#666;}
    #newshome #newslist .newstitle { display:block; padding-left:0px; line-height:1.2; border-left:none; padding-bottom:10px; }
    #newshome #newslist br { display:none; }
    
    #fullwidth-slide { height:auto; padding:25px 0px; }
    #slidevideo { display:none; }
    #rvideo { display:block; }
    #rvideo video { width:100% !important; }
    
    #slidetext { top:25px; width:90%; margin:0 auto; text-align:center; display:block; float:none; }
    #slidetext .p { font-size:16px; text-align:center; }
    #slidetext .p-bottom { font-size:12px; text-align:center; }
    
    #slidetext-ancillary { top:0px; width:97%; height:auto; margin:0 auto; padding:0px 0px; text-align:center; display:block; float:none; }

    
    #samenu-icon-container { top:8px; right:15px; width:40px; }
    
    #contentleft { float:none; width:100%; }
    #contentright { overflow:visible; /* return to default */ }
    #contentright #contentright-inner { padding-left:0px; }
}

/* old smartphones */
@media only screen and (min-width:1px) and (max-width:320px) {
    #head { padding:8px 0px; }
    #head #logocontainer img { height:30px; } /* 2024: #40 */
    #newshome .newsbox { width:100%; }
    #samenu-icon-container { top:10px; right:5px; }
}

/* only for top/hamburger menu */
@media only screen and (min-width:1px) and (max-width:780px) {
    #samenu-icon-container { display:inline; }
    #menucontainer { display:none; }
    #head-outer { border-bottom:5px solid #e93864; }
}

/* -- slide down menu -- */
div#vmenu-container * { margin:0; padding:0; }
div#vmenu-container {
    display:none;
    /* background-color:#e8375f; */ /* 2024 */
    gradient concept 2024
    background:rgb(237,73,153);
    background:linear-gradient(90deg, rgba(237,73,153,1) 0%, rgba(228,37,40,1) 100%); 
    color:#fff;
    width:100%;
    text-align:center;
}
div#vmenu-container ul {
    list-style:none;
    list-style-type:none;
    text-align:center;
}
div#vmenu-container li {
    text-align:center;
    color:#fff;
    padding:0px;
    list-style-type:none;
    list-style:none;
    background:none;
}
div#vmenu-container a {
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0px;
}
div#vmenu-container a:hover { background-color:#c63177; }
div#vmenu-container li ul { background-color:#ed476b; }
/* Hide slide down menu by default */
div#vmenu-container li ul { display: none; }

/* video content container breakpoint */
@media only screen and (min-width:1px) and (max-width:1100px) {
    #content-video {
        text-align:left;
        float:none;
        width:100%;
        margin:0px 0px 20px 0px;
    }
}
